/* ==========================================================================
   DYVINE TRAJES — design system "Gala + Atelier"
   Noite (cenas imersivas, escuras) + Dia (seções claras, editoriais).
   Archivo (largo/variável) + Instrument Serif (acentos). Fontes locais, OFL.
   ========================================================================== */

@font-face{font-family:"Archivo";src:url("../assets/fonts/archivo.woff2") format("woff2");font-weight:400 800;font-stretch:100% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../assets/fonts/instrument-serif.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --night:#070b14;
  --night-2:#0d1424;
  --night-3:#151e33;
  --ivory:#f3efe7;
  --champagne:#d8be8a;
  --paper:#f4f0e9;
  --paper-2:#ebe5db;
  --ink:#121212;
  --navy:#1b2a44;
  --muted:#5d574e;
  --gold-ink:#7a5c24;
  --wa:#157a45;
  --line:rgba(18,18,18,.12);
  --line-n:rgba(243,239,231,.15);
  --muted-n:rgba(243,239,231,.74);
  --sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --max:1360px;
  --pad:clamp(20px,4vw,56px);
  --hdr:78px;
  --r:22px;
  --ease:cubic-bezier(.2,.75,.2,1);
}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--night)}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.menu-open{overflow:hidden}
img,video{display:block;max-width:100%;height:auto}
figure,blockquote{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--champagne);color:var(--night)}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}
.night :focus-visible,.hero :focus-visible,.hdr.on-dark :focus-visible,.menu :focus-visible,.foot :focus-visible{outline-color:var(--champagne)}

