@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
@font-face {
  font-family: 'Monimer Serif';
  src: url('assets/fonts/MonimerSerif_PERSONAL_USE_ONLY.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root{--green:#123a2a;--deep:#0b241a;--cream:#f4eddd;--coral:#f16d54;--yellow:#f7c94d;--ink:#10271e;--line:rgba(18,58,42,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Plus Jakarta Sans',sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;color:var(--cream)}.brand{display:inline-flex;align-items:center}.brand-logo{display:block;width:112px;height:auto}.brand span{color:var(--coral)}nav{display:flex;gap:28px;font-size:13px}.header-cta,.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;border-radius:100px;font-size:13px;font-weight:600;padding:14px 20px;transition:transform .2s,background .2s}.header-cta{background:var(--cream);color:var(--green)}.button:hover,.header-cta:hover{transform:translateY(-2px)}.hero{min-height:100svh;background:var(--green);color:var(--cream);position:relative;overflow:hidden;padding:calc(120px + 2vh) 7vw 6vh;display:flex;flex-direction:column;justify-content:space-between}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:62vw;height:62vw;background:var(--coral);right:-22vw;top:8vh;opacity:.96}.hero:after{width:26vw;height:26vw;border:1px solid rgba(244,237,221,.5);right:9vw;bottom:-12vw}.kicker,.eyebrow{font:400 11px 'Space Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.hero h1{position:relative;z-index:1;max-width:1000px;margin:7vh 0 0;font-size:clamp(56px,8.2vw,126px);line-height:.84;letter-spacing:-.075em}.hero em,.cta em{font-family:'Monimer Serif',serif;font-weight:400;font-style:normal}.hero-bottom{z-index:1;display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:960px}.hero-bottom p{max-width:340px;margin:0;font-size:16px;line-height:1.45}.button-coral{background:var(--coral);color:var(--cream)}.hero-mark{position:absolute;right:4vw;bottom:5vh;font:400 clamp(60px,10vw,150px) 'Monimer Serif',serif;font-style:normal;color:rgba(244,237,221,.22);letter-spacing:-.1em}.section-pad{padding:clamp(72px,11vw,160px) 7vw}.intro{background:var(--cream)}.intro-copy{display:grid;grid-template-columns:1.4fr .55fr;gap:10vw;margin-top:clamp(35px,6vw,88px)}h2{font-size:clamp(38px,5vw,78px);line-height:.95;letter-spacing:-.06em;margin:0}.intro-copy p,.deliveries-head p{font-size:16px;line-height:1.55;align-self:end;margin:0}.scroll-film{height:520vh;background:var(--deep)}.film-sticky{position:sticky;top:0;height:100svh;overflow:hidden;color:var(--cream)}.film-media,.film-media video{position:absolute;inset:0;width:100%;height:100%}.film-media{background:var(--deep)}.film-media video{
  display:block;
  opacity:0;
  object-fit:cover;
  transition:opacity .18s ease;
}

.film-media video.active{opacity:1}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,24,17,.72),rgba(8,24,17,.1) 70%),linear-gradient(0deg,rgba(8,24,17,.48),transparent 50%)}.film-ui{position:relative;z-index:1;height:100%;padding:11vh 7vw 10vh;display:flex;flex-direction:column;align-items:flex-start}.film-count{margin:0 0 auto;font:11px 'Space Mono',monospace;color:var(--yellow)}.film-ui h2{max-width:720px;margin:0;font-size:clamp(44px,6.2vw,92px)}.film-ui>p:last-child{max-width:370px;margin:22px 0 0;font-size:16px;line-height:1.4}.film-progress{position:absolute;z-index:2;left:7vw;right:7vw;bottom:5vh;height:1px;background:rgba(244,237,221,.38)}.film-progress span{display:block;width:0;height:100%;background:var(--yellow)}.deliveries-head{display:grid;grid-template-columns:1.25fr .5fr;gap:10vw;margin:32px 0 70px}.delivery-list{border-top:1px solid var(--line)}.delivery-list article{display:grid;grid-template-columns:80px 1.1fr .65fr;gap:30px;align-items:start;border-bottom:1px solid var(--line);padding:28px 0}.delivery-list span{font:12px 'Space Mono',monospace;color:var(--coral)}.delivery-list h3{margin:0;font-size:clamp(25px,3.1vw,46px);line-height:.96;letter-spacing:-.06em}.delivery-list p{margin:0;line-height:1.45;font-size:14px}.proof{display:grid;grid-template-columns:1.1fr .9fr;background:var(--coral);color:var(--cream)}.proof-card{padding:clamp(70px,10vw,150px) 7vw}.proof-card h2{margin:30px 0;font-size:clamp(40px,5.2vw,74px)}.proof-card>p:last-child{max-width:460px;line-height:1.5}.proof-statement{background:var(--green);padding:clamp(70px,10vw,150px) 6vw;display:flex;flex-direction:column;justify-content:space-between;font:400 clamp(28px,3vw,48px) 'Monimer Serif',serif;font-style:normal;line-height:1}.cta{background:var(--yellow)}.cta h2{margin:32px 0 50px;color:var(--green)}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.button-dark{background:var(--green);color:var(--cream)}.button-outline{border:1px solid var(--green)}footer{display:flex;justify-content:space-between;padding:28px 4vw;background:var(--green);color:var(--cream);font-size:12px}@media(max-width:720px){.site-header{padding:20px 6vw}.brand-logo{width:96px}.site-header nav{display:none}.header-cta{font-size:11px;padding:10px 13px}.hero{padding:110px 7vw 5vh}.hero h1{font-size:clamp(54px,15vw,78px)}.hero-bottom{align-items:start;flex-direction:column}.intro-copy,.deliveries-head,.proof{grid-template-columns:1fr;gap:28px}.delivery-list article{grid-template-columns:34px 1fr;gap:14px}.delivery-list p{grid-column:2}.proof-statement{min-height:330px}.film-ui{padding:13vh 7vw 10vh}.film-ui h2{font-size:clamp(42px,12vw,62px)}.hero:before{width:105vw;height:105vw;right:-50vw;top:12vh}.hero-mark{right:8vw}.section-pad{padding:88px 7vw}footer{flex-direction:column;gap:18px}}

/* Hero fotográfica em tela cheia: largura integral com margem vertical para o parallax. */
.hero{background-color:var(--deep);background-image:linear-gradient(90deg,rgba(5,16,12,.25),rgba(5,16,12,.08) 55%,rgba(5,16,12,.05)),linear-gradient(0deg,rgba(5,16,12,.16),transparent 55%),url('assets/images/hero-manga-rosa.jpg');background-size:100% 122%;background-position:50% 32%;isolation:isolate}.hero-media{display:none}.hero:before{width:26vw;height:26vw;background:transparent;border:1px solid rgba(244,237,221,.5);right:9vw;top:auto;bottom:-12vw;opacity:1;z-index:1}.hero:after{
  inset:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:
    linear-gradient(rgba(3,13,9,.30),rgba(3,13,9,.30)),
    linear-gradient(90deg,
      rgba(4,15,11,.36) 0%,
      rgba(4,15,11,.23) 42%,
      rgba(4,15,11,.08) 68%,
      rgba(4,15,11,.02) 100%),
    linear-gradient(180deg,rgba(4,15,11,.10),rgba(4,15,11,.06) 60%,rgba(4,15,11,.15));
  z-index:1
}.hero .kicker,.hero h1,.hero .hero-bottom{position:relative;z-index:2}.hero .hero-mark{z-index:2}.hero h1,.hero-bottom p{text-shadow:0 4px 20px rgba(0,0,0,.34)}@media(max-width:720px){
  .hero{
    background-size:auto 128%;
    background-position:50% 32%;
  }
  .hero:before{width:60vw;height:60vw;right:-22vw;top:auto;bottom:-28vw}
}


/* Seta vetorial: evita a versão emoji renderizada pelo iOS. */
.arrow{display:inline-flex;align-items:center;justify-content:center;width:.9em;height:.9em;flex:0 0 .9em;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;line-height:1}.arrow::before{content:"→";display:block;transform:rotate(-45deg);transform-origin:center}


