:root{
  --brown:#67381f;
  --brown-2:#4f2918;
  --pink:#ecbebd;
  --pink-2:#f4dedd;
  --cream:#f5eee8;
  --paper:#fbf7f2;
  --gold:#b4833e;
  --ink:#2c1b13;
  --line:rgba(103,56,31,.18);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav-wrap{position:fixed;inset:0 0 auto;z-index:50;padding:14px 0;mix-blend-mode:normal}.nav{height:64px;background:rgba(251,247,242,.82);backdrop-filter:blur(18px);border:1px solid rgba(103,56,31,.12);border-radius:999px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 30px rgba(56,28,14,.05)}
.wordmark{font-family:'Italiana',serif;font-size:28px;color:var(--brown);letter-spacing:.02em}.nav-links{display:flex;gap:28px;font-size:13px;font-weight:600}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--brown);transition:.3s}.nav-links a:hover:after{right:0}.nav-cta{background:var(--brown);color:var(--pink);padding:12px 17px;border-radius:999px;font-weight:700;font-size:12px}
.section{padding:130px 0;position:relative;overflow:hidden}.brown-section{background:var(--brown);color:var(--paper)}.pink-section{background:var(--pink)}.cream-section{background:var(--cream)}
.kicker{font-size:11px;letter-spacing:.22em;font-weight:700;margin:0 0 22px}.kicker.light{color:var(--pink)}
h1,h2{font-family:'Italiana',serif;font-weight:400;letter-spacing:-.045em;margin:0;line-height:.94}h1 em,h2 em{font-style:italic;color:var(--brown)}.brown-section h1 em,.brown-section h2 em{color:var(--pink)}
.button{display:inline-flex;align-items:center;gap:18px;border-radius:999px;padding:16px 22px;font-size:12px;font-weight:700;letter-spacing:.06em;transition:.3s}.pink-button{background:var(--pink);color:var(--brown)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.12)}

/* hero */
.hero{min-height:100svh;display:flex;align-items:center;padding:150px 0 90px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:560px;height:560px;background:radial-gradient(circle,rgba(236,190,189,.22),transparent 68%);right:-120px;bottom:-140px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;position:relative;z-index:2}.hero h1{font-size:clamp(72px,8.6vw,150px)}.hero-line{font-size:22px;max-width:540px;line-height:1.45;margin:30px 0}.hero-media{min-height:580px;position:relative}.media-frame{position:absolute;border-radius:34px;overflow:hidden;border:1px solid rgba(236,190,189,.35);box-shadow:0 30px 70px rgba(37,16,7,.28)}.media-main{inset:30px 0 0 70px;transform:rotate(2.5deg)}.media-placeholder{height:100%;min-height:550px;background:linear-gradient(150deg,#8e5d3b,#4c2818 65%,#29150d);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--pink);font-weight:700;letter-spacing:.14em}.media-placeholder small{font-size:11px;opacity:.78;margin-top:12px;letter-spacing:.07em}.floating-label{position:absolute;background:var(--pink);color:var(--brown);padding:14px 18px;border-radius:999px;font-size:12px;font-weight:700;z-index:3;box-shadow:0 15px 30px rgba(42,20,10,.18)}.label-a{left:12px;top:100px;transform:rotate(-6deg)}.label-b{right:-28px;bottom:80px;transform:rotate(5deg)}.big-mavem{position:absolute;left:-1vw;bottom:-5.5vw;font-family:'Italiana';font-size:20vw;color:rgba(236,190,189,.065);white-space:nowrap;line-height:.72;pointer-events:none}.marquee{position:absolute;top:92px;left:0;right:0;overflow:hidden;border-top:1px solid rgba(236,190,189,.18);border-bottom:1px solid rgba(236,190,189,.18)}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee span{font-size:10px;letter-spacing:.32em;color:rgba(236,190,189,.65);padding:9px 0;white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}

/* about */
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.about h2{font-size:clamp(64px,7vw,112px)}.about-copy{padding-bottom:8px}.about-copy .lead{font-size:25px;line-height:1.45;margin:0 0 50px}.movement-lines{display:grid;border-top:1px solid rgba(103,56,31,.28)}.movement-lines span{font-family:'Italiana';font-size:34px;padding:19px 0;border-bottom:1px solid rgba(103,56,31,.28)}.orbit-word{position:absolute;right:-80px;top:30px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(103,56,31,.18);display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:.24em;transform:rotate(18deg);opacity:.55}

/* services */
.section-title-row{display:grid;grid-template-columns:.45fr 1.55fr;align-items:start;gap:30px;margin-bottom:70px}.section-title-row h2{font-size:clamp(56px,6.4vw,96px)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:270px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.42);transition:.35s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:auto -45px -70px auto;width:150px;height:150px;border-radius:50%;background:var(--pink);opacity:0;transition:.35s}.service-card:hover{background:var(--brown);color:var(--paper);transform:translateY(-8px)}.service-card:hover:before{opacity:.18}.service-card>span{position:absolute;top:24px;right:24px;font-family:'Italiana';font-size:30px;color:var(--gold)}.service-card h3{font-family:'Italiana';font-size:34px;font-weight:400;margin:0 0 10px}.service-card p{margin:0;line-height:1.55;max-width:260px}

/* portfolio */
.portfolio-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:55px}.portfolio-head h2{font-size:clamp(58px,6.4vw,100px)}.portfolio-head>p{font-size:18px;line-height:1.65;color:#efd9d2;max-width:420px}.portfolio-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.project{aspect-ratio:5/8;border-radius:26px;overflow:hidden;background:#3d2013;position:relative;isolation:isolate;box-shadow:0 18px 45px rgba(38,18,10,.14);transition:transform .45s ease,box-shadow .45s ease}
.project:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(38,18,10,.22)}
.project-tall,.project-wide{grid-row:auto;grid-column:auto}
.project-media{height:100%;position:relative;overflow:hidden;background:#5f3523}
.project-media:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(34,16,8,.03) 24%,rgba(34,16,8,.12) 55%,rgba(34,16,8,.82) 100%);pointer-events:none}
.project-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.project:hover .project-asset{transform:scale(1.055);filter:saturate(1.06)}
.portfolio-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  position:absolute;
  inset:0;
  z-index:1;
}