.skip{position:fixed;left:16px;top:-90px;z-index:999;background:var(--ivory);color:var(--night);padding:12px 18px;border-radius:999px;font-weight:700;font-size:13px;transition:top .2s}
.skip:focus{top:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{width:min(calc(100% - var(--pad) * 2),var(--max));margin-inline:auto}

/* ---------- tipografia ---------- */
.kicker{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;line-height:1.5;color:var(--gold-ink)}
.kicker::before{content:"";flex:none;width:36px;height:1px;background:currentColor}
.night .kicker,.hero .kicker,.phero .kicker{color:var(--champagne)}
.title{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.4vw,84px);line-height:.98;letter-spacing:-.015em;text-wrap:balance}
.title em{font-style:italic;color:var(--navy)}
.night .title em{color:var(--champagne)}
.display{font-stretch:125%;font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}
.lead{font-size:clamp(17px,1.45vw,20px);line-height:1.6;color:var(--muted)}
.night .lead{color:var(--muted-n)}
.note{font-size:13px;color:var(--muted)}
.night .note{color:var(--muted-n)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:transform .35s var(--ease),background-color .25s,color .25s,border-color .25s}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px;flex:none;fill:currentColor}
.btn--champ{background:var(--champagne);color:var(--night)}
.btn--champ:hover{background:#e6cfa0}
.btn--ivory{background:var(--ivory);color:var(--night)}
.btn--navy{background:var(--navy);color:var(--ivory)}
.btn--navy:hover{background:#24375a}
.btn--wa{background:var(--wa);color:#fff}
.btn--wa:hover{background:#188a4e}
.btn--line{border-color:rgba(18,18,18,.28);color:var(--ink)}
.btn--line:hover{border-color:var(--ink)}
.night .btn--line,.hero .btn--line,.phero .btn--line{border-color:rgba(243,239,231,.4);color:var(--ivory)}
.night .btn--line:hover,.hero .btn--line:hover,.phero .btn--line:hover{border-color:var(--ivory)}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.go{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid currentColor}
.go::after{content:"→";transition:transform .3s var(--ease)}
.go:hover::after,a:hover .go::after{transform:translateX(5px)}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:100;height:var(--hdr);color:var(--ink);background:rgba(244,240,233,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .35s,color .35s,border-color .35s,height .35s}
.hdr.on-dark{background:transparent;border-color:transparent;color:var(--ivory);backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:flex;align-items:baseline;gap:10px;flex:none;font-stretch:125%;font-weight:700;font-size:19px;letter-spacing:.3em}
.logo span{font-stretch:100%;font-weight:500;font-size:10px;letter-spacing:.32em;opacity:.7}
.nav{display:flex;align-items:center;gap:30px}
.nav > a,.nav__top{position:relative;font-size:13.5px;font-weight:500;padding:10px 0}
.nav > a::after,.nav__top::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:currentColor;transition:right .3s var(--ease)}
.nav > a:hover::after,.nav > a[aria-current]::after,.nav__item:hover .nav__top::after,.nav__top[aria-current]::after{right:0}
.nav__item{position:relative}
.nav__top{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.nav__top svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}
.nav__item:hover .nav__top svg,.nav__item:focus-within .nav__top svg{transform:rotate(180deg)}
.nav__sub{position:absolute;left:-20px;top:100%;min-width:260px;padding:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(7,11,20,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility 0s linear .25s}
.nav__item:hover .nav__sub,.nav__item:focus-within .nav__sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nav__sub a{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;font-size:14px}
.nav__sub a:hover,.nav__sub a[aria-current]{background:var(--paper-2)}
.nav__sub a small{font-size:12px;color:var(--muted)}
.hdr__cta{min-height:44px;padding:0 20px;font-size:12px}
.hdr .hdr__cta{background:var(--navy);color:var(--ivory)}
.hdr.on-dark .hdr__cta{background:var(--ivory);color:var(--night)}
.burger{display:none;width:44px;height:44px;position:relative;border-radius:50%}
.burger span{position:absolute;left:11px;width:22px;height:1.5px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}
.burger span:first-child{top:18px}.burger span:last-child{top:26px}
.menu-open .burger span:first-child{top:22px;transform:rotate(45deg)}
.menu-open .burger span:last-child{top:22px;transform:rotate(-45deg)}

/* menu mobile em tela cheia */
.menu{position:fixed;inset:0;z-index:99;background:var(--night);color:var(--ivory);padding:calc(var(--hdr) + 14px) var(--pad) 120px;overflow:auto;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s linear .35s}
.menu-open .menu{opacity:1;visibility:visible;transition-delay:0s}
.menu-open .hdr{background:var(--night);color:var(--ivory);border-color:var(--line-n)}
.menu-open .hdr .hdr__cta{display:none}
.menu__list > li{border-bottom:1px solid var(--line-n)}
.menu__list > li > a{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;font-stretch:118%;font-weight:600;font-size:clamp(22px,6.4vw,30px);text-transform:uppercase;letter-spacing:.01em}
.menu__list > li > a small{font-stretch:100%;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--muted-n)}
.menu__list a[aria-current]{color:var(--champagne)}
.menu__sub{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px}
.menu__sub a{font-size:14px;padding:9px 14px;border:1px solid var(--line-n);border-radius:999px}
.menu .btns{margin-top:26px}
.menu__meta{margin-top:24px;font-size:14px;line-height:1.7;color:var(--muted-n)}

/* barra de ação mobile + botão flutuante desktop */
.actionbar{display:none}
.fab{position:fixed;right:22px;bottom:22px;z-index:90;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 22px 0 18px;border-radius:999px;background:var(--wa);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;box-shadow:0 14px 36px rgba(7,11,20,.28);transition:transform .3s var(--ease),opacity .3s}
.fab:hover{transform:translateY(-3px)}
.fab svg{width:22px;height:22px;fill:currentColor}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;background:var(--night);color:var(--ivory);overflow:hidden;isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-2;will-change:transform}
.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;object-position:68% 30%}
.hero__media img{animation:settle 2.6s var(--ease) both,breathe 22s ease-in-out 2.6s infinite alternate}
.hero__media video{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease);animation:breathe 22s ease-in-out 2.6s infinite alternate}
.hero__media video.is-on{opacity:1}
@keyframes settle{from{transform:scale(1.12);opacity:.35}to{transform:scale(1);opacity:1}}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.045)}}
.hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,11,20,.94) 0%,rgba(7,11,20,.74) 32%,rgba(7,11,20,.12) 64%,rgba(7,11,20,0) 80%),linear-gradient(0deg,rgba(7,11,20,.92) 2%,rgba(7,11,20,0) 38%),linear-gradient(180deg,rgba(7,11,20,.55),rgba(7,11,20,0) 22%)}
.hero__shade::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 78% 32%,rgba(216,190,138,.16),transparent 70%);animation:glow 9s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.5;transform:translateX(-2%)}to{opacity:1;transform:translateX(2%)}}
.hero__in{padding-top:calc(var(--hdr) + 60px);padding-bottom:clamp(110px,14vh,150px)}
.hero__title{max-width:min(980px,100%)}
.hero__title .kicker{margin-bottom:26px}
.hero__l{display:block;font-stretch:125%;font-weight:700;text-transform:uppercase;font-size:clamp(46px,7.3vw,120px);line-height:.88;letter-spacing:-.015em}
.hero__title em{display:block;margin-top:16px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(32px,4.4vw,72px);line-height:1;color:var(--champagne);letter-spacing:-.01em}
.hero__sub{max-width:500px;margin-top:26px;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--muted-n)}
.hero .btns{margin-top:30px}
.rating{display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:rgba(243,239,231,.08);border:1px solid rgba(243,239,231,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ivory);transition:background-color .3s}
.rating:hover{background:rgba(243,239,231,.14)}
.rating b{display:flex;align-items:center;gap:6px;font-stretch:115%;font-size:24px;font-weight:700;line-height:1}
.rating b svg{width:18px;height:18px;fill:var(--champagne)}
.rating span{font-size:12px;line-height:1.35;color:var(--muted-n)}
.rating span strong{display:block;color:var(--ivory);font-weight:600}
.hero .rating{position:absolute;right:var(--pad);bottom:clamp(110px,14vh,150px)}
.marquee{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--line-n);overflow:hidden;padding:24px 0;color:rgba(243,239,231,.6)}
.marquee__track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.marquee__track span{flex:none;font-stretch:125%;font-weight:600;font-size:14px;letter-spacing:.26em;text-transform:uppercase;padding-right:28px}
.marquee__track i{font-style:normal;color:var(--champagne);padding-right:28px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* entrada do hero */
.js .hero__title > *,.js .hero__sub,.js .hero .btns,.js .phero__copy > *{animation:rise 1s var(--ease) both}
.js .hero__title > :nth-child(2){animation-delay:.08s}.js .hero__title > :nth-child(3){animation-delay:.16s}.js .hero__title > :nth-child(4){animation-delay:.26s}
.js .hero__sub{animation-delay:.36s}.js .hero .btns{animation-delay:.44s}
.js .phero__copy > :nth-child(2){animation-delay:.08s}.js .phero__copy > :nth-child(3){animation-delay:.16s}.js .phero__copy > :nth-child(4){animation-delay:.24s}.js .phero__copy > :nth-child(5){animation-delay:.32s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes railfill{from{transform:scaleX(0)}to{transform:none}}
.js .lhero__copy > *,.js .chero .crumbs,.js .chero__row > *{animation:rise 1s var(--ease) both}
.js .lhero__copy > :nth-child(2),.js .chero__row > :nth-child(1){animation-delay:.08s}.js .lhero__copy > :nth-child(3),.js .chero__row > :nth-child(2){animation-delay:.18s}.js .lhero__copy > :nth-child(4){animation-delay:.28s}
.lhero__main img{animation:settle 2.2s var(--ease) both}
.lhero__float{animation:rise 1.1s var(--ease) .45s both}
.lhero__tag{animation:rise 1.1s var(--ease) .7s both}

/* ---------- hero interno ---------- */
.phero{position:relative;background:var(--night);color:var(--ivory);overflow:hidden;isolation:isolate;min-height:min(92svh,860px);display:flex;align-items:flex-end}
.phero__media{position:absolute;inset:0;z-index:-2}
.phero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 30%);animation:settle 2.2s var(--ease) both}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,11,20,.94) 0%,rgba(7,11,20,.72) 36%,rgba(7,11,20,.08) 70%),linear-gradient(0deg,rgba(7,11,20,.85),rgba(7,11,20,0) 40%),linear-gradient(180deg,rgba(7,11,20,.5),rgba(7,11,20,0) 24%)}
.phero__copy{padding:calc(var(--hdr) + 70px) 0 clamp(56px,8vh,90px);max-width:760px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-n);margin-bottom:24px}
.crumbs a{padding:4px 0}.crumbs a:hover{color:var(--ivory)}
.phero h1{font-stretch:125%;font-weight:700;text-transform:uppercase;font-size:clamp(40px,6.2vw,98px);line-height:.9;letter-spacing:-.015em}
.phero h1 em{display:block;margin-top:14px;font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;font-stretch:100%;font-size:.6em;line-height:1.02;color:var(--champagne);letter-spacing:-.01em}
.phero__copy > p:not(.kicker){margin-top:24px;max-width:540px;font-size:clamp(16px,1.3vw,18px);color:var(--muted-n)}
.phero .btns{margin-top:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.chips li{font-size:12.5px;padding:8px 14px;border-radius:999px;border:1px solid rgba(243,239,231,.26);color:var(--muted-n)}

/* hero claro (Atelier) */
.lhero{background:var(--paper);padding:calc(var(--hdr) + 54px) 0 clamp(60px,8vw,110px)}
.lhero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,80px);align-items:center}
.lhero .crumbs{color:var(--muted)}.lhero .crumbs a:hover{color:var(--ink)}
.lhero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6.6vw,104px);line-height:.94;letter-spacing:-.02em}
.lhero h1 em{font-style:italic;color:var(--navy)}
.lhero h1 .sk{display:block;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:24px;line-height:1.5}
.lhero__copy > p{margin-top:24px;max-width:520px}
.lhero .btns{margin-top:30px}
.lhero__media{position:relative;min-height:clamp(420px,52vw,640px)}
.lhero__main{position:absolute;right:0;top:0;width:78%;height:100%;border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:var(--paper-2)}
.lhero__main img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.lhero__float{position:absolute;left:0;bottom:8%;width:40%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;border:7px solid var(--paper);box-shadow:0 30px 60px rgba(18,18,18,.18);background:var(--paper-2)}
.lhero__float img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.lhero__tag{position:absolute;right:18px;bottom:22px;max-width:240px;background:var(--paper);border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.45;box-shadow:0 20px 50px rgba(18,18,18,.16)}
.lhero__tag b{display:block;font-size:14px}