/* Serviços */
.services{background:var(--cream);color:var(--ink)}
.services-head{display:grid;grid-template-columns:1.1fr .55fr;gap:10vw;align-items:end;margin:28px 0 64px}
.services h2,.cases h2{font-size:clamp(48px,6.4vw,94px);line-height:.88}
.services h2 em,.cases h2 em{font-family:'Monimer Serif',serif;font-weight:400;font-style:normal}
.services-head>p{max-width:390px;margin:0;font-size:16px;line-height:1.5}
.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:510px;padding:30px 3vw 42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.service-card-accent{background:var(--green);color:var(--cream)}
.service-number{margin:0 0 auto;font:12px 'Space Mono',monospace;color:var(--coral)}
.service-card h3{margin:44px 0 30px;font-size:clamp(34px,4.1vw,62px);line-height:.88;letter-spacing:-.065em}
.service-card ul{list-style:none;margin:0;padding:0;border-top:1px solid currentColor}
.service-card li{padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent);font-size:14px;line-height:1.35}
.service-card li:last-child{border-bottom:0}

/* Cases */
.cases{background:var(--deep);color:var(--cream)}
.cases-head{display:grid;grid-template-columns:1.1fr .55fr;gap:10vw;align-items:end;margin-bottom:64px}
.cases-head .eyebrow{color:var(--yellow);margin:0 0 22px}
.cases-head>p{max-width:360px;margin:0;font-size:16px;line-height:1.5}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-card{position:relative;isolation:isolate;min-height:480px;overflow:hidden;background:#08150f;display:flex;align-items:flex-end}
.case-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,15,11,.05) 20%,rgba(4,15,11,.94) 100%)}
.case-card video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.case-featured{grid-column:span 2;min-height:620px}
.case-card:last-child{grid-column:span 2}
.case-content{width:100%;padding:28px 30px}
.case-tag{margin:0 0 12px;color:var(--yellow);font:11px 'Space Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.case-card h3{margin:0;font-size:clamp(32px,4.6vw,66px);line-height:.9;letter-spacing:-.06em}
.case-card:not(.case-featured) h3{font-size:clamp(30px,3.4vw,48px)}
.case-card details{margin-top:18px;max-width:760px;font-size:14px;line-height:1.45}
.case-card summary{width:max-content;max-width:100%;cursor:pointer;color:var(--cream);font-weight:600;list-style:none;border-bottom:1px solid rgba(244,237,221,.6);padding-bottom:3px}
.case-card summary::-webkit-details-marker{display:none}
.case-card details p{margin:14px 0 0}
.case-card details[open] summary{color:var(--yellow)}

@media(max-width:720px){
  .services-head,.cases-head{grid-template-columns:1fr;gap:22px;margin-bottom:42px}
  .services h2,.cases h2{font-size:clamp(46px,14vw,68px)}
  .service-grid,.case-grid{grid-template-columns:1fr}
  .service-card{min-height:auto;padding:26px 6vw 34px}
  .service-card h3{margin:48px 0 28px;font-size:clamp(38px,12vw,55px)}
  .case-card,.case-featured,.case-card:last-child{grid-column:auto;min-height:520px}
  .case-featured{min-height:590px}
  .case-content{padding:24px 6vw}
  .case-card h3,.case-card:not(.case-featured) h3{font-size:clamp(38px,11vw,54px)}
}

/* Fechamento premium: cases, prova operacional e contato recebem a mesma
   linguagem de enquadramentos, códigos e movimento das seções centrais. */
.cases{position:relative;background:radial-gradient(circle at 88% 9%,rgba(241,109,84,.2),transparent 23%),var(--deep)}
.cases::before{content:"Projetos selecionados";position:absolute;top:34px;right:7vw;color:rgba(244,237,221,.28);font:10px 'Space Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.cases-intro{align-self:end;display:grid;gap:20px;max-width:360px}
.cases-intro>p:first-child{max-width:360px;margin:0;font-size:16px;line-height:1.5}
.cases-drag-note{display:flex;align-items:center;gap:9px;margin:0;color:var(--yellow);font:11px 'Space Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.cases-drag-note span{font-size:18px;letter-spacing:0}
.case-track{gap:14px}
.case-track .case-card{border:1px solid rgba(244,237,221,.18);box-shadow:0 18px 50px rgba(0,0,0,.2);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}
.case-card::before{position:absolute;z-index:3;top:20px;left:22px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(244,237,221,.45);border-radius:50%;background:rgba(8,31,22,.22);backdrop-filter:blur(8px);color:var(--cream);font:10px 'Space Mono',monospace;content:"01"}
.case-card:nth-child(2)::before{content:"02"}.case-card:nth-child(3)::before{content:"03"}.case-card:nth-child(4)::before{content:"04"}.case-card:nth-child(5)::before{content:"05"}.case-card:nth-child(6)::before{content:"06"}
.case-content{padding:30px}
.case-content::before{content:"";position:absolute;z-index:-1;right:30px;bottom:31px;left:30px;height:1px;background:rgba(244,237,221,.42);transform-origin:left;transform:scaleX(.3);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.case-card summary{display:inline-flex;align-items:center;gap:10px;border:0;padding:8px 0;color:var(--cream);font:400 11px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.case-card summary::after{content:"↗";font-size:15px;line-height:1;transition:transform .25s ease}
.case-card details[open] summary::after{transform:rotate(90deg)}
.case-card details{margin-top:14px;font-size:14px}
@media (hover:hover) and (pointer:fine){.case-track .case-card:hover{transform:translateY(-7px);border-color:rgba(247,201,77,.75);box-shadow:0 28px 60px rgba(0,0,0,.3)}.case-track .case-card:hover .case-content::before{transform:scaleX(1)}}

.proof{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);background:var(--coral)}
.proof::before{content:"";position:absolute;pointer-events:none;width:50vw;height:50vw;border:1px solid rgba(244,237,221,.25);border-radius:50%;left:-27vw;bottom:-36vw}
.proof-card{position:relative;display:flex;flex-direction:column;min-height:610px;padding-right:clamp(42px,7vw,110px)}
.proof-card .eyebrow{color:rgba(244,237,221,.82)}
.proof-index{margin:0 0 auto;color:var(--yellow);font:11px 'Space Mono',monospace;letter-spacing:.1em}
.proof-card h2{position:relative;margin:44px 0 28px;font-size:clamp(42px,5.1vw,76px);line-height:.91}
.proof-card>p:last-child{position:relative;margin:0;font-size:16px}
.proof-statement{position:relative;min-height:610px;padding:clamp(42px,5.5vw,84px) 6vw;background:var(--deep);font-family:'Plus Jakarta Sans',sans-serif}
.proof-statement::after{content:"";position:absolute;inset:20px;border:1px solid rgba(244,237,221,.2);pointer-events:none}
.proof-statement-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:var(--yellow)}
.proof-seal{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(247,201,77,.75);border-radius:50%;font:400 16px 'Monimer Serif',serif;font-style:normal}
.proof-pillars{position:relative;z-index:1;display:grid;gap:0;margin:clamp(48px,7vw,94px) 0 auto}
.proof-pillars .motion-proof-item{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:baseline;padding:18px 0;border-top:1px solid rgba(244,237,221,.27);font:400 clamp(24px,2.5vw,42px)/.98 'Monimer Serif',serif;font-style:normal}
.proof-pillars .motion-proof-item:last-child{border-bottom:1px solid rgba(244,237,221,.27)}
.proof-pillars b{color:var(--yellow);font:11px 'Space Mono',monospace;font-weight:400}
.proof-footer{position:relative;z-index:1;margin:26px 0 0;color:rgba(244,237,221,.65);font-size:14px;line-height:1.4}

.cta{position:relative;overflow:hidden;background:var(--yellow);padding-top:clamp(88px,12vw,176px);padding-bottom:clamp(88px,12vw,176px)}
.cta::before{content:"";position:absolute;width:68vw;height:68vw;right:-29vw;top:-42vw;border:1px solid rgba(18,58,42,.3);border-radius:50%}
.cta-orbit{position:absolute;right:7vw;bottom:clamp(40px,7vw,94px);display:grid;place-items:center;width:clamp(130px,17vw,230px);aspect-ratio:1;border:1px solid rgba(18,58,42,.42);border-radius:50%;color:rgba(18,58,42,.34);font:400 clamp(52px,7.5vw,110px) 'Monimer Serif',serif;font-style:normal;letter-spacing:-.11em}
.cta-orbit::after{content:"";position:absolute;inset:11%;border:1px solid rgba(18,58,42,.24);border-radius:50%}
.cta-layout{position:relative;display:grid;grid-template-columns:1.3fr .55fr;gap:8vw;align-items:end}
.cta h2{margin:30px 0 0;max-width:900px;font-size:clamp(48px,6.3vw,96px);line-height:.88}
.cta-side{display:grid;gap:28px;max-width:390px;padding-bottom:4px}
.cta-side>p{margin:0;font-size:16px;line-height:1.5}
.cta-actions{display:grid;gap:10px}
.cta .button{justify-content:space-between;width:100%;padding:17px 20px;font-size:13px}
.button-outline{background:transparent}
.cta-email{display:inline-flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(18,58,42,.38);padding-top:14px;font:11px 'Space Mono',monospace;letter-spacing:.04em}
.cta-email span{font-size:16px}
@media (hover:hover) and (pointer:fine){.cta .button-outline:hover{background:rgba(244,237,221,.35)}.cta-email:hover{color:var(--coral)}}
@media(max-width:720px){
  .cases::before{display:none}.cases-intro{gap:16px}.case-card::before{top:16px;left:17px}.case-content{padding:24px}.case-content::before{right:24px;bottom:24px;left:24px}
  .proof{grid-template-columns:1fr}.proof-card{min-height:0;padding:84px 7vw 74px}.proof-index{margin:30px 0 0}.proof-card h2{margin-top:54px}.proof-statement{min-height:0;padding:42px 7vw}.proof-statement::after{inset:12px}.proof-pillars{margin:52px 0 0}.proof-footer{margin-top:24px}
  .cta-layout{grid-template-columns:1fr;gap:42px}.cta h2{font-size:clamp(48px,13vw,68px)}.cta-side{max-width:100%;padding:0}.cta-orbit{right:-14vw;bottom:-6vw;width:210px}.cta::before{width:120vw;height:120vw;right:-58vw;top:-54vw}
}
@media(prefers-reduced-motion:reduce){.case-track .case-card,.case-content::before{transition:none}}

/* Segurança para contratar: identidade Manga Rosa à esquerda e operação em detalhe. */
.proof{
  background:var(--deep);
  color:var(--cream);
}
.proof::before{display:none}
.proof-card{
  min-height:650px;
  isolation:isolate;
  background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url('assets/images/mangas-rosas.png');
  background-size:cover;
  background-position:center;
}
.proof-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(135deg,rgba(11,36,26,.22),rgba(0,0,0,.1));
}
.proof-card .eyebrow,.proof-index{color:var(--cream)}
.proof-index{opacity:.82}
.proof-card h2,.proof-card>p:last-child{text-shadow:0 3px 18px rgba(0,0,0,.5)}
.proof-statement{
  min-height:650px;
  background:var(--cream);
  color:var(--deep);
}
.proof-statement::after{border-color:rgba(198,163,90,.45)}
.proof-statement-head{color:var(--deep)}
.proof-statement-head .eyebrow{margin:0}
.proof-seal,.cta-seal{
  width:54px;
  aspect-ratio:1;
  display:block;
  border:0;
  border-radius:0;
  object-fit:contain;
}
.seal-spin{animation:seal-spin 30s linear infinite}
@keyframes seal-spin{to{transform:rotate(360deg)}}
.proof-pillars{gap:0;margin-top:clamp(42px,6vw,78px)}
.proof-pillars .proof-accordion-item{
  display:block;
  position:relative;
  overflow:hidden;
  padding:0;
  border-top:1px solid rgba(198,163,90,.3);
  font-family:'Plus Jakarta Sans',sans-serif;
  transition:border-color .3s ease;
}
.proof-accordion-item:last-child{border-bottom:1px solid rgba(198,163,90,.3)}
.proof-accordion-item::before{
  content:"";
  position:absolute;
  top:14px;
  bottom:14px;
  left:0;
  width:2px;
  background:#c6a35a;
  transform:scaleY(0);
  transition:transform .4s ease;
}
.proof-accordion-item.is-open::before{transform:scaleY(1)}
.proof-accordion-trigger{
  width:100%;
  display:grid;
  grid-template-columns:36px 1fr 20px;
  gap:12px;
  align-items:center;
  padding:19px 0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:400 clamp(24px,2.5vw,42px)/.98 'Monimer Serif',serif;
  font-style:normal;
  text-align:left;
}
.proof-accordion-trigger b{color:#c6a35a;font:11px 'Space Mono',monospace;font-weight:400}
.proof-accordion-trigger i{position:relative;width:16px;height:16px}
.proof-accordion-trigger i::before,.proof-accordion-trigger i::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#c6a35a;transition:transform .3s ease}
.proof-accordion-trigger i::after{transform:rotate(90deg)}
.proof-accordion-item.is-open .proof-accordion-trigger i::after{transform:rotate(0)}
.proof-accordion-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease}
.proof-accordion-panel p{max-width:420px;margin:0;padding:0 30px 20px 48px;color:rgba(11,36,26,.76);font:14px/1.5 'Plus Jakarta Sans',sans-serif}
.proof-accordion-item.is-open .proof-accordion-panel{max-height:120px;opacity:1}
.proof-footer{color:rgba(11,36,26,.68)}

/* Fechamento: a CTA espelha a atmosfera cinematográfica da abertura. */
.cta{
  min-height:680px;
  display:flex;
  align-items:center;
  isolation:isolate;
  background-color:var(--deep);
  background-image:
    linear-gradient(rgba(3,13,9,.30),rgba(3,13,9,.30)),
    linear-gradient(90deg,rgba(4,15,11,.36) 0%,rgba(4,15,11,.23) 42%,rgba(4,15,11,.08) 68%,rgba(4,15,11,.02) 100%),
    linear-gradient(180deg,rgba(4,15,11,.10),rgba(4,15,11,.06) 60%,rgba(4,15,11,.15)),
    url('assets/images/background-vamos-conversar.png');
  background-size:cover;
  background-position:center;
  color:var(--cream);
}
.cta::before{display:none}
.cta-layout{width:100%}
.cta .eyebrow{color:var(--cream)}
.cta h2{color:var(--cream)}
.cta h2 em{color:#c6a35a}
.cta-side>p{color:rgba(244,237,221,.82)}
.cta .button{border-radius:8px;overflow:hidden;position:relative;isolation:isolate;transition:transform .25s ease,background .25s ease}
.cta .button-dark{background:linear-gradient(105deg,#c6a35a,#d4a843);color:var(--deep)}
.cta .button-dark::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.32) 50%,transparent 60%);transform:translateX(-130%)}
.cta .button-dark:hover::after{animation:button-shimmer .75s ease}
@keyframes button-shimmer{to{transform:translateX(130%)}}
.cta .button-outline{border-color:rgba(244,237,221,.8);color:var(--cream)}
.cta-email{border-color:rgba(244,237,221,.4);color:rgba(244,237,221,.7)}
.cta-seal{justify-self:end;margin-top:4px}
@media (hover:hover) and (pointer:fine){.cta .button-outline:hover{background:rgba(244,237,221,.1)}.cta-email:hover{color:var(--cream);text-decoration:underline}}
@media(max-width:720px){
  .proof-card,.proof-statement{min-height:0}
  .proof-card{padding-top:84px;padding-bottom:74px;background-position:45% center}
  .proof-accordion-panel p{padding-left:48px}
  .cta{min-height:0;background-position:center}
  .cta-seal{margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.seal-spin{animation:none}.proof-accordion-item,.proof-accordion-item::before,.proof-accordion-panel{transition:none}.cta .button-dark:hover::after{animation:none}}


/* Cases em faixa contínua */
.cases{overflow:hidden}
.case-marquee{margin:0 -7vw;overflow:hidden}
.case-track{display:flex;gap:18px;width:max-content;padding:0 7vw;animation:cases-marquee 58s linear infinite;will-change:transform}
.case-track:hover,.case-track:focus-within{animation-play-state:paused}
.case-track .case-card{flex:0 0 clamp(300px,30vw,440px);min-height:520px}
.case-track .case-featured,.case-track .case-card:last-child{grid-column:auto;min-height:520px}
.case-track .case-card h3,.case-track .case-card:not(.case-featured) h3{font-size:clamp(36px,3.3vw,52px)}
@keyframes cases-marquee{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:720px){
  .case-track{padding:0 7vw}
  .case-track .case-card,.case-track .case-featured,.case-track .case-card:last-child{flex-basis:78vw;min-height:500px}
}
@media(prefers-reduced-motion:reduce){
  .case-marquee{overflow-x:auto}
  .case-track{width:auto;animation:none}
}


/* Interação dos cases: a camada de texto fica sempre acima do vídeo. */
.case-card video{z-index:0}
.case-card::after{z-index:1}
.case-content{position:relative;z-index:2}
.case-track{animation:none;cursor:grab;touch-action:pan-y;user-select:none}
.case-track.is-dragging{cursor:grabbing}
.case-card details,.case-card details *{user-select:text}
.case-card details[open]{padding-top:2px}
.case-card details[open] summary{color:var(--yellow)}
@media(max-width:720px){.case-track{cursor:default}}


/* Caso expandido: contraste suficiente para leitura sem apagar o vídeo. */
.case-card:has(details[open])::after{
  background:linear-gradient(180deg,rgba(3,13,9,.66),rgba(3,13,9,.82));
}
.case-card:has(details[open]) .case-content{text-shadow:0 2px 16px rgba(0,0,0,.55)}


/* Composição final da hero */
.hero-bottom{align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:18px}
.hero-mark{right:4vw;bottom:5vh;width:clamp(130px,16vw,230px);font-size:0;color:transparent}
.hero-mark img{display:block;width:100%;height:auto;opacity:.32}
@media(max-width:720px){
  .hero-mark{right:8vw;width:clamp(118px,34vw,170px)}
}


/* Marca circular enquadrada na esquina da hero em telas móveis. */
@media(max-width:720px){
  .hero-mark{right:1.5vw;bottom:1.5vh}
}


/* Marca mais presente no desktop, sem duplicar o arquivo de imagem. */
@media(min-width:721px){
  .hero-mark img{opacity:.52}
}


/* Diferenciais operacionais: três pilares distintos no desktop. */
.service-card-coral{background:var(--coral);color:var(--cream)}
.service-card-accent .service-number,.service-card-coral .service-number{color:var(--yellow)}
@media(min-width:721px){
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-card{min-height:500px;padding-left:2.4vw;padding-right:2.4vw}
  .service-card h3{font-size:clamp(32px,3.45vw,54px)}
}


/* Tipos de evento: lista editorial com dois estados. */
.delivery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.delivery-list .delivery-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:22px;min-height:170px;padding:24px 2.4vw 22px 0;border-bottom:1px solid var(--line);cursor:pointer;outline:none}
.delivery-list .delivery-item:nth-child(odd){border-right:1px solid var(--line);padding-left:0;padding-right:2.4vw}
.delivery-list .delivery-item:nth-child(even){padding-left:2.4vw;padding-right:0}
.delivery-number{font:12px 'Space Mono',monospace;color:var(--coral)}
.delivery-copy{min-width:0}
.delivery-title-window{position:relative;height:auto;overflow:hidden}
.delivery-title-stack{position:relative;display:grid}
.delivery-title-stack h3{position:relative;grid-area:1/1;inset:auto;margin:0;transition:transform .5s cubic-bezier(.76,0,.24,1),opacity .32s ease}
.delivery-title-normal{transform:translateY(0);opacity:1}
.delivery-title-active{transform:translateY(110%);opacity:0;color:var(--coral);font-family:'Monimer Serif',serif!important;font-weight:400;font-style:normal;letter-spacing:-.05em!important}
.delivery-item p{max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(10px);transition:max-height .45s ease,margin .4s ease,opacity .3s ease,transform .4s ease}
.delivery-item.is-active .delivery-title-normal{transform:translateY(-110%);opacity:0}
.delivery-item.is-active .delivery-title-active{transform:translateY(0);opacity:1}
.delivery-item.is-active p{max-height:110px;margin-top:12px;opacity:1;transform:translateY(0)}
@media (hover:hover) and (pointer:fine){
  .delivery-item:hover .delivery-title-normal{transform:translateY(-110%);opacity:0}
  .delivery-item:hover .delivery-title-active{transform:translateY(0);opacity:1}
  .delivery-item:hover p{max-height:110px;margin-top:12px;opacity:1;transform:translateY(0)}
}
.delivery-item:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}
@media(max-width:720px){
  .delivery-list{grid-template-columns:1fr}
  .delivery-list .delivery-item,.delivery-list .delivery-item:nth-child(odd),.delivery-list .delivery-item:nth-child(even){grid-template-columns:30px minmax(0,1fr);min-height:132px;padding:20px 0;border-right:0}
  .delivery-title-window{height:auto}
}


/* Motion discreto: estados iniciais só são aplicados quando o JavaScript está disponível. */
.motion-ready .motion-service-card,
.motion-ready .motion-proof-headline,
.motion-ready .motion-proof-copy,
.motion-ready .motion-proof-item,
.motion-ready .motion-cta-headline,
.motion-ready .motion-cta-actions{
  opacity:0;
  --motion-translate-y:14px;
  transform:translateY(var(--motion-translate-y));
  transition:opacity 480ms ease-out,transform 480ms ease-out;
}
.motion-ready .motion-service-card:nth-child(2){transition-delay:100ms}
.motion-ready .motion-service-card:nth-child(3){transition-delay:200ms}
.motion-ready .motion-proof-copy{transition-delay:150ms}
.motion-ready .motion-proof-item:nth-child(2){transition-delay:90ms}
.motion-ready .motion-proof-item:nth-child(3){transition-delay:180ms}
.motion-ready .motion-cta-actions{transition-delay:130ms}
.motion-ready .motion-service-card.is-visible,
.motion-ready .motion-proof-headline.is-visible,
.motion-ready .motion-proof-copy.is-visible,
.motion-ready .motion-proof-item.is-visible,
.motion-ready .motion-cta-headline.is-visible,
.motion-ready .motion-cta-actions.is-visible{
  opacity:1;
  --motion-translate-y:0;
}
@media (hover:hover) and (pointer:fine){
  .service-card{transition:transform 220ms ease-out,box-shadow 220ms ease-out}
  .service-card:hover{--motion-translate-y:-3px;transform:translateY(var(--motion-translate-y));box-shadow:0 8px 16px rgba(11,36,26,.12)}
  .cta .button{transition:transform 200ms ease-out,box-shadow 200ms ease-out}
  .cta .button:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(11,36,26,.16)}
}
.cta .button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .motion-ready .motion-service-card,
  .motion-ready .motion-proof-headline,
  .motion-ready .motion-proof-copy,
  .motion-ready .motion-proof-item,
  .motion-ready .motion-cta-headline,
  .motion-ready .motion-cta-actions{
    opacity:1;
    transform:none;
    transition:none;
  }
  .service-card,.cta .button{transition:none}
}