.project-placeholder{position:absolute;inset:0;z-index:0;display:grid;place-items:center;text-align:center;padding:24px}
.project-placeholder span{font-size:10px;line-height:1.7;letter-spacing:.2em;font-weight:700;color:rgba(255,255,255,.78)}
.p1{background:linear-gradient(135deg,#d7b5a0,#6d4029)}.p2{background:linear-gradient(145deg,#c9a682,#774c33)}.p3{background:linear-gradient(145deg,#f0c9c4,#9b6a58)}.p4{background:linear-gradient(145deg,#b9894d,#56301e)}.p5{background:linear-gradient(145deg,#e5d5c7,#8a6048)}.p6{background:linear-gradient(145deg,#d89f9c,#5b2f1d)}
.project-meta{position:absolute;left:24px;right:24px;bottom:20px;z-index:3;display:flex;justify-content:space-between;gap:14px;align-items:end;pointer-events:none}
.project-meta b{font-family:'Italiana';font-size:29px;font-weight:400;color:#fff;text-shadow:0 2px 20px rgba(24,10,5,.2)}
.project-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#f6dfd9;text-align:right}

/* production */
.production-title{
  display:grid;
  grid-template-columns:1.45fr .55fr;
  gap:60px;
  align-items:end;
  margin-bottom:60px;
}
.production-title h2{font-size:clamp(58px,6vw,92px)}
.production-title>p{font-size:18px;line-height:1.6}

.production-strip{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  align-items:start;
  animation:none !important;
  transform:none !important;
}

.prod-card{
  width:100%;
  margin-top:0 !important;
}
.prod-card:nth-child(even){margin-top:0 !important}

.prod-media{
  width:100%;
  height:auto;
  aspect-ratio:4/6;
  border-radius:28px;
  overflow:hidden;
  position:relative;
  background:#5f3523;
  box-shadow:0 20px 50px rgba(72,32,17,.14);
}

.prod-media video,
.prod-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease;
}

.prod-card:hover .prod-media video,
.prod-card:hover .prod-media img{
  transform:scale(1.035);
  filter:saturate(1.04);
}

.prod-card strong{
  display:block;
  font-family:'Italiana',serif;
  font-size:27px;
  font-weight:400;
  margin-top:14px;
}

/* Campanha: mantém a arte inteira sem cortar */
.prod-media--campaign{
  position:relative;
  overflow:hidden;
  background:#5b2f1d;
}
.prod-media--campaign::before{
  content:"";
  position:absolute;
  inset:-25px;
  background-image:url('../assets/videos/campanha.jpeg');
  background-size:cover;
  background-position:center;
  filter:blur(24px) brightness(.62);
  transform:scale(1.12);
  z-index:0;
}
.prod-media--campaign::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(55,26,14,.06);
  z-index:1;
  pointer-events:none;
}
.prod-media--campaign .campaign-image{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center;
  display:block;
  transform:none !important;
}
.prod-card:hover .prod-media--campaign .campaign-image{
  transform:none !important;
  filter:none !important;
}

/* team */
.team-head{display:grid;grid-template-columns:.38fr 1fr .55fr;gap:35px;align-items:end;margin-bottom:55px}.team-head h2{font-size:clamp(58px,6.6vw,104px)}.team-head>p{font-size:18px;margin:0 0 8px}.team-marquee{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.person{padding-bottom:28px;border-bottom:1px solid var(--line)}.person:nth-child(2),.person:nth-child(5){transform:translateY(42px)}.person-photo{aspect-ratio:4/5;border-radius:26px;background:linear-gradient(150deg,var(--pink),#d8b198 60%,var(--brown));display:grid;place-items:center;overflow:hidden;position:relative}.person-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(67,31,17,.12));pointer-events:none;z-index:2}.person-photo span{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--brown)}.person-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;position:relative;z-index:1;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .45s ease}.person:hover .person-photo img{transform:scale(1.04);filter:saturate(1.04)}.person h3{font-family:'Italiana';font-size:31px;font-weight:400;margin:16px 0 2px}.person p{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.11em;color:#795a49}

/* feedbacks */
.feedback-head{display:grid;grid-template-columns:.4fr 1fr;gap:35px;margin-bottom:50px}.feedback-head h2{font-size:clamp(62px,7vw,112px)}.feedback-collage{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.feedback{margin:0;background:#fff;border-radius:25px;padding:28px;font-size:19px;line-height:1.55;box-shadow:0 20px 45px rgba(88,45,26,.08);position:relative}.feedback small{display:block;margin-top:24px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8b6652}.f1{grid-column:1/7;transform:rotate(-2deg)}.f2{grid-column:7/12;margin-top:65px;transform:rotate(2deg)}.f3{grid-column:2/7;margin-top:10px;transform:rotate(1deg)}.f4{grid-column:7/13;margin-top:-8px;transform:rotate(-2deg)}.feedback-note{font-size:11px;letter-spacing:.08em;margin-top:48px;opacity:.58}

/* closing */
.closing{padding:140px 0 26px;position:relative;overflow:hidden}.closing:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(236,190,189,.07);right:-220px;top:-160px}.closing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative}.closing-copy h2{font-size:clamp(66px,7vw,112px);margin-bottom:40px}.closing-brand{text-align:center}.closing-logo{font-family:'Italiana';font-size:clamp(80px,11vw,170px);line-height:.9;color:var(--pink);letter-spacing:-.045em}.closing-brand p{color:var(--pink);letter-spacing:.25em;font-size:11px;font-weight:700;margin-top:16px}

/* animation */
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.72,.22,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}
.reveal{opacity:1;transform:none}

.hero-logo-card{background:var(--brown);display:flex;align-items:center;justify-content:center;padding:34px 26px}
.hero-logo-image{width:100%;max-width:92%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 12px 24px rgba(38,16,8,.16))}

/* CASA DAS PRESILHAS — AJUSTE ESPECIAL */
.project-casa{
  position:relative;
  overflow:hidden;
  background:#4f2918;
}

.project-casa .project-media{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  background:#4f2918;
}

/* Fundo desfocado da própria arte para preencher toda a área do card */
.project-casa .project-media::before{
  content:"";
  position:absolute;
  inset:-22px;
  background-image:url('../assets/images/portfolio/casa-presilhas.jpg');
  background-size:cover;
  background-position:center;
  filter:blur(24px) brightness(.46) saturate(.85);
  transform:scale(1.10);
  z-index:0;
}

/* Escurecimento inferior para nome e categoria ficarem sempre legíveis */
.project-casa .project-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(180deg,rgba(44,22,12,.02) 45%,rgba(44,22,12,.12) 66%,rgba(44,22,12,.88) 100%);
  pointer-events:none;
}

/* A peça aparece inteira; não corta logo nem texto da arte */
.project-casa .project-asset-casa{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center;
  display:block;
  z-index:2;
  transform:none !important;
  transition:transform .55s ease;
}

.project-casa:hover .project-asset-casa{
  transform:scale(1.012) !important;
  filter:none;
}

/* Mantém o nome Casa das Presilhas no mesmo padrão dos demais cards */
.project-casa .project-meta-casa{
  left:24px;
  right:24px;
  bottom:20px;
  z-index:5;
}

.project-casa .project-meta-casa b{
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.36);
}