/* ---------- seções ---------- */
.sec{padding:clamp(80px,10vw,150px) 0}
.sec--tight{padding:clamp(60px,7vw,100px) 0}
.night{background:var(--night);color:var(--ivory)}
.night-2{background:var(--night-2);color:var(--ivory)}
.paper-2{background:var(--paper-2)}
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.head .kicker{margin-bottom:22px}
.head--solo{grid-template-columns:minmax(0,880px)}
.head--center{grid-template-columns:1fr;text-align:center;justify-items:center}
.head--center .kicker::before{display:none}

/* papéis (ternos) */
.roles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:16px}
.role{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--night);color:var(--ivory);grid-column:span 3;min-height:420px;isolation:isolate}
.role--xl{grid-column:span 6;grid-row:span 2;min-height:856px}
.role figure{position:absolute;inset:0;z-index:-2}
.role img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 20%);transition:transform 1s var(--ease)}
.role:hover img{transform:scale(1.05)}
.role::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,11,20,.9) 0%,rgba(7,11,20,.25) 46%,rgba(7,11,20,0) 70%)}
.role__txt{margin-top:auto;padding:24px}
.role__n{font-size:12px;letter-spacing:.2em;color:var(--champagne);font-weight:600}
.role h3{margin:6px 0 8px;font-stretch:122%;font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.1vw,32px);line-height:1}
.role--xl h3{font-size:clamp(34px,3.6vw,56px)}
.role p{font-size:14.5px;line-height:1.55;color:var(--muted-n);max-width:420px}
.role .go{margin-top:16px;color:var(--champagne)}

/* história (sticky) */
.story__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px)}
.story__head{padding-bottom:20px}
.story__head .kicker{margin-bottom:22px}
.step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;border-bottom:1px solid var(--line-n)}
.step > *{transition:opacity .5s var(--ease)}
.js .step:not(.is-on) .step__n,.js .step:not(.is-on) h3{opacity:.5}
.js .step:not(.is-on) p{opacity:.8}
.step:last-child{border-bottom:0}
.step__n{font-family:var(--serif);font-style:italic;font-size:44px;line-height:1;color:var(--champagne)}
.step h3{margin:16px 0 12px;font-stretch:122%;font-weight:700;text-transform:uppercase;font-size:clamp(26px,2.6vw,40px);line-height:1}
.step p{font-size:16.5px;line-height:1.65;color:var(--muted-n);max-width:460px}
.step figure{display:none}
.story__panel{position:sticky;top:calc(var(--hdr) + 3vh);height:calc(100vh - var(--hdr) - 6vh);border-radius:var(--r);overflow:hidden;background:var(--night-2)}
.story__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 30%);opacity:0;transform:scale(1.06);transition:opacity .9s var(--ease),transform 1.6s var(--ease)}
.story__panel img.is-on{opacity:1;transform:none}
.story__count{position:absolute;left:22px;bottom:20px;z-index:2;font-stretch:118%;font-weight:600;font-size:13px;letter-spacing:.2em;color:var(--ivory);background:rgba(7,11,20,.55);padding:8px 14px;border-radius:999px;backdrop-filter:blur(8px)}

/* categorias (bento) */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(280px,34vh));gap:16px}
.tile{position:relative;display:flex;align-items:flex-end;border-radius:var(--r);overflow:hidden;background:var(--paper-2);color:var(--ivory);isolation:isolate;padding:20px}
.tile--big{grid-column:span 2;grid-row:span 2}
.tile--wide{grid-column:span 2}
.tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 20%);transition:transform 1s var(--ease)}
.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,11,20,.78),rgba(7,11,20,0) 48%)}
.tile b{display:block;font-stretch:120%;font-weight:700;text-transform:uppercase;font-size:clamp(20px,1.8vw,26px);line-height:1}
.tile small{display:block;margin-top:6px;font-size:13px;color:var(--muted-n)}
.tile__go{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;background:var(--ivory);color:var(--night);display:grid;place-items:center;font-size:18px;transition:transform .35s var(--ease)}
.tile:hover .tile__go{transform:rotate(-45deg)}

/* loja */
.store{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:center}
.store__img{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--paper-2)}
.store__img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.store__img figcaption{position:absolute;left:16px;bottom:16px;background:rgba(244,240,233,.92);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.06em;padding:8px 12px;border-radius:999px}
.store .title{margin:20px 0 22px}
.hours{margin:28px 0;border-top:1px solid var(--line)}
.hours div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.hours dt{color:var(--muted)}
.hours dd{margin:0;font-weight:600;text-align:right}
.night .hours,.night .hours div{border-color:var(--line-n)}
.night .hours dt{color:var(--muted-n)}
.status{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.status::before{content:"";width:9px;height:9px;border-radius:50%;background:#9a948a}
.status.is-open::before{background:#2fb06a;box-shadow:0 0 0 5px rgba(47,176,106,.18)}
.status.is-closed::before{background:#c2564a}
.addr{font-size:17px;line-height:1.55}
.addr b{display:block;font-size:19px}
.area{margin-top:14px}

/* avaliações */
.reviews{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}
.score{font-stretch:125%;font-weight:700;font-size:clamp(84px,10vw,150px);line-height:.85;display:flex;align-items:flex-start;gap:10px}
.score svg{width:.32em;height:.32em;fill:var(--champagne);margin-top:.08em}
.score + p{margin-top:18px}
.quotes{display:grid;gap:16px}
.quote{padding:28px;border-radius:var(--r);background:var(--night-3);border:1px solid var(--line-n)}
.quote p{font-family:var(--serif);font-size:clamp(21px,1.8vw,27px);line-height:1.3}
.quote footer{margin-top:16px;font-size:13px;color:var(--muted-n);display:flex;gap:10px;align-items:center}
.stars{display:inline-flex;gap:2px}.stars svg{width:13px;height:13px;fill:var(--champagne)}

/* instagram */
.insta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.insta a{position:relative;display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--paper-2)}
.insta img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.insta a:hover img{transform:scale(1.06)}

/* split editorial */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.split--rev .split__media{order:-1}
.split__media{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--paper-2)}
.split__media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 20%)}
.split .title{margin:20px 0 22px}
.split .lead + .list,.split .lead + .btns{margin-top:28px}
.list{border-top:1px solid var(--line)}
.list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.list b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;line-height:1;color:var(--gold-ink)}
.list strong{display:block;font-size:16px;margin-bottom:4px}
.list span{display:block;font-size:15px;line-height:1.55;color:var(--muted)}
.night .list,.night .list li{border-color:var(--line-n)}
.night .list b{color:var(--champagne)}
.night .list span{color:var(--muted-n)}