/* Diferenciais: estrutura de card inspirada no bento, traduzida para a linguagem Manga Rosa. */
.service-grid{gap:12px;border:0}
.service-card{
  overflow:hidden;
  color:var(--cream);
  background-color:transparent;
  background-image:
    linear-gradient(rgba(3,13,9,.42),rgba(3,13,9,.42)),
    linear-gradient(90deg,rgba(4,15,11,.36) 0%,rgba(4,15,11,.23) 42%,rgba(4,15,11,.08) 68%,rgba(4,15,11,.02) 100%),
    linear-gradient(180deg,rgba(4,15,11,.10),rgba(4,15,11,.06) 60%,rgba(4,15,11,.15));
  background-size:cover;
  background-position:center;
  border:1px solid rgba(244,237,221,.28);
  border-radius:20px;
}
.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0}
.service-number{margin:0}
.service-card .service-number{color:var(--yellow)}
.service-card h3{margin-top:44px}
@media(min-width:721px){
  .service-card{padding-left:2.4vw;padding-right:2.4vw}
}
@media(max-width:720px){
  .service-grid{gap:10px}
  .service-card{border-radius:18px}
  .service-card h3{margin-top:48px}
}

/* Seções consecutivas mantêm uma pausa editorial, sem criar um vazio visual. */
.deliveries{padding-bottom:clamp(48px,6vw,80px)}
.services{padding-top:clamp(48px,6vw,80px)}