.project-casa .project-meta-casa span{
  color:#f4dedd;
}



/* PRODUÇÃO — vídeos em autoplay e campanha sem corte */
.production-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.prod-media--campaign{
  position:relative;
  background:#5b2f1d;
  overflow:hidden;
}

.prod-media--campaign::before{
  content:"";
  position:absolute;
  inset:-22px;
  background-image:url('../assets/videos/campanha.jpeg');
  background-size:cover;
  background-position:center;
  filter:blur(22px) brightness(.62) saturate(.9);
  transform:scale(1.12);
  z-index:0;
}

.prod-media--campaign::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(55,26,14,.08);
  z-index:1;
  pointer-events:none;
}

.prod-media--campaign .campaign-image{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center;
  display:block;
  transform:none !important;
}

.prod-card:hover .prod-media--campaign .campaign-image{
  transform:scale(1.012) !important;
  filter:none !important;
}
/* =========================================================
   PRODUÇÃO — LAYOUT ESTÁTICO CENTRALIZADO
   ========================================================= */

.production-strip{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  padding:0;

  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:18px;
  align-items:start;

  /* Remove completamente o movimento horizontal */
  animation:none !important;
  transform:none !important;
}

/* Todos os cards ficam alinhados na mesma altura */
.prod-card{
  width:100%;
  margin-top:0 !important;
}