/* cores (swatches) */
.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sw{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;padding:20px;border-radius:var(--r);border:1px solid var(--line-n);background:var(--night-2)}
.sw i{width:72px;height:72px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.3)}
.sw b{display:block;font-stretch:115%;font-size:17px;text-transform:uppercase;letter-spacing:.02em}
.sw span{display:block;font-size:14px;line-height:1.5;color:var(--muted-n);margin-top:4px}

/* passos (claro) */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.steps li{padding:28px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.paper-2 .steps li{background:var(--paper)}
.steps li b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:40px;line-height:1;color:var(--gold-ink)}
.steps h3{margin:18px 0 8px;font-stretch:118%;font-weight:700;text-transform:uppercase;font-size:19px}
.steps p{font-size:15px;line-height:1.55;color:var(--muted)}

/* galeria */
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery figure{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:var(--paper-2)}
.gallery img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 18%);transition:transform .9s var(--ease)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption,.label{position:absolute;left:12px;bottom:12px;background:rgba(244,240,233,.94);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border-radius:999px}
.gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* acessórios: foto vertical + duas horizontais empilhadas */
.detail-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px}
.detail-grid figure{position:relative;overflow:hidden;border-radius:18px;background:var(--paper-2)}
.detail-grid > figure{aspect-ratio:.8}
.detail-grid .stack{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0}
.detail-grid img{width:100%;height:100%;object-fit:cover}
.wide-fig{position:relative;border-radius:var(--r);overflow:hidden;background:#fff}
.wide-fig img{width:100%;max-height:620px;object-fit:contain}

/* checklist */
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.checks li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.checks li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23f3efe7' stroke-width='2'/%3E%3C/svg%3E") center/14px no-repeat}
.checks span{color:var(--muted);display:block;font-size:14px;margin-top:2px}

/* faixa de navegação interna */
.subnav{position:sticky;top:var(--hdr);z-index:40;background:rgba(244,240,233,.97);border-bottom:1px solid var(--line)}
.subnav__in{display:flex;gap:6px 24px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:14px 0;white-space:nowrap}
.subnav__in::-webkit-scrollbar{display:none}
.subnav__in span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.subnav__in a{font-size:14px;font-weight:500;padding:4px 0;border-bottom:1px solid transparent}
.subnav__in a:hover{border-color:currentColor}
[id]{scroll-margin-top:calc(var(--hdr) + 70px)}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item h3{margin:0;font:inherit}
.faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;text-align:left;font-family:var(--serif);font-size:clamp(20px,2vw,27px);line-height:1.25}
.faq__q:hover{color:var(--navy)}
.faq__plus{flex:none;position:relative;width:18px;height:18px}
.faq__plus::before,.faq__plus::after{content:"";position:absolute;background:currentColor;transition:transform .35s var(--ease),opacity .35s}
.faq__plus::before{left:0;right:0;top:50%;height:1.5px;transform:translateY(-50%)}
.faq__plus::after{top:0;bottom:0;left:50%;width:1.5px;transform:translateX(-50%)}
.faq__q[aria-expanded="true"] .faq__plus::after{transform:translateX(-50%) rotate(90deg);opacity:0}
.faq__a{height:0;overflow:hidden;visibility:hidden;transition:height .4s var(--ease),visibility 0s linear .4s}
.faq__item.open .faq__a{visibility:visible;transition-delay:0s}
.faq__a p{padding:0 48px 26px 0;max-width:820px;color:var(--muted);font-size:16px}
.faq__a a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.no-js .faq__a{height:auto;visibility:visible}

/* CTA final */
.cta{position:relative;overflow:hidden;text-align:center;padding:clamp(100px,12vw,180px) 0}
.cta .display{font-size:clamp(32px,8vw,130px)}
.cta em{display:block;margin-top:16px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(30px,4vw,60px);color:var(--champagne)}
.cta p.lead{max-width:620px;margin:26px auto 34px}
.cta .btns{justify-content:center}
.cta::before{content:"";position:absolute;inset:auto -10% -55% -10%;height:90%;background:radial-gradient(50% 50% at 50% 50%,rgba(216,190,138,.14),transparent 70%);pointer-events:none}

/* contato */
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px);align-items:start}
.cards{display:grid;gap:12px}
.card{display:block;padding:22px 24px;border-radius:18px;background:var(--paper);border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease)}
a.card:hover{border-color:var(--ink);transform:translateY(-2px)}
.card small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-ink);margin-bottom:6px}
.card b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.2;word-break:break-word}
.card span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.form{padding:clamp(28px,4vw,52px);border-radius:var(--r);background:var(--night);color:var(--ivory)}
.form .title{font-size:clamp(34px,3.6vw,54px);margin:16px 0 14px}
.form .title em,.form .kicker{color:var(--champagne)}
.form .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.2}
.form fieldset{min-width:0}
.form__intro{color:var(--muted-n);margin-bottom:28px}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:grid;gap:8px;margin-bottom:16px}
.field label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:rgba(243,239,231,.8)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:13px 16px;border-radius:12px;border:1px solid rgba(243,239,231,.22);background:rgba(243,239,231,.06);color:var(--ivory);font-size:16px;outline:none;transition:border-color .2s,background-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--champagne);background:rgba(243,239,231,.1)}
.field input::placeholder,.field textarea::placeholder{color:rgba(243,239,231,.52)}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--champagne) 50%),linear-gradient(135deg,var(--champagne) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field select option{background:var(--paper);color:var(--ink)}
.field input[type="date"]{color-scheme:dark}
.field textarea{min-height:120px;resize:vertical}
.form .note{margin-top:14px}
.map{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--night-2);display:grid;place-items:center;text-align:center;padding:28px;color:var(--ivory)}
.map::before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(216,190,138,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(216,190,138,.1) 1px,transparent 1px);background-size:40px 40px}
.map > *{position:relative}
.map b{display:block;font-family:var(--serif);font-weight:400;font-size:28px}
.map p{margin:6px 0 20px;color:var(--muted-n);font-size:14px}
.map small{display:block;margin-top:14px;color:var(--muted-n);font-size:12px}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pin{width:46px;height:46px;margin:0 auto 16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--champagne);display:grid;place-items:center}
.pin::after{content:"";width:15px;height:15px;border-radius:50%;background:var(--night)}