/* Cases usam o mesmo acabamento de borda dos cards de diferenciais. */
.case-card{border-radius:20px}

/* Ajustes de paleta e identidade nas seções finais. */
.cta h2 em{color:var(--coral)}
.cta .button-dark{background:linear-gradient(105deg,var(--coral),#f78965)}

/* Os cards continuam com foco no projeto; os contadores decorativos saem de cena. */
.case-card:nth-child(n)::before{content:none}

/* Diferenciais recebe a mesma atmosfera fotográfica e o mesmo tratamento da hero. */
.services{
  position:relative;
  isolation:isolate;
  color:var(--cream);
  background-color:var(--deep);
  background-image:url('assets/images/mangas-rosas.png');
  background-size:cover;
  background-position:center;
}
.services::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    linear-gradient(rgba(3,13,9,.30),rgba(3,13,9,.30)),
    linear-gradient(90deg,rgba(4,15,11,.36) 0%,rgba(4,15,11,.23) 42%,rgba(4,15,11,.08) 68%,rgba(4,15,11,.02) 100%),
    linear-gradient(180deg,rgba(4,15,11,.10),rgba(4,15,11,.06) 60%,rgba(4,15,11,.15));
}
.services>*{position:relative;z-index:1}
.services .eyebrow,.services-head>p{color:rgba(244,237,221,.84)}

/* Segurança: os conteúdos agora percorrem uma única coluna editorial. */
.proof{grid-template-columns:1fr}
.proof-card{padding-right:7vw}

/* CTA e footer compartilham uma única cena, sem quebra na fotografia de fundo. */
.closing-scene{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:var(--deep);
  background-image:url('assets/images/background-vamos-conversar.png');
  background-size:cover;
  background-position:center;
}
.closing-scene::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    linear-gradient(rgba(3,13,9,.30),rgba(3,13,9,.30)),
    linear-gradient(90deg,rgba(4,15,11,.36) 0%,rgba(4,15,11,.23) 42%,rgba(4,15,11,.08) 68%,rgba(4,15,11,.02) 100%),
    linear-gradient(180deg,rgba(4,15,11,.10),rgba(4,15,11,.06) 60%,rgba(4,15,11,.15));
}
.closing-scene .cta,
.closing-scene footer{position:relative;z-index:1;background:transparent}
.closing-scene .cta{background-image:none}
.closing-scene footer{color:var(--cream);background:rgba(3,13,9,.58)}