/* Remove o efeito de cards alternados para cima/baixo */
.prod-card:nth-child(even){
  margin-top:0 !important;
}

/* Formato vertical uniforme */
.prod-media{
  width:100%;
  aspect-ratio:4 / 6;
  height:auto;

  border-radius:28px;
  overflow:hidden;
  position:relative;

  background:#5f3523;
  box-shadow:0 20px 50px rgba(72,32,17,.14);
}

/* Vídeos continuam tocando normalmente */
.prod-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* Imagens */
.prod-media img{
  width:100%;
  height:100%;
  display:block;
}

/* Nome abaixo de cada card */
.prod-card strong{
  display:block;
  font-family:'Italiana', serif;
  font-size:27px;
  font-weight:400;
  margin-top:14px;
}

/* =========================================================
   CAMPANHA — MOSTRA A ARTE INTEIRA
   ========================================================= */

.prod-media--campaign{
  position:relative;
  overflow:hidden;
  background:#5b2f1d;
}

.prod-media--campaign::before{
  content:"";
  position:absolute;
  inset:-25px;

  background-image:url('../assets/videos/campanha.jpeg');
  background-size:cover;
  background-position:center;

  filter:blur(24px) brightness(.62);
  transform:scale(1.12);

  z-index:0;
}

.prod-media--campaign::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(55,26,14,.06);
  z-index:1;
  pointer-events:none;
}

.prod-media--campaign .campaign-image{
  position:relative;
  z-index:2;

  width:100%;
  height:100%;

  object-fit:contain !important;
  object-position:center;

  display:block;
  transform:none !important;
}

.prod-card:hover .prod-media--campaign .campaign-image{
  transform:none !important;
}

/* =========================================================
   TABLET
   ========================================================= */


/* =========================================================
   CELULAR
   ========================================================= */

/* =========================================================
   RESPONSIVO — TABLET
   ========================================================= */
@media(max-width:960px){
  .nav-links{display:none}

  .hero-grid,
  .about-grid,
  .portfolio-head,
  .closing-grid{
    grid-template-columns:1fr;
  }

  .hero-media{min-height:460px}
  .media-main{inset:10px 30px 0}

  .section-title-row,
  .production-title,
  .team-head{
    grid-template-columns:1fr;
  }

  .services-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-wide{grid-column:auto}

  .production-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(100% - 48px,760px);
  }

  .team-marquee{grid-template-columns:repeat(2,1fr)}
  .person:nth-child(2),
  .person:nth-child(5){transform:none}

  .feedback-head{grid-template-columns:1fr}
  .f1,.f2,.f3,.f4{
    grid-column:auto;
    margin-top:0;
    transform:none;
  }
  .feedback-collage{grid-template-columns:1fr 1fr}
  .closing-brand{text-align:left}
}