.fachada-fig{margin-top:32px}
.fachada-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 34%;border-radius:var(--r);background:var(--night-2)}
.fachada-fig figcaption{margin-top:12px;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--muted-n)}

/* fatos / sobre */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.facts div{padding:22px;border-radius:18px;border:1px solid var(--line)}
.facts dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.facts dd{margin:10px 0 0;font-family:var(--serif);font-size:24px;line-height:1.15}
.timeline li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;padding:34px 0;border-bottom:1px solid var(--line-n)}
.timeline li:first-child{border-top:1px solid var(--line-n)}
.timeline b{font-stretch:125%;font-size:clamp(34px,3.6vw,52px);line-height:1;color:var(--champagne)}
.timeline h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,34px);margin-bottom:10px}
.timeline p{color:var(--muted-n);max-width:640px}

/* ---------- páginas internas ---------- */
/* hero dividido: foto vertical à direita, texto à esquerda (noite) */
.phero--split{display:block;min-height:0}
.phero--split::before{background:radial-gradient(60% 70% at 88% 18%,rgba(216,190,138,.13),transparent 70%)}
.phero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,88px);align-items:end;padding-top:calc(var(--hdr) + 28px)}
.phero--split .phero__copy{padding:40px 0 clamp(56px,9vh,110px)}
.phero--split h1{font-size:clamp(36px,5vw,80px)}
.phero__art{position:relative;align-self:stretch;min-height:min(82svh,800px)}
.phero__fig{position:absolute;inset:0;border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:var(--night-2)}
.phero__fig img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 25%);animation:settle 2.2s var(--ease) both}
.phero__inset{position:absolute;left:-9%;bottom:9%;width:34%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;border:6px solid var(--night);box-shadow:0 30px 70px rgba(0,0,0,.5);background:var(--night-2);animation:rise 1.2s var(--ease) .5s both}
.phero__inset img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 20%)}

/* hero compacto claro (contato) */
.chero{background:var(--paper);padding:calc(var(--hdr) + 56px) 0 clamp(48px,6vw,84px);border-bottom:1px solid var(--line)}
.chero .crumbs{color:var(--muted)}.chero .crumbs a:hover{color:var(--ink)}
.chero__row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,80px);align-items:end}
.chero h1{font-family:var(--serif);font-weight:400;font-size:clamp(52px,8vw,128px);line-height:.92;letter-spacing:-.02em}
.chero h1 em{font-style:italic;color:var(--navy)}
.chero h1 .sk{display:block;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:24px;line-height:1.5}
.chero__aside .lead,.chero__aside .status{margin-bottom:22px}

/* índice de ocasiões: lista editorial que escurece no hover */
.occ{border-top:1px solid var(--line)}
.occ li{border-bottom:1px solid var(--line)}
.occ a{position:relative;isolation:isolate;display:grid;grid-template-columns:56px minmax(0,1.15fr) minmax(0,1fr) 104px 52px;grid-template-areas:"n t d i g";gap:28px;align-items:center;padding:24px 22px;transition:color .4s var(--ease)}
.occ a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--night);border-radius:18px;transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s var(--ease)}
.occ a:hover,.occ a:focus-visible{color:var(--ivory)}
.occ a:hover::before,.occ a:focus-visible::before{transform:none}
.occ__n{grid-area:n;font-family:var(--serif);font-style:italic;font-size:30px;line-height:1;color:var(--gold-ink);transition:color .4s}
.occ__t{grid-area:t;font-stretch:125%;font-weight:700;text-transform:uppercase;font-size:clamp(28px,3.4vw,54px);line-height:.92;letter-spacing:-.01em}
.occ__d{grid-area:d;font-size:15.5px;line-height:1.55;color:var(--muted);transition:color .4s}
.occ__i{grid-area:i;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--paper-2)}
.occ__i img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 20%);transition:transform .8s var(--ease)}
.occ__g{grid-area:g;justify-self:end;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:19px;transition:transform .45s var(--ease),border-color .3s,background-color .3s,color .3s}
.occ a:hover .occ__n,.occ a:focus-visible .occ__n{color:var(--champagne)}
.occ a:hover .occ__d,.occ a:focus-visible .occ__d{color:var(--muted-n)}
.occ a:hover .occ__i img{transform:scale(1.08)}
.occ a:hover .occ__g,.occ a:focus-visible .occ__g{background:var(--champagne);border-color:var(--champagne);color:var(--night);transform:rotate(-45deg)}