/* Contraste final da CTA sem perder a linguagem coral do botão principal. */
.cta h2 em{color:var(--cream)}
.cta .button-dark{color:var(--cream)}
.cta .button-outline{background:rgba(3,13,9,.48)}
@media (hover:hover) and (pointer:fine){.cta .button-outline:hover{background:rgba(3,13,9,.66)}}

/* A sanfona de Segurança repete a cadência editorial de “O que colocamos de pé”. */
.proof-pillars .proof-accordion-item{
  border-top:0;
  border-bottom:1px solid var(--line);
}
.proof-accordion-item::before{content:none}
.proof-accordion-trigger{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:20px 0;color:var(--deep);transition:transform .2s ease-out}
.proof-accordion-trigger b{color:var(--coral)}
.proof-title-window{position:relative;display:block;overflow:hidden}
.proof-title-stack{position:relative;display:grid;line-height:1.12}
.proof-title-stack>span{position:relative;grid-area:1/1;margin:0;padding:.06em 0 .15em;transition:transform .5s cubic-bezier(.76,0,.24,1),opacity .32s ease}
.proof-title-normal{transform:translateY(0);opacity:1}
.proof-title-active{transform:translateY(110%);opacity:0;color:var(--coral);font-family:'Monimer Serif',serif;font-weight:400;font-style:normal;letter-spacing:-.05em}
.proof-accordion-item.is-open .proof-title-normal{transform:translateY(-110%);opacity:0}
.proof-accordion-item.is-open .proof-title-active{transform:translateY(0);opacity:1}
.proof-accordion-panel p{max-width:none;margin:0;padding:0 0 20px 48px;color:rgba(11,36,26,.76)}
.proof-accordion-item.is-open .proof-accordion-panel{max-height:120px}
@media (hover:hover) and (pointer:fine){
  .proof-accordion-item:hover{border-color:var(--coral)}
  .proof-accordion-trigger:hover{transform:translateX(4px)}
}

/* Faixa de Segurança: a fotografia acompanha somente a altura do conteúdo. */
.proof-card{
  min-height:0;
  padding-top:clamp(48px,6vw,84px);
  padding-bottom:clamp(48px,6vw,84px);
}
.proof-card h2{margin:18px 0 24px}
.proof-statement{
  min-height:0;
  padding-top:clamp(48px,6vw,76px);
  padding-bottom:clamp(48px,6vw,76px);
}
.proof-pillars{margin-top:clamp(32px,4vw,52px)}
.proof-footer{
  margin-top:30px;
  color:var(--ink);
  font:400 16px/1.5 'Plus Jakarta Sans',sans-serif;
}

/* CTA: os dois blocos se encontram pelo centro, não pela base. */
@media(min-width:721px){
  .cta-layout{align-items:center}
  footer{align-items:center}
}

/* Introdução: o conjunto editorial da esquerda compartilha o mesmo eixo do texto de apoio. */
.intro-copy{align-items:center;margin-top:0}
.intro-lead{display:grid;gap:clamp(35px,6vw,88px)}
.intro-copy .eyebrow{align-self:auto;margin:0}
.intro-copy .intro-description{align-self:auto;margin:0;font-size:16px;line-height:1.55}

@media(max-width:720px){.case-card{border-radius:18px}}

/* Escala tipográfica: títulos de seção compartilham uma mesma hierarquia. */
.intro h2,
.film-ui h2,
.deliveries h2,
.services h2,
.cases h2,
.proof-card h2,
.cta h2{
  font-size:clamp(38px,3.6vw,58px);
  line-height:.96;
}

/* Textos de apoio usam o mesmo ritmo de leitura em toda a página. */
.intro-copy .intro-description,
.deliveries-head p,
.services-head>p,
.cases-intro>p:first-child,
.film-ui>p:last-child,
.proof-card>p:last-child,
.cta-side>p{
  font-size:16px;
  line-height:1.42;
}

@media(max-width:720px){
  .intro h2,
  .film-ui h2,
  .deliveries h2,
  .services h2,
  .cases h2,
  .proof-card h2,
  .cta h2{
    font-size:clamp(38px,9.5vw,54px);
    line-height:.96;
  }
}

/* Ajustes finos de composição e leitura. */
.intro-copy .eyebrow{
  font:400 11px 'Space Mono',monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.proof-card h2{
  max-width:1320px;
  text-wrap:balance;
}

.case-marquee,
.case-track{
  background:var(--cream);
}

/* O player segue automático e sem controle nativo visível no iPhone. */
.film-media video::-webkit-media-controls,
.film-media video::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none;
}

.hero h1{
  font-size:clamp(52px,7vw,104px);
  line-height:.88;
}

.hero-bottom p{
  font-size:15px;
  line-height:1.42;
}

@media(max-width:720px){
  .proof-card h2{max-width:none}
  .hero h1{font-size:clamp(48px,13vw,68px)}
}