/* =========================================================
   RESPONSIVO — CELULAR
   ========================================================= */
@media(max-width:640px){
  .shell{width:min(100% - 28px,1180px)}

  .nav{
    height:56px;
    padding:0 16px;
  }
  .nav-cta{
    font-size:10px;
    padding:10px 12px;
  }

  .hero{padding-top:135px}
  .hero h1{font-size:65px}
  .hero-line{font-size:18px}
  .hero-media{min-height:330px}
  .media-main{inset:10px 8px 0 24px}
  .media-placeholder{min-height:315px}
  .floating-label{
    font-size:10px;
    padding:10px 13px;
  }
  .label-a{left:-2px;top:55px}
  .label-b{right:-2px;bottom:35px}

  .section{padding:95px 0}

  .about h2,
  .section-title-row h2,
  .portfolio-head h2,
  .production-title h2,
  .team-head h2,
  .feedback-head h2,
  .closing-copy h2{
    font-size:54px;
  }

  .about-grid{gap:45px}
  .movement-lines span{font-size:27px}

  .services-grid{grid-template-columns:1fr}
  .service-card{min-height:220px}

  /* Portfólio em coluna única e vídeos ocupando todo o card */
  .portfolio-mosaic{
    grid-template-columns:1fr;
    gap:22px;
  }
  .project{
    width:100%;
    aspect-ratio:5/8;
    position:relative;
    overflow:hidden;
  }
  .project-tall{grid-row:auto}
  .project-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
  }
  .project-media video,
  .portfolio-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
  }
  .project-asset{
    width:100%;
    height:100%;
  }
  .project-meta{
    left:20px;
    right:20px;
    bottom:18px;
    z-index:5;
  }
  .project-meta b{font-size:28px}
  .project-meta span{
    font-size:9px;
    line-height:1.4;
  }

  /* Produção estática e centralizada */
  .production-title{
    margin-bottom:38px;
    gap:24px;
  }
  .production-strip{
    grid-template-columns:1fr;
    width:min(100% - 28px,420px);
    gap:28px;
  }
  .prod-media{aspect-ratio:4/5}
  .prod-card strong{font-size:25px}

  .team-marquee{grid-template-columns:1fr 1fr}
  .person h3{font-size:22px}

  .feedback-collage{grid-template-columns:1fr}

  .closing{padding-top:100px}
  .closing-grid{gap:70px}
  

  .orbit-word{display:none}
}



/* =========================================================
   RODAPÉ — CONTATOS, REDES SOCIAIS E CRÉDITOS
   ========================================================= */

.footer{
  margin-top:105px;
  padding:28px 0 0;
  border-top:1px solid rgba(236,190,189,.24);
}

.footer-contacts{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  padding:0 0 28px;
}

.footer-contact-item{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border:1px solid rgba(236,190,189,.20);
  border-radius:999px;
  background:rgba(236,190,189,.055);
  color:var(--pink);
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease;
}

.footer-contact-item:hover{
  transform:translateY(-2px);
  background:rgba(236,190,189,.11);
  border-color:rgba(236,190,189,.36);
}

.footer-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
}

.footer-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 0 2px;
  border-top:1px solid rgba(236,190,189,.16);
  color:rgba(244,222,221,.72);
  font-size:10px;
  letter-spacing:.05em;
}

.footer-bottom p{
  margin:0;
}

.footer-bottom strong{
  color:var(--pink);
  font-weight:700;
}

/* Rodapé no tablet e celular */
@media(max-width:760px){
  .footer{
    margin-top:74px;
    padding-top:24px;
  }

  .footer-contacts{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding-bottom:24px;
  }

  .footer-contact-item{
    width:100%;
    min-height:50px;
  }

  .footer-bottom{
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:8px;
    padding-top:18px;
    line-height:1.5;
  }
}

@media(prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
  .reveal{
    opacity:1;
    transform:none;
  }
}

/* =========================================================
   CORREÇÃO FINAL — FUNDO ABAIXO DO RODAPÉ
   ========================================================= */

html,
body{
  background:var(--brown);
}

.closing{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-bottom:26px;
  background:var(--brown) !important;
}

.closing .footer{
  width:min(1180px,calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:640px){
  .closing{
    min-height:100svh;
    padding-bottom:22px;
  }

  .closing .footer{
    width:min(100% - 28px,1180px);
  }
}