/* citação grande */
.pull{text-align:center}
.pull blockquote{margin:0 auto;max-width:1120px;font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.8vw,76px);line-height:1.04;letter-spacing:-.015em;text-wrap:balance}
.pull blockquote em{color:var(--navy)}
.pull.night blockquote em{color:var(--champagne)}
.pull cite{display:block;margin-top:30px;font-style:normal;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.pull.night cite{color:var(--muted-n)}

/* três atalhos relacionados */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trio .tile{min-height:clamp(340px,36vw,480px)}

/* dois cartões lado a lado */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.duo article{padding:clamp(28px,3.4vw,48px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.duo h3{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.2vw,48px);line-height:1;margin:16px 0 14px}
.duo article > p{color:var(--muted)}
.duo .checks{grid-template-columns:1fr;margin-top:20px}

/* silhuetas de vestido de noiva (desenho em linha) */
.sil{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sil li{padding:26px 22px 24px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);transition:transform .4s var(--ease),border-color .3s}
.sil li:hover{transform:translateY(-4px);border-color:var(--ink)}
.sil svg{display:block;width:100%;height:auto;max-height:190px;margin:0 auto 18px;fill:none;stroke:var(--navy);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.sil svg .f{fill:rgba(27,42,68,.06)}
.sil h3{font-stretch:118%;font-weight:700;text-transform:uppercase;font-size:18px;letter-spacing:.01em}
.sil p{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--muted)}

/* variações */
.checks--1{grid-template-columns:1fr}
.steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.night .steps li{background:var(--night-2);border-color:var(--line-n)}
.night .steps li b{color:var(--champagne)}
.night .steps p{color:var(--muted-n)}
.roles--4 .role{grid-column:span 3;min-height:560px}
a.lhero__tag{transition:transform .35s var(--ease)}
a.lhero__tag:hover{transform:translateY(-3px)}
.credit{position:absolute;right:12px;bottom:10px;z-index:2;font-size:10px;letter-spacing:.04em;color:rgba(255,255,255,.86);text-shadow:0 1px 4px rgba(0,0,0,.55)}
.card .hours{margin:12px 0 10px}
.card .hours div{padding:9px 0;font-size:14px}

/* 404 */
.err{min-height:100svh;display:flex;align-items:center;padding:calc(var(--hdr) + 40px) 0 90px}
.err .display{font-size:clamp(44px,8.6vw,130px)}
.err em{display:block;margin-top:14px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,3.6vw,54px);color:var(--champagne)}
.err .lead{max-width:560px;margin:24px 0 30px}
.err__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.err__links a{padding:10px 16px;border:1px solid var(--line-n);border-radius:999px;font-size:14px;transition:border-color .25s}
.err__links a:hover{border-color:var(--ivory)}

/* carrossel dos trilhos no celular (controles criados pelo JS) */
.rail-ui{display:none}

/* ---------- editorial: Nossa história ---------- */
.ed-cover{position:relative;padding:calc(var(--hdr) + 34px) 0 0;overflow:hidden;isolation:isolate}
.ed-cover::before{content:"";position:absolute;inset:-20% -10% auto;height:80%;z-index:-1;background:radial-gradient(50% 50% at 50% 40%,rgba(216,190,138,.12),transparent 70%)}
.ed-mast{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line-n);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-n)}
.ed-cover .crumbs{margin:20px 0 0}
.ed-title{margin-top:clamp(18px,3vw,40px);text-align:center}
.ed-title__k{display:block;font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--champagne)}
.ed-title__yr{display:block;margin-top:6px;font-stretch:125%;font-weight:800;font-size:clamp(96px,26vw,400px);line-height:.8;letter-spacing:-.045em;color:var(--champagne)}
.ed-title em{display:block;max-width:17ch;margin:clamp(12px,1.6vw,24px) auto 0;font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,72px);line-height:1;color:var(--ivory);text-wrap:balance}
.ed-cover__lead{max-width:640px;margin:24px auto 0;text-align:center}
.js .ed-title > *,.js .ed-cover__lead{animation:rise 1.1s var(--ease) both}
.js .ed-title__yr{animation-delay:.08s}.js .ed-title em{animation-delay:.2s}.js .ed-cover__lead{animation-delay:.32s}
.film{margin-top:clamp(44px,6vw,84px);padding-bottom:clamp(56px,7vw,96px);overflow:hidden}
.film__track{display:flex;align-items:flex-start;gap:14px;width:max-content;animation:marquee 90s linear infinite}
.film figure{flex:none;width:clamp(150px,16vw,240px);aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--night-2)}
.film figure:nth-child(even){margin-top:30px}
.film img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--pos,50% 22%)}
.film .is-logo{background:#000}

.ed-chap{padding:clamp(84px,10vw,150px) 0 0}
.ed-chap.night,.ed-chap.paper-2{padding-bottom:clamp(84px,10vw,150px)}
.ed-chap__grid{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:clamp(24px,5vw,90px)}
.ed-chap__n{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(72px,9vw,150px);line-height:.75;color:var(--gold-ink)}
.night .ed-chap__n{color:var(--champagne)}
.ed-chap__k{display:block;margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.night .ed-chap__k{color:var(--muted-n)}
.ed-chap h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.6vw,72px);line-height:.98;letter-spacing:-.015em;text-wrap:balance}
.ed-chap h2 em{font-style:italic;color:var(--navy)}
.ed-chap.night h2 em,.night .ed-chap h2 em{color:var(--champagne)}
.ed-text{margin-top:28px;max-width:680px;font-size:clamp(17px,1.3vw,19px);line-height:1.78;color:#2d2a25}
.ed-text p + p{margin-top:1.1em}
.night .ed-text{color:var(--muted-n)}
.dropcap::first-letter{float:left;font-family:var(--serif);font-size:4.6em;line-height:.82;margin:.06em .12em 0 0;color:var(--navy)}
.night .dropcap::first-letter{color:var(--champagne)}
.ed-wide{margin-top:clamp(44px,6vw,80px)}
.ed-wide img{width:100%;aspect-ratio:1321/501;object-fit:cover;object-position:var(--pos,50% 50%);border-radius:var(--r);background:var(--paper-2)}
.ed-wide--band img{aspect-ratio:2/1}
.ed-wide figcaption{margin-top:14px;max-width:760px;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.45;color:var(--muted)}

/* fotos de arquivo em papel */
.prints{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,30px);align-items:start;margin-top:clamp(44px,6vw,84px)}
.print{grid-column:var(--col,auto);margin-top:var(--mt,0);background:#fffdf9;padding:10px 10px 0;border-radius:3px;box-shadow:0 1px 0 rgba(18,18,18,.05),0 18px 42px rgba(18,18,18,.13);transform:rotate(var(--rot,0deg));transition:transform .6s var(--ease)}
.print:hover{transform:rotate(0deg) translateY(-4px)}
.print img{width:100%;aspect-ratio:var(--ar,3/4);object-fit:cover;object-position:var(--pos,50% 20%);background:var(--paper-2)}
.print figcaption{padding:10px 4px 13px;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.3;color:#4a463f}
.night .print{box-shadow:0 22px 50px rgba(0,0,0,.45)}

.ed-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:center;margin-top:clamp(52px,7vw,110px)}
.ed-feature--rev > :first-child{order:2}
.ed-feature h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.1vw,48px);line-height:1.02;text-wrap:balance}
.ed-feature h3 em{font-style:italic;color:var(--navy)}
.night .ed-feature h3 em{color:var(--champagne)}
.ed-feature__copy > p{margin-top:18px;font-size:17px;line-height:1.72;color:var(--muted)}
.night .ed-feature__copy > p{color:var(--muted-n)}
.ed-feature .print--xl{--rot:-1.4deg}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.pair .print:nth-child(2){margin-top:44px}
.doc{width:min(300px,78%);margin-top:30px;--rot:2.4deg}

/* barra de números */
.ed-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ed-num > *{padding:30px 24px;border-left:1px solid var(--line)}
.ed-num > :first-child{border-left:0}
.ed-num b{display:block;font-stretch:120%;font-weight:700;font-size:clamp(28px,2.8vw,42px);line-height:1;color:var(--ink)}
.ed-num span{display:block;margin-top:10px;font-size:14px;color:var(--muted)}
.ed-num b svg{display:inline-block;width:.55em;height:.55em;margin-left:4px;vertical-align:.12em;fill:var(--gold-ink)}
a.ed-num__link:hover b{color:var(--navy)}