/* Galeria elástica de entregas: o texto substitui a imagem do estudo de referência. */
.delivery-list{
  display:flex;
  gap:10px;
  height:520px;
  border:0;
}
.delivery-list .delivery-item,
.delivery-list .delivery-item:nth-child(odd),
.delivery-list .delivery-item:nth-child(even){
  position:relative;
  display:block;
  flex:1 1 0;
  min-width:0;
  min-height:0;
  padding:24px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background-color:var(--cream);
  background-image:url('assets/images/delivery-card-background.png');
  background-position:center;
  background-size:cover;
  color:var(--ink);
  cursor:pointer;
  transition:flex .55s cubic-bezier(.25,1,.5,1),background .35s ease,color .35s ease;
}
.delivery-list .delivery-item.is-active{
  flex:4 1 0;
  background-color:var(--deep);
  background-image:linear-gradient(rgba(8,31,22,.58),rgba(8,31,22,.58)),url('assets/images/delivery-card-background.png');
  color:var(--cream);
}
.delivery-number{
  position:absolute;
  top:24px;
  left:24px;
  z-index:1;
}
.delivery-copy{height:100%}
.delivery-title-window,.delivery-title-stack{height:100%}
.delivery-title-stack{display:block}
.delivery-title-stack h3{
  position:absolute;
  right:24px;
  bottom:24px;
  left:24px;
  margin:0;
  font-size:clamp(28px,3vw,48px);
  line-height:.94;
}
.delivery-title-normal{
  transform:none;
  opacity:1;
  writing-mode:vertical-rl;
  font:400 14px 'Space Mono',monospace!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.delivery-title-active{
  left:0!important;
  right:0!important;
  width:auto!important;
  display:block;
  transform:translateY(16px);
  opacity:0;
  color:var(--cream);
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-style:normal;
  letter-spacing:-.06em!important;
  text-align:left!important;
  text-indent:0!important;
}
.delivery-item p{
  position:absolute;
  right:24px;
  bottom:24px;
  left:24px;
  max-width:440px;
  max-height:none;
  margin:0;
  color:var(--cream);
  font-size:15px;
  line-height:1.5;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .28s ease .12s,transform .38s cubic-bezier(.25,1,.5,1) .12s;
}
.delivery-item.is-active .delivery-title-normal{
  transform:none;
  opacity:0;
  transition:opacity 0ms;
}
.delivery-item.is-active .delivery-title-active{transform:translateY(-68px);opacity:1}
.delivery-item.is-active p{max-height:none;margin:0;opacity:1;transform:translateY(0)}
@media (hover:hover) and (pointer:fine){
  .delivery-item:hover .delivery-title-normal{transform:none;opacity:1}
  .delivery-item:hover .delivery-title-active{transform:translateY(16px);opacity:0}
  .delivery-item:hover p{max-height:none;margin:0;opacity:0;transform:translateY(12px)}
  .delivery-item.is-active:hover .delivery-title-normal{opacity:0}
  .delivery-item.is-active:hover .delivery-title-active{transform:translateY(-68px);opacity:1}
  .delivery-item.is-active:hover p{opacity:1;transform:translateY(0)}
}
@media(max-width:720px){
  .delivery-list{flex-direction:column;height:620px;gap:8px}
  .delivery-list .delivery-item,
  .delivery-list .delivery-item:nth-child(odd),
  .delivery-list .delivery-item:nth-child(even){padding:16px;border-radius:16px}
  .delivery-list .delivery-item.is-active{flex:5 1 0}
  .delivery-number{top:16px;left:16px}
  .delivery-title-stack h3{right:16px;bottom:16px;left:16px}
  .delivery-title-normal{display:block;opacity:0}
  .delivery-title-active{left:0!important;right:0!important;width:auto!important;font-size:clamp(30px,9vw,42px)!important}
  .delivery-item p{right:16px;bottom:16px;left:16px;font-size:14px}
  .delivery-item.is-active .delivery-title-active{transform:translateY(-72px)}
}
@media(prefers-reduced-motion:reduce){
  .delivery-list .delivery-item,
  .delivery-title-stack h3,
  .delivery-item p{transition:none}
}

/* Entregas em lista vertical: cada card ocupa uma faixa horizontal inteira. */
.delivery-list{
  flex-direction:column;
  height:auto;
  gap:10px;
}
.delivery-list .delivery-item,
.delivery-list .delivery-item:nth-child(odd),
.delivery-list .delivery-item:nth-child(even){
  flex:none;
  width:100%;
  min-height:124px;
  transition:min-height .45s cubic-bezier(.25,1,.5,1),background .35s ease,color .35s ease;
}
.delivery-list .delivery-item.is-active{flex:none;min-height:300px}
.delivery-copy,
.delivery-title-window,
.delivery-title-stack{
  position:absolute;
  inset:0;
  height:100%;
}
.delivery-title-active{left:24px!important;right:24px!important}
.delivery-title-normal{
  top:0;
  right:24px!important;
  bottom:0!important;
  left:56px!important;
  width:auto!important;
  display:flex;
  align-items:center;
  transform:none;
  writing-mode:horizontal-tb;
  font:600 clamp(22px,2.4vw,36px) 'Plus Jakarta Sans',sans-serif!important;
  letter-spacing:-.05em!important;
  text-align:left;
  text-transform:none;
}
.delivery-item.is-active .delivery-title-normal{transform:none;opacity:0}
@media (hover:hover) and (pointer:fine){
  .delivery-item:hover .delivery-title-normal{transform:none;opacity:1}
  .delivery-item.is-active:hover .delivery-title-normal{opacity:0}
}
@media(max-width:720px){
  .delivery-list{height:auto;gap:8px}
  .delivery-list .delivery-item,
  .delivery-list .delivery-item:nth-child(odd),
  .delivery-list .delivery-item:nth-child(even){min-height:92px}
  .delivery-list .delivery-item.is-active{flex:none;min-height:280px}
  .delivery-title-active{left:16px!important;right:16px!important}
  .delivery-title-normal{
    top:0;
    right:16px!important;
    bottom:0!important;
    left:42px!important;
    width:auto!important;
    display:flex;
    align-items:center;
    font-size:clamp(20px,6.3vw,30px)!important;
    transform:none;
  }
  .delivery-item.is-active .delivery-title-normal{transform:none;opacity:0}
}

/* Explorador de entregas: seleção compacta à esquerda e painel do evento à direita. */
.delivery-explorer{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:clamp(20px,3vw,46px);
  margin-top:clamp(28px,4vw,52px);
  align-items:stretch;
}
.delivery-explorer .delivery-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  height:auto;
  margin:0;
}
.delivery-explorer .delivery-list .delivery-item,
.delivery-explorer .delivery-list .delivery-item:nth-child(odd),
.delivery-explorer .delivery-list .delivery-item:nth-child(even){
  position:relative;
  min-height:68px;
  width:100%;
  padding:12px 16px;
  border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);
  border-radius:12px;
  background:transparent;
  color:var(--ink);
  overflow:visible;
  transition:background .2s ease-out,border-color .2s ease-out,transform .2s ease-out;
}
.delivery-explorer .delivery-list .delivery-item.is-active{
  min-height:68px;
  background:var(--deep);
  border-color:var(--deep);
  color:var(--cream);
}
.delivery-explorer .delivery-number{
  position:absolute;
  top:50%;
  left:16px;
  transform:translateY(-50%);
  color:var(--coral);
}
.delivery-explorer .delivery-copy,
.delivery-explorer .delivery-title-window,
.delivery-explorer .delivery-title-stack{
  position:static;
  display:block;
  height:auto;
  inset:auto;
}
.delivery-explorer .delivery-title-stack h3,
.delivery-explorer .delivery-title-normal{
  position:static;
  display:block;
  width:auto!important;
  margin:0 0 0 34px;
  padding:0;
  color:inherit;
  font:600 clamp(16px,1.25vw,20px)/1.05 'Plus Jakarta Sans',sans-serif!important;
  letter-spacing:-.04em!important;
  text-align:left;
  transform:none!important;
  opacity:1;
  writing-mode:horizontal-tb;
}
.delivery-explorer .delivery-title-active,
.delivery-explorer .delivery-item p{display:none!important}
.delivery-explorer .delivery-item.is-active .delivery-title-normal{opacity:1}
@media (hover:hover) and (pointer:fine){
  .delivery-explorer .delivery-list .delivery-item:hover{
    transform:translateX(2px);
    border-color:var(--coral);
  }
  .delivery-explorer .delivery-item:hover .delivery-title-normal{opacity:1}
}
.delivery-stage{
  position:relative;
  min-height:466px;
  overflow:visible;
  border-radius:0;
  background:transparent;
  isolation:isolate;
}
.delivery-stage-media{
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:none;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:contain;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 18%,#000 58%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 18%,#000 58%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  transition:opacity .35s ease-out,transform .45s ease-out;
}
.delivery-stage[data-delivery="01"] .delivery-stage-media{background-image:url('assets/images/delivery-eventos-corporativos.png?v=3')}
.delivery-stage[data-delivery="02"] .delivery-stage-media{background-image:url('assets/images/delivery-convencoes-congressos.png')}
.delivery-stage[data-delivery="03"] .delivery-stage-media{background-image:url('assets/images/delivery-feiras.png?v=2')}
.delivery-stage[data-delivery="04"] .delivery-stage-media{background-image:url('assets/images/delivery-lancamentos.png')}
.delivery-stage[data-delivery="05"] .delivery-stage-media{background-image:url('assets/images/delivery-confraternizacoes.png')}
.delivery-stage[data-delivery="06"] .delivery-stage-media{background-image:url('assets/images/delivery-eventos-educacionais.png')}
.delivery-stage-copy{
  position:absolute;
  right:clamp(24px,4vw,52px);
  bottom:clamp(24px,4vw,46px);
  left:clamp(24px,4vw,52px);
  max-width:560px;
  color:var(--cream);
}
.delivery-stage-number{
  margin:0 0 16px;
  color:var(--coral);
  font:14px 'Space Mono',monospace;
}
.delivery-stage-copy h3{
  margin:0;
  font:600 clamp(34px,4.7vw,68px)/.94 'Plus Jakarta Sans',sans-serif;
  letter-spacing:-.065em;
}
.delivery-stage-copy > p:last-child{
  max-width:480px;
  margin:20px 0 0;
  font-size:16px;
  line-height:1.45;
}
@media(max-width:720px){
  .delivery-explorer{grid-template-columns:1fr;gap:18px;margin-top:28px}
  .delivery-explorer .delivery-list .delivery-item,
  .delivery-explorer .delivery-list .delivery-item:nth-child(odd),
  .delivery-explorer .delivery-list .delivery-item:nth-child(even),
  .delivery-explorer .delivery-list .delivery-item.is-active{min-height:62px;padding:10px 14px}
  .delivery-explorer .delivery-number{left:14px}
  .delivery-explorer .delivery-title-stack h3,
  .delivery-explorer .delivery-title-normal{margin-left:30px;font-size:16px!important}
  .delivery-stage{min-height:370px;border-radius:0}
  .delivery-stage-copy{right:22px;bottom:24px;left:22px}
  .delivery-stage-copy h3{font-size:clamp(32px,10vw,46px)}
  .delivery-stage-copy > p:last-child{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .delivery-explorer .delivery-list .delivery-item,
  .delivery-stage-media{transition:none}
}

/* Direção editorial: lista tipográfica e recortes cenográficos sem moldura. */
.delivery-explorer{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  gap:clamp(24px,3vw,54px);
  align-items:center;
}
.delivery-explorer .delivery-list{gap:0;align-self:center}
.delivery-explorer .delivery-list .delivery-item,
.delivery-explorer .delivery-list .delivery-item:nth-child(odd),
.delivery-explorer .delivery-list .delivery-item:nth-child(even),
.delivery-explorer .delivery-list .delivery-item.is-active{
  display:flex;
  align-items:center;
  min-height:0;
  padding:16px 0;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  transition:color .2s ease-out,transform .2s ease-out;
}
.delivery-explorer .delivery-list .delivery-item:first-child{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.delivery-explorer .delivery-list .delivery-item.is-active{color:var(--coral)}
.delivery-explorer .delivery-number{
  position:static;
  width:36px;
  flex:0 0 36px;
  transform:none;
}
.delivery-explorer .delivery-title-stack h3,
.delivery-explorer .delivery-title-normal{
  margin:0;
  font-size:clamp(17px,1.38vw,22px)!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
.delivery-explorer .delivery-copy{flex:1 1 auto;width:100%}
@media(min-width:721px){
  .deliveries{
    padding-top:clamp(72px,5vw,112px);
    padding-bottom:clamp(72px,5vw,112px);
  }
  .deliveries-head{margin-bottom:clamp(40px,3vw,60px)}
  .delivery-explorer{
    grid-template-columns:minmax(380px,.62fr) minmax(0,1.58fr);
    gap:clamp(20px,2vw,40px);
    align-items:center;
  }
  .delivery-explorer .delivery-list{align-self:center}
  .delivery-explorer .delivery-stage{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:1 / 1;
  }
  .delivery-explorer .delivery-stage-media{
    background-position:right center;
    background-size:cover;
  }
}
@media (hover:hover) and (pointer:fine){
  .delivery-explorer .delivery-list .delivery-item:hover{transform:translateX(4px);border-color:var(--coral)}
}
.delivery-stage{
  min-height:clamp(420px,40vw,560px);
  overflow:visible;
}
.delivery-stage-media{
  background-position:right bottom;
  background-size:contain;
  -webkit-mask-image:none;
  mask-image:none;
  opacity:1;
}
.delivery-stage.is-transitioning .delivery-stage-media{
  opacity:0;
  transform:translateX(-10px);
}
@media(max-width:720px){
  .delivery-explorer{grid-template-columns:1fr;gap:26px}
  .delivery-explorer .delivery-list .delivery-item,
  .delivery-explorer .delivery-list .delivery-item:nth-child(odd),
  .delivery-explorer .delivery-list .delivery-item:nth-child(even),
  .delivery-explorer .delivery-list .delivery-item.is-active{min-height:0;padding:14px 0}
  .delivery-explorer .delivery-number{width:32px;flex-basis:32px}
  .delivery-explorer .delivery-title-stack h3,
  .delivery-explorer .delivery-title-normal{margin:0;font-size:17px!important}
  .delivery-stage{min-height:320px}
}

/* No mobile, a imagem pertence ao próprio item selecionado — nunca ao fim da lista. */
.delivery-mobile-bullets{display:none}
@media(max-width:720px){
  .delivery-explorer .delivery-list .delivery-item{--delivery-mobile-item-font:500 17px/1.05 'Plus Jakarta Sans',sans-serif}
  .delivery-explorer .delivery-stage{display:none}
  .delivery-explorer .delivery-list .delivery-item,
  .delivery-explorer .delivery-list .delivery-item:nth-child(odd),
  .delivery-explorer .delivery-list .delivery-item:nth-child(even),
  .delivery-explorer .delivery-list .delivery-item.is-active{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    column-gap:0;
    align-items:start;
  }
  .delivery-explorer .delivery-list .delivery-item::before{
    content:"";
    display:none;
    grid-column:1 / -1;
    width:100%;
    height:clamp(170px,52vw,250px);
    margin:0 0 16px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
  }
  .delivery-explorer .delivery-list .delivery-item.is-active::before{display:block}
  .delivery-explorer .delivery-list .delivery-item:nth-child(1)::before{background-image:url('assets/images/delivery-eventos-corporativos.png?v=3')}
  .delivery-explorer .delivery-list .delivery-item:nth-child(2)::before{background-image:url('assets/images/delivery-convencoes-congressos.png')}
  .delivery-explorer .delivery-list .delivery-item:nth-child(3)::before{background-image:url('assets/images/delivery-feiras.png?v=2')}
  .delivery-explorer .delivery-list .delivery-item:nth-child(4)::before{background-image:url('assets/images/delivery-lancamentos.png')}
  .delivery-explorer .delivery-list .delivery-item:nth-child(5)::before{background-image:url('assets/images/delivery-confraternizacoes.png')}
  .delivery-explorer .delivery-list .delivery-item:nth-child(6)::before{background-image:url('assets/images/delivery-eventos-educacionais.png')}
  .delivery-explorer .delivery-number{grid-column:1;grid-row:2}
  .delivery-explorer .delivery-copy{grid-column:2;grid-row:2}
  .delivery-explorer .delivery-title-stack h3,
  .delivery-explorer .delivery-title-normal{
    font:var(--delivery-mobile-item-font)!important;
    letter-spacing:-.045em!important;
  }
  .delivery-mobile-bullets{display:none}
  .delivery-explorer .delivery-list .delivery-item.is-active{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    column-gap:14px;
    align-items:center;
  }
  .delivery-explorer .delivery-list .delivery-item.is-active::before{
    grid-column:2;
    grid-row:1;
    height:clamp(150px,47vw,220px);
    margin:0;
  }
  .delivery-explorer .delivery-list .delivery-item.is-active .delivery-number,
  .delivery-explorer .delivery-list .delivery-item.is-active .delivery-title-window{display:none}
  .delivery-explorer .delivery-list .delivery-item.is-active .delivery-copy{
    grid-column:1;
    grid-row:1;
    width:100%;
    align-self:center;
  }
  .delivery-explorer .delivery-list .delivery-item.is-active .delivery-mobile-bullets{
    display:grid;
    gap:8px;
    margin:0;
    padding:0;
    color:var(--ink);
    font:var(--delivery-mobile-item-font)!important;
    letter-spacing:-.045em;
    list-style:none;
  }
  .delivery-explorer .delivery-list .delivery-item.is-active .delivery-mobile-bullets li{
    position:relative;
    padding-left:16px;
  }
  .delivery-explorer .delivery-list .delivery-item.is-active .delivery-mobile-bullets li::before{
    content:"";
    position:absolute;
    left:0;
    top:.45em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#f16d54;
  }
}

/* Cases em fundo claro: textos editoriais ganham contraste escuro, enquanto
   os projetos continuam legíveis sobre seus vídeos. */
.cases{
  background:radial-gradient(circle at 88% 9%,rgba(241,109,84,.13),transparent 24%),var(--cream);
  color:var(--ink);
}
.cases::before{color:rgba(18,58,42,.42)}
.cases-head .eyebrow{color:var(--coral)}
.cases-intro>p:first-child{color:var(--ink)}
.cases-drag-note{color:var(--coral)}
.case-card{color:var(--cream)}

/* Limpeza de ornamentos translúcidos: preserva a composição, sem formas
   cortadas ou monogramas decorativos no fundo das seções. */
.hero::before,
.proof::before,
.cta::before,
.cases::before{content:none}
.cases{background:var(--cream)}

/* Fonte de destaque: Monimer Serif Regular, sem itálico. */
.hero em,.cta em{
  font-family:'Monimer Serif',serif;
  font-weight:400;
  font-style:normal;
}
.hero-mark{
  font-family:'Monimer Serif',serif;
  font-weight:400;
  font-style:normal;
}
.proof-statement{
  font-family:'Monimer Serif',serif;
  font-weight:400;
  font-style:normal;
}

/* Plus Jakarta Sans preserva a densidade dos títulos da identidade visual. */
h1,
h2,
.delivery-list h3,
.service-card h3,
.case-card h3{
  font-weight:800;
}

/* A moldura delimita somente o explorador de formatos de evento. */
.delivery-explorer{
  position:relative;
  padding:20px;
}
.delivery-explorer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border:1px solid rgba(198,163,90,.45);
  pointer-events:none;
}

/* Os formatos de evento usam a mesma serif editorial da entrega segura. */
.delivery-explorer .delivery-title-stack h3,
.delivery-explorer .delivery-title-normal{
  font-family:'Monimer Serif',serif!important;
  font-weight:400!important;
  font-style:normal;
}
@media(max-width:720px){
  .delivery-explorer{padding:12px}
}

/* Hero mais contida: a chamada e seus CTAs formam um único bloco visual. */
.hero{
  justify-content:flex-start;
}
.hero h1{
  font-size:clamp(38px,4vw,58px);
}
.hero-bottom{
  margin-top:clamp(20px,2.5vh,32px);
}

/* A moldura pertence ao conteúdo de apresentação, não ao explorador. */
.delivery-explorer{
  padding:0;
}
.delivery-explorer::before{
  content:none;
}
.deliveries-intro{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:clamp(420px,38vw,650px);
  padding:clamp(48px,6vw,76px) 6vw;
}
.deliveries-intro::after{
  content:"";
  position:absolute;
  inset:20px;
  border:1px solid rgba(198,163,90,.45);
  pointer-events:none;
}
.deliveries-seal{
  position:absolute;
  top:clamp(34px,4vw,56px);
  right:clamp(34px,4vw,56px);
  z-index:2;
}
.deliveries-intro .deliveries-head{
  margin-bottom:0;
}

/* O texto acompanha livremente a largura disponível da coluna. */
.proof-card>p:last-child{
  max-width:none;
}

@media(max-width:720px){
  .hero h1{font-size:clamp(38px,9.5vw,54px)}
  .delivery-explorer{padding:0}
  .deliveries-intro{min-height:0;padding:42px 7vw}
  .deliveries-intro::after{inset:12px}
}

/* Respiro suficiente para os acentos do título da seção de segurança. */
.proof-card h2{
  line-height:.98;
}

/* Título e texto de apoio compartilham o mesmo eixo vertical. */
.intro-copy,
.deliveries-head{
  align-items:center;
}
.intro-copy p,
.deliveries-head p{
  align-self:center;
}

/* Textos de apoio acompanham a nova escala de títulos, sem tocar nos selos. */
.intro-copy .intro-description,
.deliveries-head p,
.services-head>p,
.cases-intro>p:first-child,
.film-ui>p:last-child,
.proof-card>p:last-child,
.cta-side>p{
  font-size:15px;
}

/* Mais respiro entre as linhas do enunciado de segurança. */
.proof-card h2{
  line-height:1.1;
}

/* Selo solto, ancorado ao limite inferior direito da seção final. */
.cta>.cta-seal,
.hero>.hero-seal{
  position:absolute;
  right:clamp(14px,2vw,32px);
  bottom:clamp(10px,1.5vw,24px);
  z-index:2;
  margin:0;
}

/* Cards mais compactos para uma cadência visual mais minimalista. */
.case-track .case-card,
.case-track .case-featured,
.case-track .case-card:last-child{
  flex-basis:clamp(260px,24vw,360px);
  min-height:420px;
}
@media(min-width:721px){
  .service-card{
    min-height:420px;
  }
}

/* Títulos de card subordinados ao conteúdo editorial das seções. */
.case-track .case-card h3,
.case-track .case-card:not(.case-featured) h3{
  font-size:clamp(25px,2.2vw,34px);
}
.service-card h3{
  font-size:clamp(24px,2.1vw,32px);
}

.intro h2 em{
  font-family:'Monimer Serif',serif;
  font-weight:400;
  font-style:normal;
}

/* Moldura mais enxuta, com menos respiro vertical na base. */
.deliveries-intro{
  min-height:clamp(360px,32vw,560px);
}
@media(max-width:720px){
  .deliveries-intro{min-height:0}
}

/* Hero centralizada: mensagem, apoio e CTA formam um único eixo. */
.hero{
  align-items:center;
  text-align:center;
}
.hero h1{
  max-width:900px;
}
.hero-bottom{
  width:100%;
  max-width:680px;
  align-items:center;
  text-align:center;
}
.hero-bottom p{
  max-width:620px;
  text-align:center;
}

@media(max-width:720px){
  .intro h2,
  .film-ui h2,
  .deliveries h2,
  .services h2,
  .cases h2,
  .proof-card h2,
  .cta h2{
    font-size:clamp(32px,8.5vw,46px);
  }
  .hero h1{font-size:clamp(34px,8.8vw,48px)}
  .service-card h3{white-space:nowrap}
}

/* Hero minimalista: título central e CTA como fechamento da composição. */
.hero .kicker{
  position:absolute;
  top:clamp(110px,14vh,160px);
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
}
.hero h1{
  position:absolute;
  top:50%;
  left:50%;
  width:calc(100% - 10vw);
  margin:0;
  transform:translate(-50%,-50%);
}
.hero-title-primary,
.hero h1 em{
  display:block;
  margin:0;
  line-height:.88;
  white-space:nowrap;
}
.hero .hero-bottom{
  position:absolute;
  top:auto;
  right:auto;
  bottom:clamp(28px,4vh,44px);
  left:50%;
  width:auto;
  margin:0;
  transform:translateX(-50%);
}
.hero .button-coral{
  background:rgba(241,109,84,.72);
  backdrop-filter:blur(6px);
}
.hero .button-coral:hover,
.hero .button-coral:focus,
.hero .button-coral:active{
  background:var(--coral);
}
@media(max-width:700px){
  .hero-title-primary{white-space:normal}
  .hero-title-primary span{display:block}
  .hero h1{width:calc(100% - 10vw);font-size:clamp(28px,8.8vw,44px)}
}
@media(max-width:720px){
  .case-track .case-card,
  .case-track .case-featured,
  .case-track .case-card:last-child{
    flex-basis:72vw;
    min-height:430px;
  }
}

/* No desktop, os textos de apoio acompanham melhor o eixo do conteúdo. */
@media(min-width:721px){
  .intro-copy .intro-description,
  .deliveries-head > p,
  .cases-intro{
    transform:translateX(clamp(-64px,-4vw,-28px));
  }

  /* Nestes dois blocos, preserva uma margem direita mais enxuta. */
  .intro-copy .intro-description,
  .cases-intro{
    transform:translateX(clamp(-36px,-2vw,-18px));
  }
}

/* Vídeo de fundo da hero: mantém a mensagem legível em qualquer proporção. */
.hero{
  background-image:none;
}
.hero-media{
  display:block;
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.hero-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Fallback de frame para navegadores móveis que não exibem vídeo pausado. */
.film-fallback{
  position:absolute;
  inset:0;
  display:none;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .18s ease;
}
@media(max-width:720px){
  .film-media video{display:none}
  .film-fallback{display:block}
  .film-fallback.active{opacity:1}
}