/* faixa de confiança (abaixo dos botões dos heros) */
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--muted-n)}
.trust li{display:inline-flex;align-items:center;gap:6px}
.trust li::before{content:"";flex:none;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--champagne);opacity:.85}
.trust svg{width:12px;height:12px;fill:var(--champagne)}
.lhero .trust,.chero .trust{color:var(--muted)}
.lhero .trust li::before,.chero .trust li::before{background:var(--gold-ink)}
.lhero .trust svg,.chero .trust svg{fill:var(--gold-ink)}

/* garantias no fecho das páginas (CTA escuro) */
.assure{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px;margin:64px auto 0;border-top:1px solid var(--line-n);text-align:left}
.assure li{padding:24px 24px 0;border-left:1px solid var(--line-n)}
.assure li:first-child{border-left:0;padding-left:0}
.assure b{display:block;font-stretch:115%;font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory)}
.assure span{display:block;margin-top:8px;font-size:14px;line-height:1.55;color:var(--muted-n)}
.assure a{color:var(--champagne);text-decoration:underline;text-underline-offset:3px}

/* opções marcáveis no formulário escuro */
.opts{display:flex;flex-wrap:wrap;gap:8px}
.field .opts label,.opts label{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(243,239,231,.24);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ivory);cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts label:has(input:checked){background:var(--champagne);border-color:var(--champagne);color:var(--night)}
.opts label:has(input:focus-visible){outline:2px solid var(--champagne);outline-offset:3px}
.form fieldset{margin:0 0 16px;padding:0;border:0}
.form legend{margin-bottom:10px;padding:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:rgba(243,239,231,.8)}

/* tabela de distâncias */
.dist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);align-items:start}
.dist{width:100%;border-collapse:collapse}
.dist caption{padding-bottom:16px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
.dist th,.dist td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline}
.dist th{font-family:var(--serif);font-weight:400;font-size:clamp(20px,1.6vw,24px);line-height:1.15;color:var(--ink)}
.dist th a{border-bottom:1px solid currentColor}
.dist th a:hover{color:var(--navy)}
.dist td{font-size:14px;color:var(--muted);white-space:nowrap}
.dist td:last-child{padding-right:0;text-align:right}
.dist td b{font-stretch:115%;font-size:16px;color:var(--ink)}
.duo--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.duo--4 .tile{min-height:clamp(320px,30vw,440px)}
.foot__area a{color:var(--ivory);border-bottom:1px solid rgba(243,239,231,.3)}
.foot__area a:hover{border-color:var(--ivory)}

/* rodapé */
.foot{background:var(--night);color:var(--ivory);padding:clamp(70px,8vw,110px) 0 34px}
.foot__top{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr 1.1fr;gap:36px;padding-bottom:56px;border-bottom:1px solid var(--line-n)}
.foot .logo{margin-bottom:22px}
.foot__about p{font-size:14px;line-height:1.7;color:var(--muted-n);max-width:340px}
.foot h2{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);font-weight:600;margin-bottom:16px}
.foot__col a,.foot__col p{display:block;font-size:14px;line-height:1.5;color:var(--muted-n);padding:4px 0}
.foot__col a:hover{color:var(--ivory)}
.foot__area{padding:26px 0;font-size:13px;color:var(--muted-n);border-bottom:1px solid var(--line-n)}
.foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:24px;font-size:12px;color:var(--muted-n)}

/* ---------- revelações (só com JS e movimento permitido) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
  .js [data-rv].is-in{opacity:1;transform:none}
  .js [data-rv="img"]{transform:scale(1.04)}
  .js [data-rv="img"].is-in{transform:none}
  .js .sil li[data-rv] path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--ease) .25s}
  .js .sil li[data-rv].is-in path{stroke-dashoffset:0}
  .js .print[data-rv]{transform:translateY(28px) rotate(var(--rot,0deg))}
  .js .print[data-rv="img"]{transform:scale(1.04) rotate(var(--rot,0deg))}
  .js .print[data-rv].is-in{transform:rotate(var(--rot,0deg))}
  .js .print[data-rv].is-in:hover{transform:translateY(-4px)}
  .js [data-d="1"]{transition-delay:.08s}.js [data-d="2"]{transition-delay:.16s}.js [data-d="3"]{transition-delay:.24s}.js [data-d="4"]{transition-delay:.32s}
}

/* seções fora da tela pulam layout até chegarem perto */
.cv{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:1180px){
  .nav{gap:20px}
  .nav > a,.nav__top{font-size:13px}
  .foot__top{grid-template-columns:1fr 1fr 1fr}
  .foot__about{grid-column:1/-1}
}
@media (max-width:1040px){
  :root{--hdr:68px}
  .nav,.hdr__cta{display:none}
  .burger{display:block}
  .head{grid-template-columns:1fr;align-items:start}
  .roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role,.role--xl{grid-column:span 1;grid-row:auto;min-height:440px}
  .role--xl{grid-column:1/-1;min-height:560px}
  .story__grid{grid-template-columns:1fr}
  .story__panel{display:none}
  .step{min-height:0;padding:28px 0}
  .js .step:not(.is-on) .step__n,.js .step:not(.is-on) h3,.js .step:not(.is-on) p{opacity:1}
  .step figure{display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/3;margin-bottom:22px;background:var(--night-2)}
  .step figure img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 30%)}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:260px}
  .tile--big{grid-column:1/-1;grid-row:span 1}
  .store,.reviews,.split,.contact,.lhero__grid{grid-template-columns:1fr}
  .dist-grid,.duo--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split--rev .split__media{order:0}
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .insta{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-chap__grid{grid-template-columns:minmax(0,.26fr) minmax(0,1fr)}
  .lhero__media{min-height:min(110vw,620px)}
  .steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .roles--4 .role{grid-column:span 1;min-height:460px}
  .phero__grid{grid-template-columns:1fr;padding-top:var(--hdr);gap:0}
  .phero__art{order:-1;min-height:min(70svh,640px);margin-inline:calc(var(--pad) * -1)}
  .phero__fig{border-radius:0}
  .phero__fig::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(0deg,var(--night) 3%,rgba(7,11,20,0))}
  .phero__inset{display:none}
  .phero--split .phero__copy{position:relative;margin-top:-20svh;padding-top:0}
  .chero__row{grid-template-columns:1fr;align-items:start}
  .occ a{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 88px 48px;gap:20px}
  .occ__t{font-size:clamp(22px,2.9vw,30px)}
  .steps h3{font-size:16px}
  .sil{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .fab{display:none}
  .actionbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:95;padding:8px;border-radius:20px;background:rgba(7,11,20,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(7,11,20,.3)}
  .actionbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:14px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ivory);border:1px solid rgba(243,239,231,.22)}
  .actionbar a.is-wa{background:var(--wa);border-color:var(--wa);padding:0 12px;text-align:center;line-height:1.15}
  .actionbar a.is-sec{flex-direction:column;gap:3px;min-width:58px;padding:0 8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
  .actionbar a.is-sec svg{width:18px;height:18px}
  .assure{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}
  .assure li{padding:22px 18px 22px 0;border-left:0}
  .assure li:nth-child(even){padding-left:18px;border-left:1px solid var(--line-n)}
  .assure li:nth-child(n+3){border-top:1px solid var(--line-n)}
  .actionbar svg{width:19px;height:19px;fill:currentColor}
  body{padding-bottom:84px}
  .menu-open .actionbar{opacity:0;pointer-events:none}
  .hero__in{padding-bottom:26px}
  .hero .rating{position:static;align-self:flex-start;margin:0 0 88px var(--pad)}
}
@media (max-width:720px){
  .hero__media img,.hero__media video{object-position:66% 30%}
  .hero__shade{background:linear-gradient(0deg,rgba(7,11,20,.97) 6%,rgba(7,11,20,.7) 46%,rgba(7,11,20,.18) 72%),linear-gradient(180deg,rgba(7,11,20,.6),rgba(7,11,20,0) 26%)}
  .hero__in{padding-top:calc(var(--hdr) + 40vh);padding-bottom:22px}
  .hero__l{font-size:clamp(36px,11.2vw,62px)}
  .hero__title em{font-size:clamp(28px,8.6vw,40px)}
  .hero .btns .btn{flex:1 1 auto}
  .marquee{padding:16px 0}.marquee__track span{font-size:12px}
  .phero{min-height:auto}
  .phero::before{background:linear-gradient(0deg,rgba(7,11,20,.97) 10%,rgba(7,11,20,.6) 52%,rgba(7,11,20,.15) 78%),linear-gradient(180deg,rgba(7,11,20,.55),rgba(7,11,20,0) 26%)}
  .phero__copy{padding-top:calc(var(--hdr) + 38vh)}
  .phero h1{font-size:clamp(34px,10.6vw,52px)}
  .phero .btns .btn{flex:1 1 auto}
  .roles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);gap:12px;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scrollbar-width:none}
  .roles::-webkit-scrollbar{display:none}
  .role,.role--xl{flex:0 0 82%;min-height:480px;scroll-snap-align:start}
  .bento{grid-auto-rows:220px;gap:10px}
  .tile{padding:16px}
  .tile b{font-size:clamp(16px,4.8vw,20px);font-stretch:112%}
  .tile small{font-size:12px}
  .swatches,.steps,.checks{grid-template-columns:1fr}
  .gallery,.gallery--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .insta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .insta a{border-radius:12px}
  .row{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .detail-grid .stack{grid-template-rows:none}
  .detail-grid .stack figure{aspect-ratio:16/9}
  .facts{grid-template-columns:1fr}
  .timeline li{grid-template-columns:1fr;gap:10px}
  .faq__a p{padding-right:0}
  .foot__top{grid-template-columns:1fr 1fr}
  .foot__bottom{flex-direction:column}
  .lhero__float{width:44%}
  .occ a{grid-template-columns:84px minmax(0,1fr) 40px;grid-template-areas:"i t g" "i d g";gap:4px 16px;padding:16px 0}
  .occ a::before{inset:0 calc(var(--pad) * -.5);border-radius:14px}
  .occ__n{display:none}
  .occ__t{font-size:clamp(17px,5.6vw,24px);font-stretch:110%;align-self:end}
  .occ__d{font-size:14px;align-self:start}
  .occ__g{width:40px;height:40px;font-size:16px}
  .trio,.duo{grid-template-columns:1fr;gap:10px}
  .trio .tile{min-height:260px}
  .sil{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);gap:10px;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scrollbar-width:none}
  .sil::-webkit-scrollbar{display:none}
  .sil li{flex:0 0 64%;scroll-snap-align:start}
  .chero h1{font-size:clamp(46px,13vw,64px)}
  .err .display{font-size:clamp(30px,8.8vw,60px)}
  .rail-ui{display:flex;align-items:center;gap:14px;margin-top:16px}
  .trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;font-size:10.5px;letter-spacing:.1em}
  .dist-grid{grid-template-columns:1fr;gap:40px}
  .dist th{font-size:20px}
  .duo--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .duo--4 .tile{min-height:62vw}
  .rail-ui__toggle{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);background:var(--paper)}
  .rail-ui__toggle svg{width:14px;height:14px;fill:currentColor}
  .rail-ui__dots{display:flex;flex:1;gap:6px;align-items:center}
  .rail-ui__dot{position:relative;flex:1;max-width:64px;height:28px}
  .rail-ui__dot::before,.rail-ui__dot i{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px}
  .rail-ui__dot::before{background:rgba(18,18,18,.16)}
  .rail-ui__dot i{background:var(--navy);transform:scaleX(0);transform-origin:0 50%}
  .rail-ui__dot.is-done i{transform:none}
  .rail-ui__dot.is-on i{animation:railfill var(--rail-t,4.5s) linear forwards}
  .rail-ui.is-paused .rail-ui__dot.is-on i{animation-play-state:paused}
  .night .rail-ui__toggle{border-color:var(--line-n);color:var(--ivory);background:transparent}
  .night .rail-ui__dot::before{background:var(--line-n)}
  .night .rail-ui__dot i{background:var(--champagne)}
  .ed-mast span:nth-child(2){display:none}
  .ed-chap__grid{grid-template-columns:1fr;gap:18px}
  .ed-chap__side{display:flex;align-items:baseline;gap:16px}
  .ed-chap__n{font-size:64px}
  .ed-chap__k{margin-top:0}
  .ed-wide img{aspect-ratio:4/3;--pos:64% 50%}
  .ed-wide figcaption{font-size:15px}
  .prints{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .print{grid-column:auto;margin-top:0}
  .print:nth-child(even){margin-top:26px}
  .print figcaption{font-size:13.5px;padding:8px 2px 11px}
  .ed-feature{grid-template-columns:1fr}
  .ed-feature--rev > :first-child{order:0}
  .pair{gap:14px}
  .pair .print:nth-child(2){margin-top:26px}
  .doc{width:72%}
  .ed-num{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-num > :nth-child(3){border-left:0}
  .ed-num > :nth-child(n+3){border-top:1px solid var(--line)}
  .ed-num > *{padding:22px 16px}
  .ed-num b{font-size:22px}
  .cta .display{font-size:clamp(30px,9.4vw,60px)}
  .lhero__tag{display:none}
  .btn{padding:0 20px}
}
@media (max-width:380px){
  .hero__l{font-size:38px}
  .foot__top{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  @view-transition{navigation:none}
}