:root{
  --void:#100904;
  --void-2:#160c08;
  --bark:#382416;
  --line:#40372e;
  --ash:#8d8176;
  --cream:#ffedd7;
  --ember:#dc5000;
  --hot:#ff8a1e;
  --red:#da2419;
  --blue:#24157d;
  --header-h:86px;
  --gutter:clamp(18px,3.2vw,64px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void);color:var(--cream);font-size:16px}
body{margin:0;background:var(--void);color:var(--cream);font-family:Inter,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility}
body.menu-open,body.is-loading{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{background:var(--ember);color:var(--cream)}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#0b0604}
::-webkit-scrollbar-thumb{background:#5e3828;border:2px solid #0b0604;border-radius:20px}
.skip-link{position:fixed;left:12px;top:12px;z-index:2000;padding:12px 16px;background:var(--cream);color:var(--void);transform:translateY(-150%);transition:.25s}
.skip-link:focus{transform:none}

/* loader */
.loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:var(--void);transition:opacity .8s var(--ease),visibility .8s}
.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.loader::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,rgba(220,80,0,.18),transparent 28%),url("../images/charcoal-texture.webp") center/500px;opacity:.18;mix-blend-mode:screen}
.loader__brand{position:relative;width:min(880px,82vw);text-align:center}
.loader__micro{display:block;margin-bottom:25px;color:var(--ash);font-size:.66rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.loader strong{display:block;font-size:clamp(4rem,13vw,11rem);line-height:.73;letter-spacing:-.075em;font-weight:800}
.loader__rail{height:1px;margin:45px auto 10px;background:rgba(255,237,215,.18);overflow:hidden}
.loader__rail i{display:block;width:0;height:100%;background:var(--ember);box-shadow:0 0 24px var(--ember);transition:width .2s}
.loader__percent{display:block;text-align:right;color:var(--ash);font-size:.7rem;letter-spacing:.18em}

/* header */
.site-header{position:fixed;left:0;right:0;top:0;z-index:1000;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);border-bottom:1px dashed rgba(255,237,215,.16);transition:background .45s,border .45s,transform .45s;mix-blend-mode:normal}
.site-header.is-solid{background:rgba(16,9,4,.82);backdrop-filter:blur(18px) saturate(1.2);border-bottom-color:rgba(255,237,215,.22)}
.site-header.is-hidden{transform:translateY(-105%)}
.brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-width:0}
.brand img{width:42px;height:55px;object-fit:contain;background:var(--cream);padding:3px;border-radius:4px}
.brand span{display:flex;flex-direction:column;font-size:.79rem;line-height:.88;letter-spacing:.09em;font-weight:800}
.nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,40px)}
.nav a{position:relative;padding:9px 0;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,237,215,.86)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--cream);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.header-cta{justify-self:end;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,237,215,.55);border-radius:999px;padding:12px 17px;font-size:.63rem;letter-spacing:.12em;font-weight:800;transition:background .35s,color .35s,transform .35s}
.header-cta:hover{background:var(--cream);color:var(--void)}
.header-cta span{font-size:1rem}
.menu-toggle{display:none;background:none;border:0;width:45px;height:45px;padding:12px;justify-self:end;cursor:pointer}
.menu-toggle span{display:block;height:1px;background:var(--cream);margin:7px 0;transition:.35s}
.mobile-menu{position:fixed;inset:0;z-index:990;padding:130px var(--gutter) 40px;background:var(--void);transform:translateY(-105%);transition:transform .7s var(--ease-out);display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu.is-open{transform:none}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{font-size:clamp(2.5rem,10vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;border-bottom:1px dashed var(--line);padding:12px 0}
.mobile-menu small{color:var(--ash);line-height:1.6;letter-spacing:.08em;text-transform:uppercase}

.cursor{position:fixed;z-index:2500;left:0;top:0;width:58px;height:58px;border:1px solid rgba(255,237,215,.5);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.55);opacity:0;transition:width .25s,height .25s,opacity .25s,background .25s,border .25s;mix-blend-mode:difference}
.cursor::before{content:"";position:absolute;inset:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:var(--cream)}
.cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cursor.is-active{width:92px;height:92px;background:rgba(255,237,215,.08)}
.page-progress{position:fixed;right:0;top:0;bottom:0;width:2px;background:rgba(255,237,215,.08);z-index:1200}
.page-progress i{display:block;width:100%;height:0;background:linear-gradient(var(--ember),var(--hot));box-shadow:0 0 12px var(--ember)}

/* common */
main{display:block}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--ember);font-size:.66rem;letter-spacing:.2em;font-weight:800;text-transform:uppercase}
.eyebrow::before{content:"";width:40px;height:1px;background:currentColor}
.display{margin:0;font-size:clamp(4rem,10vw,10rem);line-height:.76;letter-spacing:-.075em;font-weight:800;text-transform:uppercase}
.display .outline{color:transparent;-webkit-text-stroke:1.2px var(--cream)}
.body-large{font-size:clamp(1.15rem,2.1vw,1.82rem);line-height:1.34;font-weight:400;color:rgba(255,237,215,.9)}
.micro{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);font-weight:700}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 24px;border-radius:999px;background:var(--bark);border:1px solid rgba(255,237,215,.18);font-size:.7rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;transition:transform .35s var(--ease),background .35s,color .35s,border .35s}
.pill:hover{background:var(--cream);color:var(--void);border-color:var(--cream)}
.pill--ghost{background:transparent;border-color:rgba(255,237,215,.5)}
.section-rule{height:1px;border-top:1px dashed var(--line)}
.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in-view{opacity:1;transform:none}

/* hero and scroll experience */
.hero-experience{position:relative;height:520vh;background:var(--void)}
.hero-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.hero-sticky::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(16,9,4,.8) 0%,rgba(16,9,4,.1) 42%,rgba(16,9,4,.08) 65%,rgba(16,9,4,.55) 100%),linear-gradient(0deg,rgba(16,9,4,.55),transparent 30%)}
.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity .9s}
.webgl-ready .hero-fallback{opacity:0}
.hero-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.hero-noise{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.hero-topline{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);top:calc(var(--header-h) + 18px);display:flex;justify-content:space-between;color:rgba(255,237,215,.6);font-size:.61rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.hero-chapter{position:absolute;z-index:5;left:var(--gutter);top:50%;width:min(700px,45vw);transform:translateY(-45%);opacity:0;visibility:hidden;pointer-events:none}
.hero-chapter.is-active{visibility:visible;pointer-events:auto}
.hero-chapter h1,.hero-chapter h2{margin:15px 0 26px;font-size:clamp(4.8rem,9.2vw,10.5rem);line-height:.75;letter-spacing:-.075em;font-weight:800;text-transform:uppercase}
.hero-chapter h1 small,.hero-chapter h2 small{display:block;font-size:.28em;line-height:1;letter-spacing:.01em;margin-bottom:10px;color:var(--ember)}
.hero-chapter p{max-width:590px;margin:0 0 28px;font-size:clamp(1.05rem,1.55vw,1.42rem);line-height:1.5;color:rgba(255,237,215,.82)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-side-index{position:absolute;z-index:5;right:var(--gutter);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;color:rgba(255,237,215,.64);font-size:.6rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.hero-side-index i{height:120px;width:1px;background:rgba(255,237,215,.2);position:relative;overflow:hidden}
.hero-side-index i::after{content:"";position:absolute;left:0;top:0;width:100%;height:var(--chapter-progress,0%);background:var(--ember)}
.hero-bottom{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:24px;display:flex;align-items:flex-end;justify-content:space-between}
.scroll-cue{display:flex;align-items:center;gap:14px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:rgba(255,237,215,.7)}
.scroll-cue i{display:block;width:72px;height:1px;background:rgba(255,237,215,.3);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--ember);animation:scan 1.8s var(--ease) infinite}
@keyframes scan{0%{transform:translateX(-105%)}100%{transform:translateX(105%)}}
.hero-count{font-size:clamp(4rem,7vw,7.5rem);font-weight:800;letter-spacing:-.07em;line-height:.65;color:rgba(255,237,215,.12)}

/* intro reveal */
.intro{position:relative;min-height:120vh;padding:160px var(--gutter);background:var(--cream);color:var(--void);overflow:hidden}
.intro::before{content:"";position:absolute;right:-10vw;top:-16vw;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(220,80,0,.3),transparent 64%);filter:blur(40px)}
.intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(30px,7vw,130px);max-width:1600px;margin:auto}
.intro .eyebrow{color:var(--ember)}
.intro h2{margin:0;font-size:clamp(4rem,8.5vw,9rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;font-weight:800}
.intro h2 em{font-style:normal;color:var(--ember)}
.intro-copy{align-self:end;max-width:680px}
.intro-copy p{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.42;margin:0;color:#2d2019}
.intro-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(16,9,4,.18);margin-top:90px;border:1px solid rgba(16,9,4,.18)}
.intro-metrics article{background:var(--cream);padding:28px}
.intro-metrics strong{display:block;font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.05em}
.intro-metrics span{display:block;margin-top:10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#67574d;line-height:1.5}

/* thermal interactive */
.thermal{min-height:120vh;padding:120px var(--gutter);background:#0b0705;position:relative;overflow:hidden}
.thermal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,1.2fr);gap:clamp(35px,7vw,120px);align-items:center;max-width:1600px;margin:auto}
.thermal-copy h2{font-size:clamp(3.8rem,7.5vw,8rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:18px 0 30px}
.thermal-copy p{max-width:620px;color:rgba(255,237,215,.7);font-size:1.12rem;line-height:1.65}
.fact-list{margin-top:45px;border-top:1px dashed var(--line)}
.fact-list article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:22px 0;border-bottom:1px dashed var(--line)}
.fact-list b{font-size:.72rem;color:var(--ember)}
.fact-list h3{margin:0 0 8px;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}
.fact-list p{margin:0;font-size:.9rem;line-height:1.55}
.thermal-stage{position:relative;height:min(78vh,830px);min-height:580px;border:1px dashed var(--line);border-radius:12px;overflow:hidden;cursor:crosshair;background:url("../images/charcoal-texture.webp") center/cover}
.thermal-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,128,25,.92) 0,rgba(220,55,0,.65) 7%,rgba(90,20,0,.22) 20%,transparent 38%),linear-gradient(180deg,transparent,rgba(0,0,0,.8));mix-blend-mode:screen;transition:opacity .2s}
.thermal-stage::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 110%,transparent 0 10px,rgba(255,70,0,.035) 11px 13px);filter:url(#heat);opacity:.8}
.thermal-label{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;z-index:2}
.thermal-label strong{font-size:clamp(3.5rem,7vw,7rem);line-height:.78;letter-spacing:-.06em}
.thermal-label span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}

/* products */
.products{padding:130px var(--gutter);background:var(--void-2);overflow:hidden}
.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;max-width:1600px;margin:0 auto 70px;align-items:start}
.section-head h2{margin:0;font-size:clamp(4rem,8.5vw,8.8rem);line-height:.79;letter-spacing:-.075em;text-transform:uppercase}
.section-head p{max-width:600px;margin:25px 0 0;color:var(--ash);font-size:1.05rem;line-height:1.6}
.products-track{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:16px;max-width:1800px;margin:auto}
.product-card{position:relative;min-height:690px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#170d09;transition:transform .7s var(--ease-out),border-color .4s}
.product-card:hover{transform:translateY(-12px);border-color:#79523c}
.product-card__visual{height:65%;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(220,80,0,.2),transparent 48%)}
.product-card__visual img{width:78%;height:92%;object-fit:cover;object-position:center;border-radius:6px;filter:drop-shadow(0 28px 26px rgba(0,0,0,.55));transition:transform .9s var(--ease-out)}
.product-card:hover img{transform:scale(1.045) rotate(-1deg)}
.product-card__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#170d09)}
.product-card__body{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}
.product-card__index{display:flex;justify-content:space-between;color:var(--ash);font-size:.61rem;letter-spacing:.14em;text-transform:uppercase}
.product-card h3{font-size:clamp(1.55rem,2.2vw,2.4rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;margin:20px 0 12px}
.product-card p{color:var(--ash);font-size:.88rem;line-height:1.55;margin:0 0 22px}
.product-card a{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:16px;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}

/* b2b */
.b2b{position:relative;min-height:110vh;display:grid;align-items:center;padding:120px var(--gutter);overflow:hidden;background:#0a0604}
.b2b-bg{position:absolute;inset:0;background:url("../images/historia-zanetti.webp") center/cover;filter:grayscale(1) contrast(1.15);opacity:.28;transform:scale(1.06)}
.b2b-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0604 4%,rgba(10,6,4,.72) 55%,#0a0604)}
.b2b-content{position:relative;z-index:2;max-width:1600px;margin:auto;width:100%;display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}
.b2b h2{font-size:clamp(4.5rem,10vw,11rem);line-height:.75;letter-spacing:-.08em;text-transform:uppercase;margin:18px 0 35px}
.b2b h2 span{color:transparent;-webkit-text-stroke:1px var(--cream)}
.b2b-copy p{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.5;color:rgba(255,237,215,.78)}
.b2b-list{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.b2b-list span{padding:16px;background:rgba(16,9,4,.86);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}

/* history */
.history{padding:140px var(--gutter);background:var(--cream);color:var(--void)}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,140px);max-width:1600px;margin:auto}
.history-media{position:relative;min-height:760px;overflow:hidden;border-radius:12px}
.history-media img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) contrast(1.1);transition:transform 1.4s var(--ease-out)}
.history-media:hover img{transform:scale(1.04)}
.history-media span{position:absolute;left:18px;top:18px;padding:10px 12px;background:rgba(255,237,215,.9);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.history-copy{align-self:center}
.history-copy .eyebrow{color:var(--ember)}
.history-copy h2{font-size:clamp(4rem,8vw,8.5rem);line-height:.8;letter-spacing:-.07em;text-transform:uppercase;margin:18px 0 35px}
.history-copy>p{font-size:clamp(1.12rem,1.6vw,1.42rem);line-height:1.6;color:#3e3028}
.timeline{margin-top:50px}
.timeline article{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:24px 0;border-top:1px dashed rgba(16,9,4,.28)}
.timeline strong{font-size:2rem;letter-spacing:-.04em;color:var(--ember)}
.timeline h3{margin:0 0 7px;text-transform:uppercase;font-size:1rem}
.timeline p{margin:0;color:#66564c;line-height:1.55;font-size:.92rem}

/* content */
.content-hub{padding:140px var(--gutter);background:var(--void)}
.content-grid{max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px dashed var(--line);border-left:1px dashed var(--line)}
.content-card{min-height:360px;padding:38px;border-right:1px dashed var(--line);border-bottom:1px dashed var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .4s}
.content-card:hover{background:var(--bark)}
.content-card .number{color:var(--ember);font-size:.65rem;letter-spacing:.15em}
.content-card h3{font-size:clamp(2.1rem,4vw,4.5rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:45px 0 18px}
.content-card p{max-width:590px;color:var(--ash);line-height:1.55}
.content-card a{display:flex;justify-content:space-between;margin-top:28px;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}

/* faq */
.faq{padding:120px var(--gutter);background:#150c08}
.faq-wrap{max-width:1400px;margin:auto;display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw}
.faq h2{font-size:clamp(3.8rem,7vw,7.5rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:15px 0}
.accordion{border-top:1px dashed var(--line)}
.accordion article{border-bottom:1px dashed var(--line)}
.accordion button{width:100%;display:grid;grid-template-columns:40px 1fr 30px;gap:16px;text-align:left;align-items:center;padding:25px 0;background:none;border:0;cursor:pointer}
.accordion button b{color:var(--ember);font-size:.68rem}
.accordion button span{font-size:1.05rem;text-transform:uppercase;font-weight:700}
.accordion button i{font-style:normal;font-size:1.5rem;transition:transform .35s}
.accordion article.is-open button i{transform:rotate(45deg)}
.accordion .answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.accordion article.is-open .answer{grid-template-rows:1fr}
.accordion .answer p{overflow:hidden;margin:0;color:var(--ash);line-height:1.65;padding:0 70px 0 56px}
.accordion article.is-open .answer p{padding-bottom:25px}

/* forms and inner pages */
.inner-hero{min-height:76vh;padding:calc(var(--header-h) + 90px) var(--gutter) 90px;display:grid;align-items:end;background:radial-gradient(circle at 75% 40%,rgba(220,80,0,.25),transparent 30%),var(--void);border-bottom:1px dashed var(--line)}
.inner-hero__grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:end;max-width:1600px;width:100%;margin:auto}
.inner-hero h1{font-size:clamp(4.5rem,10vw,11rem);line-height:.75;letter-spacing:-.08em;text-transform:uppercase;margin:0}
.inner-hero p{font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.55;color:var(--ash);max-width:620px}
.inner-content{padding:100px var(--gutter);max-width:1600px;margin:auto}
.prose{max-width:880px;font-size:1.1rem;line-height:1.8;color:rgba(255,237,215,.78)}
.prose h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.9;color:var(--cream);letter-spacing:-.05em;text-transform:uppercase;margin:75px 0 25px}
.prose p{margin:0 0 24px}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.product-detail__visual{min-height:760px;border:1px dashed var(--line);border-radius:12px;background:radial-gradient(circle,rgba(220,80,0,.2),transparent 55%);display:grid;place-items:center;overflow:hidden}
.product-detail__visual img{max-height:700px;width:auto;filter:drop-shadow(0 30px 35px #000)}
.product-detail h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.82;letter-spacing:-.06em;text-transform:uppercase;margin:20px 0}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:35px 0}
.specs div{padding:18px;background:var(--void)}
.specs small{display:block;color:var(--ember);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.specs strong{font-size:1rem}
.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}
.contact-info h2{font-size:clamp(3rem,6vw,6rem);line-height:.85;letter-spacing:-.06em;text-transform:uppercase;margin:15px 0 35px}
.contact-info a,.contact-info p{display:block;color:var(--ash);font-size:1.05rem;line-height:1.7}
.form{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{position:relative}
.field.full{grid-column:1/-1}
.field label{display:block;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ash);margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,237,215,.35);color:var(--cream);padding:13px 0;outline:0;transition:border .3s}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ember)}
.field select option{background:var(--void)}
.form-status{grid-column:1/-1;min-height:24px;color:var(--ash);font-size:.85rem}

/* footer */
.site-footer{background:#0b0705;padding:110px var(--gutter) 24px;border-top:1px dashed var(--line)}
.footer-callout{max-width:1600px;margin:auto;display:grid;grid-template-columns:.45fr 1.35fr auto;gap:45px;align-items:center;padding-bottom:90px;border-bottom:1px dashed var(--line)}
.footer-callout h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:0}
.footer-grid{max-width:1600px;margin:70px auto;display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:55px}
.footer-brand img{width:88px;background:var(--cream);padding:7px;border-radius:6px;margin-bottom:25px}
.footer-brand p{max-width:430px;color:var(--ash);line-height:1.7;font-size:.9rem}
.footer-grid h3{font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ember);margin:0 0 25px}
.footer-grid a,.footer-grid p{display:block;margin:0 0 13px;color:rgba(255,237,215,.72);font-size:.86rem;line-height:1.55}
.footer-grid a:hover{color:var(--cream)}
.footer-bottom{max-width:1600px;margin:auto;padding-top:20px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--ash);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:900;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#21a763;box-shadow:0 16px 35px rgba(0,0,0,.4);transition:transform .35s}
.whatsapp-float:hover{transform:scale(1.08) rotate(-5deg)}
.whatsapp-float svg{width:31px;fill:white}

/* responsive */
@media(max-width:1180px){
  .site-header{grid-template-columns:1fr auto}.nav{display:none}.header-cta{margin-right:12px}.menu-toggle{display:block}.hero-chapter{width:min(720px,62vw)}
  .thermal-grid{grid-template-columns:1fr}.thermal-stage{height:68vh}.products-track{grid-template-columns:repeat(2,1fr)}
  .footer-callout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:800px){
  :root{--header-h:72px;--gutter:18px}
  .site-header{padding:0 16px}.brand img{width:34px;height:45px}.brand span{font-size:.68rem}.header-cta{display:none}
  .cursor,.page-progress{display:none}.hero-experience{height:430vh}.hero-topline{top:calc(var(--header-h) + 12px)}.hero-topline span:last-child{display:none}
  .hero-sticky::after{background:linear-gradient(0deg,rgba(16,9,4,.93) 0%,rgba(16,9,4,.2) 62%,rgba(16,9,4,.5) 100%)}
  .hero-fallback{object-position:70% center}.hero-chapter{left:18px;right:18px;top:auto;bottom:110px;width:auto;transform:none}
  .hero-chapter h1,.hero-chapter h2{font-size:clamp(3.8rem,18vw,6.5rem)}.hero-chapter p{font-size:.95rem;max-width:95%}.hero-side-index{display:none}.hero-bottom{bottom:18px}.hero-count{font-size:4rem}
  .intro{padding:100px 18px}.intro-grid,.section-head,.history-grid,.faq-wrap,.inner-hero__grid,.contact-grid,.product-detail{grid-template-columns:1fr}.intro-metrics{grid-template-columns:1fr}.intro-metrics article{padding:20px}
  .thermal{padding:90px 18px}.thermal-stage{min-height:480px;height:62vh}.products{padding:90px 18px}.products-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.product-card{min-width:86vw;scroll-snap-align:center}
  .b2b{padding:90px 18px}.b2b-content{grid-template-columns:1fr}.b2b-list{grid-template-columns:1fr}.history{padding:90px 18px}.history-media{min-height:480px}.timeline article{grid-template-columns:78px 1fr}
  .content-hub{padding:90px 18px}.content-grid{grid-template-columns:1fr}.content-card{min-height:320px;padding:25px}.faq{padding:90px 18px}.accordion .answer p{padding-left:0;padding-right:20px}
  .inner-hero{padding:120px 18px 60px;min-height:68vh}.inner-content{padding:70px 18px}.product-detail__visual{min-height:520px}.product-detail__visual img{max-height:480px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}
  .site-footer{padding:80px 18px 18px}.footer-callout{padding-bottom:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}
}
@media(max-width:480px){
  .products-track{gap:10px}.product-card{min-width:90vw;min-height:630px}.content-card h3{font-size:2.4rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.specs{grid-template-columns:1fr}
}
@media(pointer:coarse){.cursor{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-experience{height:100vh}.hero-sticky{position:relative}.hero-chapter{opacity:1!important;visibility:visible!important}.hero-chapter:not(:first-of-type){display:none}.hero-fallback{opacity:1!important}.hero-canvas{display:none}
}

/* ================================================================
   CARVÃO ZANETTI — PREMIUM V2 / PRODUCT-DRIVEN CINEMATIC EXPERIENCE
   ================================================================ */
:root{
  --z-cream:#f3e8d6;
  --z-ink:#120b07;
  --z-charcoal:#0d0b0a;
  --z-orange:#f06a22;
  --z-red:#a9271d;
  --z-green:#314438;
  --z-gold:#d59643;
  --z-line:rgba(243,232,214,.22);
}
body{background:var(--z-charcoal)}
.loader{background:#0b0806}
.loader::before{background:radial-gradient(circle at 72% 45%,rgba(240,106,34,.26),transparent 27%),url("../images/v2/scene-embers.webp") center/cover;opacity:.35;filter:saturate(.8)}
.loader__brand strong{font-size:clamp(4rem,13vw,12rem);letter-spacing:-.09em;line-height:.7}
.loader__rail i{background:linear-gradient(90deg,#ff3d00,#ff9b35);box-shadow:0 0 34px #ff5a10}
.site-header{border-bottom-style:solid;border-bottom-color:rgba(243,232,214,.13)}
.site-header.is-solid{background:rgba(12,8,6,.82)}

.z-label{display:flex;align-items:center;gap:14px;color:var(--z-orange);font-size:.67rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.z-label::before{content:"";width:48px;height:1px;background:currentColor}
.z-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 26px;border-radius:999px;background:var(--z-cream);color:var(--z-ink);border:1px solid var(--z-cream);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;transition:transform .4s var(--ease-out),background .35s,color .35s,border .35s}
.z-button:hover{background:var(--z-orange);border-color:var(--z-orange);color:#130905}
.z-button--ghost{background:rgba(15,9,6,.22);color:var(--z-cream);border-color:rgba(243,232,214,.42);backdrop-filter:blur(12px)}
.z-button--ghost:hover{background:var(--z-cream);color:var(--z-ink);border-color:var(--z-cream)}
.z-text-link{display:inline-flex;align-items:center;gap:22px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}

/* cinematic sticky story */
.z-story{position:relative;height:920vh;background:#0b0705}
.z-story__sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#0b0705}
.z-story__backgrounds,.z-bg{position:absolute;inset:0}
.z-story__backgrounds{z-index:0;overflow:hidden}
.z-bg{opacity:0;transform:scale(1.08);transition:opacity .8s linear;will-change:opacity,transform;background-position}
.z-bg.is-active{opacity:1}
.z-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,5,3,.58),rgba(9,5,3,.08) 44%,rgba(9,5,3,.18)),linear-gradient(0deg,rgba(8,5,3,.66),transparent 42%,rgba(8,5,3,.22))}
.z-bg--workbench{background:url('../images/v2/scene-workbench.webp') center/cover no-repeat}
.z-bg--workbench::after{background:linear-gradient(90deg,rgba(8,5,3,.22),rgba(8,5,3,.02) 55%,rgba(8,5,3,.16)),linear-gradient(0deg,rgba(9,5,3,.5),transparent 48%,rgba(9,5,3,.12))}
.z-bg--embers{background:url('../images/v2/scene-embers.webp') center/cover no-repeat;filter:saturate(.9) contrast(1.08)}
.z-bg--studio{background:url('../images/v2/scene-studio.webp') center/cover no-repeat}
.z-bg--use{background:#0b0806}
.z-bg--lineup{background:radial-gradient(circle at 50% 58%,rgba(163,54,25,.46),transparent 34%),linear-gradient(115deg,#0b0705,#27120b 50%,#090605)}
.z-use-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;filter:saturate(.68) contrast(1.06)}
.z-use-mosaic i{background-image:linear-gradient(0deg,rgba(8,5,3,.55),rgba(8,5,3,.03)),var(--image);background-size:cover;background-position:center;transform:scale(1.08);opacity:.82}
.z-story__fallback{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .8s}
.webgl-ready .z-story__fallback{opacity:0}
.z-story__canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.z-story__grain{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.z-story__vignette{position:absolute;inset:-10%;z-index:5;pointer-events:none;box-shadow:inset 0 0 220px rgba(0,0,0,.62);background:radial-gradient(circle at 50% 46%,transparent 28%,rgba(7,4,3,.15) 72%,rgba(7,4,3,.55) 100%)}
.z-story__utility{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--header-h) + 15px);z-index:20;display:flex;justify-content:space-between;font-size:.61rem;letter-spacing:.2em;font-weight:900;text-transform:uppercase;color:rgba(243,232,214,.72);pointer-events:none}
.z-frame{position:absolute;inset:0;z-index:10;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform,clip-path}
.z-frame.is-active{visibility:visible;pointer-events:auto}

/* chapter 01 */
.z-frame--hero{padding:calc(var(--header-h) + 65px) var(--gutter) 42px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr auto;align-items:end}
.z-frame__brandline{grid-column:1/-1;align-self:start;display:flex;justify-content:space-between;font-size:.61rem;letter-spacing:.19em;font-weight:900;color:rgba(243,232,214,.72);text-transform:uppercase}
.z-frame--hero h1{grid-column:1/-1;align-self:center;margin:0;font-size:clamp(6.5rem,15.2vw,16.2rem);line-height:.68;letter-spacing:-.095em;font-weight:900;text-transform:uppercase;color:var(--z-cream);text-shadow:0 16px 50px rgba(0,0,0,.24);mix-blend-mode:screen}
.z-frame--hero h1 span{display:block}
.z-frame--hero h1 span:last-child{margin-left:16vw;color:transparent;-webkit-text-stroke:1.6px var(--z-cream);mix-blend-mode:normal}
.z-frame__hero-copy{grid-column:1;align-self:end;max-width:620px}
.z-frame__hero-copy p{font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.55;color:rgba(243,232,214,.9);margin:0 0 28px;text-shadow:0 3px 18px #000}
.z-frame__actions{display:flex;gap:12px;flex-wrap:wrap}
.z-spec-card{grid-column:2;justify-self:end;align-self:end;width:min(420px,31vw);display:grid;grid-template-columns:1fr 1.25fr;border:1px solid rgba(243,232,214,.35);background:rgba(19,12,8,.42);backdrop-filter:blur(18px);padding:18px 20px;gap:12px 22px;transform:rotate(2deg)}
.z-spec-card::before{content:"PRODUCT SHEET / 1980";grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid rgba(243,232,214,.2);color:var(--z-orange);font-size:.56rem;font-weight:900;letter-spacing:.2em}
.z-spec-card span{font-size:.55rem;font-weight:800;letter-spacing:.16em;color:rgba(243,232,214,.55)}
.z-spec-card strong{font-size:.66rem;letter-spacing:.08em}

/* chapter 02 */
.z-frame--origin{padding:calc(var(--header-h) + 70px) var(--gutter) 50px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center}
.z-origin-index{position:absolute;left:var(--gutter);top:calc(var(--header-h) + 75px);font-size:.62rem;font-weight:900;letter-spacing:.2em;color:var(--z-orange)}
.z-frame--origin h2{grid-column:2;justify-self:end;margin:0;text-align:right;font-size:clamp(5rem,11vw,12rem);line-height:.73;letter-spacing:-.085em;text-transform:uppercase;font-weight:900;max-width:1050px}
.z-frame--origin h2 em{display:inline-block;font-style:normal;color:var(--z-orange);transform:translateX(-.05em)}
.z-origin-copy{grid-column:1;grid-row:1;align-self:end;max-width:510px;margin-bottom:10vh}
.z-origin-copy p{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.58;color:rgba(243,232,214,.86)}
.z-origin-copy ul{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(243,232,214,.2)}
.z-origin-copy li{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid rgba(243,232,214,.2);font-size:.73rem;letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.z-origin-copy li span{color:var(--z-orange)}
.z-origin-orbit{position:absolute;width:min(42vw,640px);aspect-ratio:1;left:37%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.55}
.z-origin-orbit span{position:absolute;inset:0;border:1px solid rgba(243,232,214,.16);border-radius:50%}
.z-origin-orbit span:nth-child(2){inset:12%;border-color:rgba(240,106,34,.28)}
.z-origin-orbit span:nth-child(3){inset:25%;border-style:dashed}

/* chapter 03 */
.z-frame--anatomy{padding:calc(var(--header-h) + 58px) var(--gutter) 38px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}
.z-anatomy-title{align-self:start;padding-top:8vh}
.z-anatomy-title>span{font-size:.62rem;font-weight:900;letter-spacing:.2em;color:var(--z-orange)}
.z-anatomy-title h2{margin:22px 0 0;font-size:clamp(4.2rem,8vw,9rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase}
.z-anatomy-notes{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(243,232,214,.18);border:1px solid rgba(243,232,214,.18);align-self:end;margin-bottom:5vh}
.z-anatomy-notes article{min-height:190px;padding:22px;background:rgba(12,8,6,.58);backdrop-filter:blur(18px)}
.z-anatomy-notes b{display:block;color:var(--z-orange);font-size:.59rem;letter-spacing:.18em;margin-bottom:32px}
.z-anatomy-notes strong{display:block;font-size:.75rem;letter-spacing:.12em}
.z-anatomy-notes p{margin:12px 0 0;color:rgba(243,232,214,.66);font-size:.84rem;line-height:1.55}

/* chapter 04 */
.z-frame--applications{padding:calc(var(--header-h) + 58px) var(--gutter) 42px;display:flex;flex-direction:column;justify-content:space-between}
.z-applications-heading>span{font-size:.62rem;font-weight:900;letter-spacing:.2em;color:var(--z-orange)}
.z-applications-heading h2{margin:18px 0 0;font-size:clamp(4.5rem,9vw,10rem);line-height:.74;letter-spacing:-.085em;text-transform:uppercase;max-width:1100px}
.z-application-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(243,232,214,.24);border:1px solid rgba(243,232,214,.24)}
.z-application-tabs span{background:rgba(10,7,5,.66);backdrop-filter:blur(14px);padding:18px 16px;font-size:.63rem;font-weight:900;letter-spacing:.13em;text-align:center}
.z-frame--applications>p{max-width:560px;margin:0 0 0 auto;font-size:1.08rem;line-height:1.55;color:rgba(243,232,214,.82);text-align:right}

/* chapter 05 */
.z-frame--lineup{padding:calc(var(--header-h) + 58px) var(--gutter) 48px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:20px}
.z-lineup-kicker{grid-column:1/-1;font-size:.62rem;font-weight:900;letter-spacing:.2em;color:var(--z-orange)}
.z-frame--lineup h2{margin:0;font-size:clamp(5.4rem,11vw,12rem);line-height:.72;letter-spacing:-.085em;text-transform:uppercase}
.z-lineup-links{align-self:end;border-top:1px solid rgba(243,232,214,.25)}
.z-lineup-links a{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(243,232,214,.25);transition:padding .35s,color .35s}
.z-lineup-links a:hover{padding-left:14px;color:var(--z-orange)}
.z-lineup-links b{font-size:1.1rem;letter-spacing:.08em}
.z-lineup-links span{font-size:.76rem;color:rgba(243,232,214,.7)}
.z-frame--lineup>.z-button{grid-column:2;justify-self:start;margin-top:18px}

.z-story__rail{position:absolute;right:var(--gutter);top:22%;bottom:21%;z-index:24;width:1px;background:rgba(243,232,214,.2)}
.z-story__rail span{display:block;width:3px;height:20%;margin-left:-1px;background:linear-gradient(var(--z-orange),#ffb155);box-shadow:0 0 16px rgba(240,106,34,.75);transform:translateY(var(--z-rail-y,0%))}
.z-story__counter{position:absolute;right:calc(var(--gutter) - 4px);bottom:35px;z-index:24;display:flex;align-items:flex-end;gap:6px}
.z-story__counter strong{font-size:clamp(4rem,7vw,7.4rem);line-height:.7;letter-spacing:-.08em}
.z-story__counter span{font-size:.62rem;letter-spacing:.18em;color:rgba(243,232,214,.6)}
.z-story__scroll{position:absolute;left:var(--gutter);bottom:28px;z-index:24;display:flex;align-items:center;gap:15px;font-size:.59rem;font-weight:900;letter-spacing:.18em;color:rgba(243,232,214,.72)}
.z-story__scroll i{width:76px;height:1px;background:rgba(243,232,214,.25);overflow:hidden}
.z-story__scroll i::after{content:"";display:block;width:38%;height:100%;background:var(--z-orange);animation:z-scroll-line 1.8s var(--ease-out) infinite}
@keyframes z-scroll-line{0%{transform:translateX(-110%)}70%,100%{transform:translateX(300%)}}

/* light editorial statement */
.z-statement{background:var(--z-cream);color:var(--z-ink);padding:clamp(100px,11vw,180px) var(--gutter)}
.z-statement__top{display:grid;grid-template-columns:.42fr 1.58fr;gap:4vw;border-bottom:1px solid rgba(18,11,7,.18);padding-bottom:65px}
.z-statement h2{margin:0;font-size:clamp(4.5rem,9vw,10.6rem);line-height:.75;letter-spacing:-.09em;text-transform:uppercase}
.z-statement h2 em{font-style:normal;color:var(--z-orange)}
.z-statement__grid{display:grid;grid-template-columns:.56fr 1.44fr;gap:4vw;align-items:center;padding:70px 0}
.z-statement__lead{max-width:470px}
.z-statement__lead p{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.5;color:rgba(18,11,7,.76)}
.z-statement__lead .z-text-link{margin-top:20px}
.z-comparison{position:relative;min-height:620px;overflow:hidden;border-radius:2px;cursor:ew-resize;background:#0e0c0a;isolation:isolate}
.z-comparison__layer{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:26px}
.z-comparison__layer span{position:relative;z-index:2;background:rgba(12,8,6,.72);color:var(--z-cream);padding:10px 13px;font-size:.61rem;font-weight:900;letter-spacing:.16em}
.z-comparison__layer--selected{background-image:linear-gradient(0deg,rgba(0,0,0,.26),transparent),url('../images/v2/scene-embers.webp');clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.z-comparison__layer--fines{background-image:linear-gradient(0deg,rgba(0,0,0,.38),transparent),url('../images/charcoal-texture.webp');filter:grayscale(.85) contrast(1.35);clip-path:inset(0 0 0 var(--split));justify-content:flex-end}
.z-comparison button{position:absolute;left:var(--split);top:0;bottom:0;width:1px;border:0;padding:0;background:var(--z-cream);cursor:ew-resize;z-index:4}
.z-comparison button::before{content:"";position:absolute;left:-28px;top:50%;width:56px;height:56px;border-radius:50%;background:var(--z-orange);box-shadow:0 10px 35px rgba(0,0,0,.3)}
.z-comparison button b{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:1;color:#140b06;font-size:1.1rem}
.z-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(18,11,7,.18);border-left:1px solid rgba(18,11,7,.18)}
.z-metrics article{min-height:190px;padding:28px;border-right:1px solid rgba(18,11,7,.18);border-bottom:1px solid rgba(18,11,7,.18);display:flex;flex-direction:column;justify-content:space-between}
.z-metrics strong{font-size:clamp(2.4rem,4.6vw,5rem);letter-spacing:-.06em}
.z-metrics span{font-size:.62rem;font-weight:900;letter-spacing:.15em;line-height:1.45}

/* horizontal applications */
.z-usecases{position:relative;background:#0c0806;color:var(--z-cream);padding:130px 0 0;overflow:hidden}
.z-usecases__header{display:grid;grid-template-columns:.42fr 1fr .62fr;gap:3vw;align-items:end;padding:0 var(--gutter) 70px}
.z-usecases__header h2{margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.76;letter-spacing:-.08em;text-transform:uppercase}
.z-usecases__header p{margin:0;font-size:1.02rem;line-height:1.6;color:rgba(243,232,214,.7)}
.z-usecases__viewport{position:relative;height:82vh;min-height:680px;overflow:hidden}
.z-usecases__track{height:100%;display:flex;will-change:transform}
.z-usecase{position:relative;flex:0 0 78vw;min-width:880px;height:100%;overflow:hidden;display:flex;align-items:flex-end;padding:50px;background-image:linear-gradient(0deg,rgba(8,5,3,.85),transparent 62%),var(--bg);background-size:cover;background-position:center;border-right:3px solid #0c0806;transform-origin:center}
.z-usecase::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,3,.38),transparent 55%);transition:background .5s}
.z-usecase:hover::before{background:linear-gradient(90deg,rgba(8,5,3,.52),transparent 65%)}
.z-usecase>span{position:absolute;right:28px;top:25px;font-size:clamp(4rem,8vw,8rem);line-height:.8;font-weight:900;color:rgba(243,232,214,.2)}
.z-usecase>div{position:relative;z-index:2;max-width:680px}
.z-usecase small{font-size:.62rem;font-weight:900;letter-spacing:.2em;color:var(--z-orange)}
.z-usecase h3{margin:12px 0 18px;font-size:clamp(4rem,8vw,9rem);line-height:.75;letter-spacing:-.08em;text-transform:uppercase}
.z-usecase p{margin:0;max-width:500px;font-size:1.05rem;line-height:1.55;color:rgba(243,232,214,.78)}

/* products */
.z-products{background:#14100d;color:var(--z-cream);padding:clamp(100px,11vw,170px) var(--gutter)}
.z-products__head{display:grid;grid-template-columns:.4fr 1.15fr .55fr;gap:3vw;align-items:end;padding-bottom:70px;border-bottom:1px solid var(--z-line)}
.z-products__head h2{margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.76;letter-spacing:-.08em;text-transform:uppercase}
.z-products__head p{margin:0;color:rgba(243,232,214,.68);line-height:1.6}
.z-products__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding-top:22px}
.z-product{position:relative;min-height:760px;overflow:hidden;background:linear-gradient(155deg,#231711,#0e0a08 72%);border:1px solid rgba(243,232,214,.13);transform-style:preserve-3d;transition:border .35s,background .35s}
.z-product:nth-child(1){grid-column:span 4}.z-product:nth-child(2){grid-column:span 4;margin-top:90px}.z-product:nth-child(3){grid-column:span 4}.z-product:nth-child(4){grid-column:3/span 8;min-height:620px;margin-top:10px;background:linear-gradient(135deg,#2b1b11,#0e0a08)}
.z-product:hover{border-color:rgba(240,106,34,.55);background:linear-gradient(155deg,#302017,#100b08 72%)}
.z-product__number{position:absolute;right:22px;top:20px;font-size:3rem;line-height:.8;font-weight:900;color:rgba(243,232,214,.12)}
.z-product__visual{height:65%;display:grid;place-items:center;padding:55px 25px 15px;transform:translateZ(40px)}
.z-product__visual img{max-height:100%;filter:drop-shadow(0 34px 40px rgba(0,0,0,.45));transition:transform .8s var(--ease-out),filter .8s}
.z-product:hover .z-product__visual img{transform:translateY(-12px) rotate(-2deg) scale(1.035);filter:drop-shadow(0 48px 55px rgba(0,0,0,.62))}
.z-product__info{position:absolute;left:0;right:0;bottom:0;padding:24px;border-top:1px solid rgba(243,232,214,.13);background:linear-gradient(0deg,rgba(12,8,6,.96),rgba(12,8,6,.66));backdrop-filter:blur(16px);transform:translateZ(24px)}
.z-product__info>span{font-size:.58rem;font-weight:900;letter-spacing:.18em;color:var(--z-orange)}
.z-product__info h3{margin:10px 0 8px;font-size:clamp(1.65rem,2.3vw,2.6rem);line-height:.94;letter-spacing:-.04em;text-transform:uppercase}
.z-product__info p{margin:0;color:rgba(243,232,214,.6);font-size:.84rem;line-height:1.5}
.z-product__info a{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgba(243,232,214,.16);font-size:.62rem;font-weight:900;letter-spacing:.15em}

/* supply map */
.z-supply{position:relative;min-height:100svh;background:var(--z-green);color:var(--z-cream);display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}
.z-supply::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(243,232,214,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(243,232,214,.13) 1px,transparent 1px);background-size:68px 68px}
.z-supply__map{position:relative;min-height:100svh}
.z-supply__map::before{content:"";position:absolute;inset:15%;border:1px solid rgba(243,232,214,.2);border-radius:52% 48% 43% 57% / 46% 61% 39% 54%;transform:rotate(-13deg)}
.z-supply__map::after{content:"";position:absolute;left:48%;top:48%;width:24px;height:24px;margin:-12px;border-radius:50%;background:var(--z-orange);box-shadow:0 0 0 12px rgba(240,106,34,.15),0 0 55px rgba(240,106,34,.7);animation:z-pulse 2.4s infinite}
@keyframes z-pulse{50%{box-shadow:0 0 0 24px rgba(240,106,34,0),0 0 80px rgba(240,106,34,.85)}}
.z-supply__map>span{position:absolute;left:var(--x);top:var(--y);padding:8px 11px;background:rgba(13,11,10,.62);border:1px solid rgba(243,232,214,.22);font-size:.55rem;font-weight:900;letter-spacing:.14em;transform:translate(-50%,-50%)}
.z-route{position:absolute;left:48%;top:48%;width:270px;height:170px;border:1px dashed rgba(243,232,214,.45);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform-origin:left top;animation:z-route 3.8s linear infinite}
.z-route--1{transform:rotate(-145deg)}.z-route--2{transform:rotate(-40deg) scale(1.2)}.z-route--3{transform:rotate(65deg) scale(.85)}
@keyframes z-route{to{stroke-dashoffset:-40px}}
.z-supply__content{position:relative;z-index:2;align-self:center;padding:80px var(--gutter) 80px 20px}
.z-supply__content h2{margin:22px 0 26px;font-size:clamp(4rem,8vw,9rem);line-height:.75;letter-spacing:-.08em;text-transform:uppercase}
.z-supply__content p{max-width:530px;font-size:1.08rem;line-height:1.65;color:rgba(243,232,214,.75)}
.z-supply__content .z-button{margin-top:24px}

/* history */
.z-history{display:grid;grid-template-columns:1.15fr .85fr;min-height:100svh;background:var(--z-cream);color:var(--z-ink)}
.z-history__media{position:relative;overflow:hidden;min-height:720px;margin:0}
.z-history__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(10,6,4,.38));mix-blend-mode:multiply}
.z-history__media img{width:100%;height:100%;object-fit:cover;filter:sepia(.22) contrast(1.06);transition:transform 1.3s var(--ease-out)}
.z-history:hover .z-history__media img{transform:scale(1.025)}
.z-history__media span{position:absolute;left:24px;bottom:22px;z-index:2;background:rgba(243,232,214,.9);padding:9px 12px;font-size:.57rem;font-weight:900;letter-spacing:.16em}
.z-history__content{padding:clamp(80px,8vw,140px) var(--gutter);align-self:center}
.z-history__content h2{margin:22px 0;font-size:clamp(5rem,9vw,10rem);line-height:.7;letter-spacing:-.09em}
.z-history__content>p{font-size:1.1rem;line-height:1.65;color:rgba(18,11,7,.72)}
.z-timeline{margin:38px 0;border-top:1px solid rgba(18,11,7,.2)}
.z-timeline article{display:grid;grid-template-columns:100px 1fr;padding:17px 0;border-bottom:1px solid rgba(18,11,7,.2)}
.z-timeline b{color:var(--z-orange)}
.z-timeline span{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

/* knowledge */
.z-knowledge{background:#0b0806;padding:clamp(100px,11vw,170px) var(--gutter);color:var(--z-cream)}
.z-knowledge__head{display:grid;grid-template-columns:.45fr 1.55fr;gap:3vw;padding-bottom:70px;border-bottom:1px solid var(--z-line)}
.z-knowledge__head h2{margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.76;letter-spacing:-.08em;text-transform:uppercase}
.z-knowledge__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(243,232,214,.16);border:1px solid rgba(243,232,214,.16);margin-top:20px}
.z-article{display:grid;grid-template-columns:70px 1fr;gap:25px;min-height:360px;padding:28px;background:#110c09;transition:background .4s}
.z-article:hover{background:#22130c}
.z-article>span{font-size:3rem;font-weight:900;color:rgba(243,232,214,.12)}
.z-article small{font-size:.56rem;font-weight:900;letter-spacing:.17em;color:var(--z-orange)}
.z-article h3{margin:18px 0;font-size:clamp(2.2rem,4vw,4.6rem);line-height:.87;letter-spacing:-.06em;text-transform:uppercase}
.z-article p{color:rgba(243,232,214,.62);line-height:1.6}
.z-article a{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(243,232,214,.2);font-size:.61rem;font-weight:900;letter-spacing:.15em}

/* FAQ */
.z-faq{background:#15100c;color:var(--z-cream);padding:clamp(100px,10vw,160px) var(--gutter);display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw}
.z-faq__title h2{margin:20px 0;font-size:clamp(4rem,7vw,8rem);line-height:.76;letter-spacing:-.08em;text-transform:uppercase}
.z-accordion article{border-color:rgba(243,232,214,.18)}
.z-accordion button{color:var(--z-cream)}

/* premium footer override */
.site-footer{background:#090604;border-top:1px solid rgba(243,232,214,.14)}
.footer-callout h2{font-size:clamp(3rem,6vw,7rem);line-height:.82;letter-spacing:-.07em}
.footer-grid{border-top:1px solid rgba(243,232,214,.13);padding-top:46px}

@media(max-width:1180px){
  .z-frame--hero h1{font-size:clamp(6rem,14vw,12rem)}
  .z-usecases__header,.z-products__head{grid-template-columns:.35fr 1fr}
  .z-usecases__header p,.z-products__head p{grid-column:2}
  .z-product{min-height:680px}
}
@media(max-width:900px){
  .z-story{height:760vh}.z-story__utility{font-size:.54rem}.z-frame--hero{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;padding-bottom:100px}.z-frame--hero h1{font-size:clamp(5.5rem,17vw,9rem);align-self:center}.z-frame--hero h1 span:last-child{margin-left:0}.z-frame__hero-copy{grid-column:1}.z-spec-card{grid-column:1;width:min(480px,80vw);justify-self:end;margin-top:14px}.z-frame--origin,.z-frame--anatomy,.z-frame--lineup{grid-template-columns:1fr}.z-frame--origin h2{grid-column:1;align-self:start;padding-top:15vh}.z-origin-copy{grid-column:1;grid-row:auto;margin-bottom:8vh}.z-origin-orbit{left:55%;width:65vw}.z-anatomy-title{padding-top:3vh}.z-anatomy-notes{grid-column:1}.z-frame--lineup>.z-button{grid-column:1}.z-story__rail{display:none}
  .z-statement__top,.z-statement__grid,.z-usecases__header,.z-products__head,.z-supply,.z-history,.z-knowledge__head,.z-faq{grid-template-columns:1fr}.z-statement__grid{gap:45px}.z-comparison{min-height:520px}.z-metrics{grid-template-columns:repeat(2,1fr)}
  .z-usecases__viewport{height:72vh;min-height:620px}.z-usecase{flex-basis:88vw;min-width:760px}
  .z-products__head p{grid-column:auto}.z-product:nth-child(1),.z-product:nth-child(2),.z-product:nth-child(3),.z-product:nth-child(4){grid-column:span 6;margin-top:0}.z-supply__map{min-height:70vh}.z-supply__content{padding:70px var(--gutter)}.z-history__media{min-height:620px}.z-knowledge__head{gap:22px}
}
@media(max-width:680px){
  .z-story{height:680vh}.z-story__utility span:last-child{display:none}.z-frame{padding-left:18px;padding-right:18px}.z-frame--hero{padding-top:calc(var(--header-h) + 50px);padding-bottom:88px}.z-frame__brandline span:last-child{display:none}.z-frame--hero h1{font-size:clamp(4.4rem,21vw,7rem)}.z-frame__hero-copy p{font-size:.93rem}.z-frame__actions{gap:8px}.z-button{min-height:50px;padding:0 17px;font-size:.58rem}.z-spec-card{display:none}.z-frame--origin h2,.z-anatomy-title h2,.z-applications-heading h2,.z-frame--lineup h2{font-size:clamp(3.8rem,17vw,6rem)}.z-origin-copy{margin-bottom:9vh}.z-origin-copy p{font-size:.95rem}.z-origin-copy li{font-size:.62rem}.z-origin-orbit{display:none}.z-anatomy-notes{grid-template-columns:1fr;max-height:52vh;overflow:auto}.z-anatomy-notes article{min-height:unset;padding:15px}.z-anatomy-notes b{margin-bottom:12px}.z-anatomy-notes p{font-size:.72rem}.z-use-mosaic{grid-template-columns:1fr 1fr}.z-frame--applications>p{font-size:.9rem}.z-application-tabs{grid-template-columns:1fr 1fr}.z-application-tabs span{padding:11px 8px;font-size:.48rem}.z-frame--lineup{padding-bottom:96px}.z-lineup-links a{grid-template-columns:75px 1fr;padding:12px 0}.z-story__counter{right:18px}.z-story__scroll{left:18px}
  .z-statement{padding:90px 18px}.z-statement__top{gap:24px;padding-bottom:40px}.z-statement h2{font-size:clamp(3.7rem,17vw,6rem)}.z-comparison{min-height:420px}.z-metrics{grid-template-columns:1fr 1fr}.z-metrics article{min-height:150px;padding:18px}.z-metrics strong{font-size:2.3rem}
  .z-usecases{padding-top:90px}.z-usecases__header{padding:0 18px 45px}.z-usecases__header h2,.z-products__head h2,.z-supply__content h2,.z-history__content h2,.z-knowledge__head h2,.z-faq__title h2{font-size:clamp(3.5rem,15vw,5.7rem)}.z-usecases__viewport{height:68vh;min-height:560px}.z-usecase{flex-basis:92vw;min-width:92vw;padding:28px}.z-usecase h3{font-size:clamp(3.6rem,16vw,5.7rem)}
  .z-products{padding:90px 18px}.z-products__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.z-product,.z-product:nth-child(1),.z-product:nth-child(2),.z-product:nth-child(3),.z-product:nth-child(4){min-width:88vw;min-height:650px;scroll-snap-align:center}.z-product__info h3{font-size:1.8rem}
  .z-supply{display:block}.z-supply__map{min-height:58vh}.z-history{display:block}.z-history__media{min-height:520px}.z-history__content{padding:80px 18px}.z-knowledge{padding:90px 18px}.z-knowledge__grid{grid-template-columns:1fr}.z-article{grid-template-columns:52px 1fr;min-height:320px;padding:20px}.z-article h3{font-size:2.4rem}.z-faq{padding:90px 18px}
}
@media(prefers-reduced-motion:reduce){
  .z-story{height:100svh}.z-story__sticky{position:relative}.z-bg:not(:first-child),.z-frame:not(:nth-of-type(1)),.z-story__canvas{display:none!important}.z-story__fallback{opacity:1!important}.z-frame--hero{opacity:1!important;visibility:visible!important;transform:none!important}.z-usecases__track{transform:none!important;overflow-x:auto}.z-usecases__viewport{overflow-x:auto}
}

/* ========================================================================== 
   CARVÃO ZANETTI V3 — ORYZO-LED EDITORIAL SYSTEM
   Exact visual vocabulary supplied by the project reference.
   ========================================================================== */
:root{
  --color-warm-cream:#ffedd7;
  --color-walnut-shadow:#100904;
  --color-bark-brown:#382416;
  --color-cork-border:#40372e;
  --color-driftwood:#6c5f51;
  --color-ember-accent:#dc5000;
  --color-pure-black:#000000;
  --font-halyard-display-variable:Inter,"Helvetica Neue",Arial,sans-serif;
  --font-arial:Arial,Helvetica,sans-serif;
  --text-subheading:18px;
  --leading-subheading:1;
  --text-heading-sm:24px;
  --leading-heading-sm:1.09;
  --text-body:29px;
  --leading-body:1.26;
  --text-heading:41px;
  --leading-heading:.9;
  --text-display:51px;
  --leading-display:.9;
  --spacing-6:6px;
  --spacing-8:8px;
  --spacing-9:9px;
  --spacing-10:10px;
  --spacing-12:12px;
  --spacing-14:14px;
  --spacing-18:18px;
  --spacing-24:24px;
  --spacing-31:31px;
  --spacing-41:41px;
  --spacing-45:45px;
  --spacing-68:68px;
  --spacing-204:204px;
  --radius-xl:12px;
  --radius-2xl:22.5px;
  --radius-3xl:36px;
  --radius-full:9999px;
  --o3-gutter:clamp(18px,3.6vw,68px);
  --o3-ease:cubic-bezier(.16,1,.3,1);
}
body:has(.o3-home){background:var(--color-walnut-shadow);color:var(--color-warm-cream);font-family:var(--font-halyard-display-variable);cursor:auto}
body:has(.o3-home).is-loading{overflow:hidden}
body:has(.o3-home) .skip-link{background:var(--color-warm-cream);color:var(--color-walnut-shadow)}

/* Minimal loader: a progress instrument, not an intro animation. */
.o3-loader{position:fixed;inset:0;z-index:5000;background:var(--color-walnut-shadow);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-24) var(--o3-gutter);transition:opacity .65s ease,visibility .65s ease}
.o3-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.o3-loader__line{height:1px;background:var(--color-cork-border);overflow:hidden}
.o3-loader__line i{display:block;width:0;height:100%;background:var(--color-warm-cream);transition:width .15s linear}
.o3-loader__meta{display:flex;justify-content:space-between;padding-top:var(--spacing-12);font:500 10px/1.2 var(--font-halyard-display-variable);color:var(--color-warm-cream)}

/* Fixed top navigation copied as a system, not restyled into a generic header. */
.o3-header{position:fixed;z-index:1500;inset:0 0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--o3-gutter);color:var(--color-warm-cream);background:transparent;transition:background .35s ease,border-color .35s ease}
.o3-header.is-solid{background:rgba(16,9,4,.92);border-bottom:1px dashed var(--color-cork-border)}
.o3-brand{display:flex;align-items:center;gap:var(--spacing-10);font-size:12px;font-weight:500;line-height:1;text-transform:uppercase}
.o3-brand img{width:25px;height:34px;object-fit:contain;border-radius:0;background:none;padding:0}
.o3-nav{display:flex;align-items:center;gap:var(--spacing-31)}
.o3-nav a{position:relative;padding:4px 0;font-size:12px;font-weight:500;line-height:1;text-transform:uppercase}
.o3-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;border-bottom:1px dashed var(--color-cork-border);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--o3-ease)}
.o3-nav a:hover::after,.o3-nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.o3-menu{display:none;width:42px;height:42px;background:none;border:0;padding:9px}
.o3-menu span{display:block;height:1px;background:var(--color-warm-cream);margin:7px 0}
.o3-mobile{position:fixed;inset:0;z-index:1400;background:var(--color-walnut-shadow);padding:110px var(--o3-gutter) 30px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-102%);transition:transform .7s var(--o3-ease)}
.o3-mobile.is-open{transform:none}
.o3-mobile nav{display:flex;flex-direction:column}
.o3-mobile nav a{font-size:clamp(34px,11vw,64px);font-weight:500;line-height:.95;text-transform:uppercase;border-bottom:1px dashed var(--color-cork-border);padding:15px 0}
.o3-mobile p{font-size:12px;line-height:1.45;text-transform:uppercase;color:var(--color-driftwood)}
.o3-serial{position:fixed;z-index:1450;right:12px;top:50%;transform:translate(50%,-50%) rotate(90deg);transform-origin:center;font-size:10px;font-weight:500;line-height:1;text-transform:uppercase;color:var(--color-warm-cream);pointer-events:none}

.o3-home{background:var(--color-walnut-shadow);color:var(--color-warm-cream)}
.o3-home h1,.o3-home h2,.o3-home h3,.o3-home strong,.o3-home b{font-weight:500}
.o3-home p{margin:0}

/* Six-scene sticky product narrative. */
.o3-story{position:relative;height:600vh;background:var(--color-walnut-shadow)}
.o3-story__sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--color-walnut-shadow);isolation:isolate}
.o3-story__workbench{position:absolute;inset:0;z-index:0;background:url('../images/v3/hero-workbench.webp') center/cover no-repeat;opacity:1;will-change:opacity}
.o3-story__fallback-product{position:absolute;z-index:2;left:50%;top:50%;width:min(31vw,430px);height:auto;transform:translate(-50%,-50%);transform-origin:center;object-fit:contain;will-change:transform,opacity,filter}
.webgl-v3-ready .o3-story__fallback-product{opacity:0!important}
.o3-story__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.o3-story__grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.o3-frame{position:absolute;inset:64px 0 0;z-index:10;padding:var(--spacing-24) var(--o3-gutter) var(--spacing-31);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform,clip-path;transition:visibility 0s linear .55s}
.o3-frame.is-active{visibility:visible;pointer-events:auto;transition-delay:0s}

/* Hero photographic context. */
.o3-frame--hero{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr auto;align-items:start}
.o3-hero__tag{grid-column:1/3;font-size:12px;font-weight:500;line-height:1;text-transform:uppercase;margin-top:8px}
.o3-frame--hero h1{grid-column:1/3;margin:18px 0 0;font-size:clamp(70px,13.1vw,250px);line-height:.76;letter-spacing:-.065em;text-transform:uppercase;color:var(--color-warm-cream);max-width:95vw}
.o3-hero__body{grid-column:2;align-self:end;justify-self:end;width:min(420px,100%);font-size:clamp(18px,2vw,29px);line-height:1.26;font-weight:400}
.o3-hero__card{position:absolute;left:var(--o3-gutter);bottom:var(--spacing-31);width:min(305px,35vw);padding:var(--spacing-18);border-radius:var(--radius-xl);background:rgba(255,237,215,.13);backdrop-filter:blur(16px);border:1px solid rgba(255,237,215,.18)}
.o3-hero__card strong{display:block;font-size:12px;line-height:1;text-transform:uppercase;padding-bottom:var(--spacing-12);border-bottom:1px dashed rgba(255,237,215,.35)}
.o3-hero__card span{display:block;padding-top:var(--spacing-12);font-size:14px;line-height:1.35;font-weight:400}
.o3-hero__thumb{position:absolute;right:calc(var(--o3-gutter) + 18px);bottom:var(--spacing-31);width:145px;padding:var(--spacing-8);border-radius:var(--radius-xl);background:var(--color-bark-brown);border:1px solid var(--color-cork-border)}
.o3-hero__thumb img{height:92px;width:100%;object-fit:cover;object-position:center 28%;border-radius:7px}
.o3-hero__thumb span{display:block;padding-top:var(--spacing-8);font-size:10px;font-weight:500;line-height:1;text-transform:uppercase}

/* Void reveal: three-column statement, product centered by WebGL. */
.o3-frame--reveal{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.1fr) minmax(250px,1fr);align-items:center;gap:var(--spacing-18)}
.o3-frame--reveal h2{grid-column:1;margin:0;max-width:420px;font-size:clamp(34px,4.3vw,72px);line-height:.9;text-transform:uppercase}
.o3-frame--reveal p{grid-column:3;font-size:clamp(20px,2.15vw,29px);line-height:1.26;font-weight:400;max-width:510px}

/* Side profile / orbit, closely following the reference's portable section. */
.o3-frame--portable{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:var(--spacing-18)}
.o3-portable__copy{grid-column:1;align-self:center}
.o3-portable__copy>span{display:block;margin-bottom:var(--spacing-18);font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-portable__copy h2{margin:0;font-size:clamp(34px,4vw,65px);line-height:.9;text-transform:uppercase}
.o3-frame--portable>p{grid-column:3;font-size:clamp(20px,2.15vw,29px);line-height:1.26;font-weight:400}
.o3-portable__orbit{position:absolute;left:50%;top:50%;width:min(38vw,540px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.o3-portable__orbit i{position:absolute;inset:calc(var(--i,0)*12%);border:1px solid var(--color-cork-border);border-radius:50%;opacity:.72}
.o3-portable__orbit i:nth-child(1){--i:0}.o3-portable__orbit i:nth-child(2){--i:1}.o3-portable__orbit i:nth-child(3){--i:2}.o3-portable__orbit i:nth-child(4){--i:3}
.o3-portable__orbit::before,.o3-portable__orbit::after{content:"";position:absolute;background:var(--color-driftwood)}
.o3-portable__orbit::before{width:1px;top:0;bottom:0;left:50%}.o3-portable__orbit::after{height:1px;left:0;right:0;top:50%}

/* Horizontal media strip, not a conventional carousel/card grid. */
.o3-frame--strip{display:flex;align-items:center;justify-content:center;overflow:hidden}
.o3-strip{position:absolute;left:-7vw;right:-7vw;top:50%;height:min(39vh,390px);transform:translateY(-50%);display:grid;grid-template-columns:1fr .8fr .9fr .8fr 1fr;gap:var(--spacing-18);align-items:center}
.o3-strip figure{position:relative;height:68%;margin:0;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-bark-brown);border:1px solid var(--color-cork-border)}
.o3-strip figure:nth-child(2),.o3-strip figure:nth-child(4){height:82%}
.o3-strip figure.is-primary{height:100%;background:var(--color-ember-accent)}
.o3-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}
.o3-strip figure.is-primary img{object-fit:contain;padding:12px;filter:none}
.o3-strip figcaption,.o3-strip figure span{position:absolute;left:12px;bottom:10px;font-size:10px;text-transform:uppercase;color:var(--color-warm-cream)}
.o3-strip__title{position:absolute;left:var(--o3-gutter);top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}
.o3-strip__title span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-strip__title h2{margin:12px 0 0;font-size:clamp(38px,5vw,82px);line-height:.9;text-transform:uppercase;text-shadow:0 0 38px var(--color-walnut-shadow)}

/* Vertical media frame transition. */
.o3-frame--portrait{display:grid;grid-template-columns:1fr minmax(320px,430px) 1fr;align-items:center;gap:var(--spacing-31)}
.o3-portrait__card{grid-column:2;height:min(70vh,720px);position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-cork-border);background:var(--color-bark-brown)}
.o3-portrait__card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.12)}
.o3-portrait__card span{position:absolute;left:14px;right:14px;bottom:14px;padding-top:10px;border-top:1px dashed rgba(255,237,215,.48);font-size:10px;text-transform:uppercase}
.o3-portrait__copy{grid-column:1;grid-row:1;align-self:center}
.o3-portrait__copy span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-portrait__copy h2{margin:14px 0 0;font-size:clamp(36px,4.5vw,72px);line-height:.9;text-transform:uppercase}

/* Workbench return. */
.o3-frame--return{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;padding-bottom:var(--spacing-68)}
.o3-return__label{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-frame--return h2{margin:12px 0 16px;font-size:clamp(46px,7vw,116px);line-height:.82;text-transform:uppercase}
.o3-frame--return p{width:min(440px,90%);font-size:20px;line-height:1.36;font-weight:400}

.o3-story__progress{position:absolute;z-index:20;left:50%;bottom:18px;width:120px;height:1px;transform:translateX(-50%);background:var(--color-cork-border);overflow:hidden}
.o3-story__progress span{display:block;width:0;height:100%;background:var(--color-warm-cream)}
.o3-story__count{position:absolute;z-index:20;left:var(--o3-gutter);bottom:18px;display:flex;align-items:baseline;gap:8px;font-size:10px}
.o3-story__count b{font-size:18px}
.o3-story__scroll{position:absolute;z-index:20;right:calc(var(--o3-gutter) + 20px);bottom:18px;font-size:10px;text-transform:uppercase}

/* Technical charcoal section: grayscale grid and product science, like the reference technical reveal. */
.o3-tech{position:relative;min-height:100svh;background:#171411;color:var(--color-warm-cream);overflow:hidden;padding:90px var(--o3-gutter) 50px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr auto;gap:var(--spacing-31)}
.o3-tech__visual{position:absolute;inset:0 46% 0 0;overflow:hidden}
.o3-tech__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,4,.15),#171411 95%)}
.o3-tech__visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.55) brightness(.48)}
.o3-tech__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,237,215,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,237,215,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black 32%,black)}
.o3-tech__copy{position:relative;z-index:2;grid-column:2;align-self:center;padding-left:var(--spacing-31)}
.o3-tech__copy>span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-tech__copy h2{margin:18px 0 24px;font-size:clamp(40px,5vw,82px);line-height:.9;text-transform:uppercase}
.o3-tech__copy p{font-size:clamp(20px,2vw,29px);line-height:1.26;font-weight:400;max-width:650px}
.o3-tech__specs{position:relative;z-index:2;grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed var(--color-cork-border)}
.o3-tech__specs article{padding:var(--spacing-24);border-right:1px dashed var(--color-cork-border)}
.o3-tech__specs article:last-child{border-right:0}
.o3-tech__specs span{display:block;color:var(--color-ember-accent);font-size:10px}
.o3-tech__specs strong{display:block;margin:18px 0 10px;font-size:18px;text-transform:uppercase}
.o3-tech__specs p{font-size:14px;line-height:1.35;color:var(--color-driftwood)}

/* Warm cream origin statement, mirroring the reference's sustainability contrast section. */
.o3-origin{min-height:100svh;background:var(--color-warm-cream) url('../images/v3/cream-paper.webp') center/cover;color:var(--color-walnut-shadow);padding:90px var(--o3-gutter) var(--spacing-68);display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:auto 1fr auto;gap:var(--spacing-31);align-items:start}
.o3-origin__label{grid-column:1/3;font-size:12px;text-transform:uppercase}
.o3-origin h2{grid-column:1/3;margin:10px 0 0;font-size:clamp(55px,9vw,170px);line-height:.78;letter-spacing:-.055em;text-transform:uppercase;max-width:1500px}
.o3-origin p{grid-column:2;font-size:clamp(20px,2.1vw,29px);line-height:1.26;font-weight:400;align-self:end}
.o3-text-link{grid-column:2;width:max-content;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:12px;text-transform:uppercase}

/* Product line: one statement, no cards-within-cards. */
.o3-line{min-height:100svh;padding:90px var(--o3-gutter) var(--spacing-68);background:var(--color-walnut-shadow);display:flex;flex-direction:column}
.o3-line__head{display:grid;grid-template-columns:.65fr 1.35fr;gap:var(--spacing-31);align-items:end;border-bottom:1px dashed var(--color-cork-border);padding-bottom:var(--spacing-31)}
.o3-line__head>span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-line__head h2{margin:0;font-size:clamp(48px,7vw,120px);line-height:.82;text-transform:uppercase}
.o3-line__head p{grid-column:2;font-size:clamp(18px,1.8vw,24px);line-height:1.3;font-weight:400;max-width:700px}
.o3-line__products{display:grid;grid-template-columns:repeat(3,1fr);min-height:58vh;border-bottom:1px dashed var(--color-cork-border)}
.o3-pack{position:relative;display:grid;grid-template-rows:auto 1fr auto;padding:var(--spacing-24);border-right:1px dashed var(--color-cork-border);overflow:hidden}
.o3-pack:last-child{border-right:0}
.o3-pack>span{font-size:10px;color:var(--color-ember-accent)}
.o3-pack img{align-self:center;justify-self:center;width:min(68%,300px);height:min(42vh,520px);object-fit:contain;transition:transform .8s var(--o3-ease)}
.o3-pack:hover img{transform:translateY(-10px) rotate(1.5deg)}
.o3-pack div{border-top:1px dashed var(--color-cork-border);padding-top:var(--spacing-14)}
.o3-pack strong{display:block;font-size:18px;text-transform:uppercase}
.o3-pack p{margin:8px 0 12px;font-size:14px;line-height:1.35;color:var(--color-driftwood)}
.o3-pack b{font-size:10px;text-transform:uppercase}
.o3-line>.o3-pill{align-self:flex-end;margin-top:var(--spacing-31)}

.o3-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:14px 24px;border-radius:var(--radius-3xl);background:var(--color-bark-brown);color:var(--color-warm-cream);font-size:12px;font-weight:500;line-height:1;text-transform:uppercase;border:1px solid var(--color-bark-brown);transition:background .3s,color .3s}
.o3-pill:hover{background:var(--color-warm-cream);color:var(--color-walnut-shadow)}
.o3-ghost{display:inline-flex;width:max-content;margin-top:var(--spacing-31);padding:8px 0;border-bottom:1px solid var(--color-warm-cream);font-size:12px;text-transform:uppercase}

.o3-supply{min-height:100svh;background:var(--color-bark-brown);padding:90px var(--o3-gutter) var(--spacing-68);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--spacing-68);align-items:center}
.o3-supply__side>span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-supply h2{margin:18px 0 0;font-size:clamp(48px,7vw,118px);line-height:.82;text-transform:uppercase}
.o3-supply__copy p{font-size:clamp(20px,2.1vw,29px);line-height:1.26;font-weight:400}

.o3-knowledge{padding:90px var(--o3-gutter) var(--spacing-68);background:var(--color-walnut-shadow)}
.o3-knowledge__head{display:grid;grid-template-columns:.55fr 1.45fr;gap:var(--spacing-31);padding-bottom:var(--spacing-31);border-bottom:1px dashed var(--color-cork-border)}
.o3-knowledge__head span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-knowledge__head h2{margin:0;font-size:clamp(44px,6vw,98px);line-height:.86;text-transform:uppercase}
.o3-knowledge__list a{display:grid;grid-template-columns:70px 1fr 1fr 30px;gap:var(--spacing-18);align-items:center;padding:var(--spacing-24) 0;border-bottom:1px dashed var(--color-cork-border)}
.o3-knowledge__list a>span{font-size:10px;color:var(--color-ember-accent)}
.o3-knowledge__list strong{font-size:24px;line-height:1.09;text-transform:uppercase}
.o3-knowledge__list p{font-size:15px;line-height:1.35;color:var(--color-driftwood)}
.o3-knowledge__list b{justify-self:end}

.o3-faq{padding:90px var(--o3-gutter) var(--spacing-68);background:var(--color-walnut-shadow);display:grid;grid-template-columns:.72fr 1.28fr;gap:var(--spacing-68)}
.o3-faq>div:first-child>span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-faq h2{margin:18px 0 0;font-size:clamp(42px,5.4vw,88px);line-height:.86;text-transform:uppercase}
.o3-accordion article{border-top:1px dashed var(--color-cork-border)}
.o3-accordion article:last-child{border-bottom:1px dashed var(--color-cork-border)}
.o3-accordion button{width:100%;display:grid;grid-template-columns:45px 1fr 30px;gap:var(--spacing-18);align-items:center;padding:var(--spacing-24) 0;background:none;border:0;text-align:left;cursor:pointer}
.o3-accordion button span{font-size:10px;color:var(--color-ember-accent)}
.o3-accordion button strong{font-size:18px;text-transform:uppercase}
.o3-accordion button i{font-style:normal;font-size:24px;transition:transform .35s}
.o3-accordion article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--o3-ease)}
.o3-accordion article>div>*{overflow:hidden}
.o3-accordion article>div p{padding:0 45px 0 63px;font-size:18px;line-height:1.45;font-weight:400;color:var(--color-driftwood)}
.o3-accordion article.is-open>div{grid-template-rows:1fr}
.o3-accordion article.is-open>div p{padding-bottom:var(--spacing-24)}
.o3-accordion article.is-open button i{transform:rotate(45deg)}

/* Minimal footer, same warm-dark editorial language. */
.o3-footer{background:var(--color-walnut-shadow);color:var(--color-warm-cream);padding:90px var(--o3-gutter) var(--spacing-24)}
.o3-footer__lead{display:grid;grid-template-columns:.5fr 1.25fr .35fr;gap:var(--spacing-31);align-items:center}
.o3-footer__lead>span{font-size:12px;text-transform:uppercase;color:var(--color-ember-accent)}
.o3-footer__lead h2{margin:0;font-size:clamp(44px,6vw,98px);line-height:.86;text-transform:uppercase}
.o3-footer__lead .o3-pill{justify-self:end}
.o3-footer__rule{margin:var(--spacing-68) 0;border-top:1px dashed var(--color-cork-border)}
.o3-footer__grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:var(--spacing-41)}
.o3-footer__brand img{width:72px;height:auto;margin-bottom:var(--spacing-18)}
.o3-footer__brand p{max-width:440px;font-size:14px;line-height:1.55;color:var(--color-driftwood)}
.o3-footer__grid>div:not(.o3-footer__brand){display:flex;flex-direction:column;gap:12px}
.o3-footer__grid strong{font-size:10px;text-transform:uppercase;color:var(--color-driftwood);margin-bottom:6px}
.o3-footer__grid a,.o3-footer__grid span{font-size:12px;line-height:1.4;text-transform:uppercase}
.o3-footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:var(--spacing-68);padding-top:var(--spacing-18);border-top:1px dashed var(--color-cork-border);font-size:8px;font-family:var(--font-arial);font-weight:500;text-transform:uppercase}
.o3-whatsapp{position:fixed;z-index:1200;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--color-bark-brown);border:1px solid var(--color-cork-border);font-size:10px;font-weight:500;color:var(--color-warm-cream)}

@media(max-width:980px){
  .o3-nav{display:none}.o3-menu{display:block}.o3-serial{display:none}
  .o3-frame{inset:64px 0 0;padding:18px}
  .o3-frame--hero{display:block}
  .o3-frame--hero h1{font-size:clamp(64px,18vw,140px);margin-top:24px}
  .o3-hero__body{position:absolute;right:18px;bottom:160px;width:min(62vw,390px);font-size:20px}
  .o3-hero__card{left:18px;bottom:18px;width:min(48vw,290px)}
  .o3-hero__thumb{right:18px;bottom:18px;width:120px}
  .o3-frame--reveal,.o3-frame--portable{grid-template-columns:1fr 1fr;align-content:center}
  .o3-frame--reveal h2,.o3-portable__copy{grid-column:1}
  .o3-frame--reveal p,.o3-frame--portable>p{grid-column:2}
  .o3-portable__orbit{width:48vw}
  .o3-strip{left:-35vw;right:-35vw}
  .o3-frame--portrait{grid-template-columns:1fr minmax(280px,380px)}
  .o3-portrait__card{grid-column:2}.o3-portrait__copy{grid-column:1}
  .o3-tech{grid-template-columns:1fr;padding-top:80px}.o3-tech__visual{inset:0 0 52% 0}.o3-tech__copy{grid-column:1;align-self:end;padding:0;margin-top:48vh}.o3-tech__specs{grid-column:1}
  .o3-origin{grid-template-columns:1fr}.o3-origin__label,.o3-origin h2,.o3-origin p,.o3-text-link{grid-column:1}.o3-origin p{max-width:700px}
  .o3-line__head{grid-template-columns:1fr}.o3-line__head h2,.o3-line__head p{grid-column:1}
  .o3-supply,.o3-faq{grid-template-columns:1fr}
  .o3-knowledge__head{grid-template-columns:1fr}.o3-knowledge__list a{grid-template-columns:55px 1fr 30px}.o3-knowledge__list p{display:none}.o3-knowledge__list b{grid-column:3}
  .o3-footer__lead{grid-template-columns:1fr}.o3-footer__lead .o3-pill{justify-self:start}.o3-footer__grid{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .o3-header{height:58px;padding:0 16px}.o3-brand span{font-size:11px}
  .o3-story{height:600svh}.o3-frame{inset:58px 0 0;padding:16px 16px 34px}
  .o3-hero__tag{font-size:9px;max-width:70%}
  .o3-frame--hero h1{font-size:clamp(58px,20vw,105px);line-height:.78;margin-top:22px}
  .o3-hero__body{left:16px;right:16px;bottom:172px;width:auto;font-size:17px;max-width:310px}
  .o3-hero__card{left:16px;bottom:16px;width:calc(100% - 164px);padding:12px}.o3-hero__card span{font-size:12px}.o3-hero__thumb{right:16px;bottom:16px;width:132px}
  .o3-frame--reveal,.o3-frame--portable{display:flex;flex-direction:column;justify-content:space-between;padding-top:100px;padding-bottom:100px}
  .o3-frame--reveal h2,.o3-portable__copy h2{font-size:38px;max-width:75%}
  .o3-frame--reveal p,.o3-frame--portable>p{font-size:18px;max-width:75%;align-self:flex-end}
  .o3-portable__orbit{width:76vw}
  .o3-strip{left:-135vw;right:-135vw;height:38vh;grid-template-columns:repeat(5,1fr);gap:12px}.o3-strip figure{min-width:44vw}.o3-strip__title{left:16px;top:20%;transform:none}.o3-strip__title h2{font-size:42px}
  .o3-frame--portrait{display:block}.o3-portrait__card{position:absolute;right:16px;top:18%;width:54vw;height:58vh}.o3-portrait__copy{position:absolute;left:16px;bottom:18%;width:65vw}.o3-portrait__copy h2{font-size:38px}
  .o3-frame--return{padding:16px 16px 82px}.o3-frame--return h2{font-size:56px}.o3-frame--return p{font-size:16px}
  .o3-story__scroll{display:none}.o3-story__progress{width:90px}
  .o3-tech{padding:70px 16px 30px}.o3-tech__copy h2{font-size:42px}.o3-tech__copy p{font-size:18px}.o3-tech__specs{grid-template-columns:1fr}.o3-tech__specs article{border-right:0;border-bottom:1px dashed var(--color-cork-border)}
  .o3-origin,.o3-line,.o3-supply,.o3-knowledge,.o3-faq,.o3-footer{padding:70px 16px 40px}.o3-origin h2{font-size:58px}.o3-origin p{font-size:18px}
  .o3-line__products{grid-template-columns:1fr}.o3-pack{min-height:70vh;border-right:0;border-bottom:1px dashed var(--color-cork-border)}.o3-pack img{height:46vh}
  .o3-supply h2{font-size:52px}.o3-supply__copy p{font-size:18px}
  .o3-knowledge__head h2,.o3-faq h2,.o3-footer__lead h2{font-size:42px}
  .o3-knowledge__list a{grid-template-columns:35px 1fr 20px;padding:18px 0}.o3-knowledge__list strong{font-size:18px}
  .o3-accordion button{grid-template-columns:35px 1fr 24px}.o3-accordion button strong{font-size:15px}.o3-accordion article>div p{padding-left:53px;font-size:15px}
  .o3-footer__grid{grid-template-columns:1fr}.o3-footer__bottom{flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .o3-story{height:auto}.o3-story__sticky{position:relative}.o3-frame{position:relative;inset:auto;min-height:100svh;opacity:1!important;visibility:visible!important;transform:none!important}.o3-story__canvas{display:none}.o3-story__fallback{opacity:.28}.o3-story__progress,.o3-story__count,.o3-story__scroll{display:none}
}

/* V3 visual calibration after rendered review */
@media(min-width:981px){.o3-hero__body{position:absolute;right:var(--o3-gutter);top:48%;transform:translateY(-50%);align-self:auto;justify-self:auto}}
.o3-tech__visual img{filter:grayscale(1) contrast(1.45) brightness(.72)}

@media(max-width:680px){.o3-story__fallback-product{width:min(56vw,330px)}}

/* Final composition calibration */
.o3-frame--return{display:grid;grid-template-columns:1fr 1fr;align-content:end;align-items:end;text-align:left;gap:var(--spacing-41);padding-bottom:var(--spacing-68)}
.o3-return__label{position:absolute;left:var(--o3-gutter);top:24px}
.o3-frame--return h2{grid-column:1;margin:0;font-size:clamp(42px,5.2vw,86px);line-height:.86}
.o3-frame--return p{grid-column:2;justify-self:end;width:min(430px,100%);font-size:18px}
@media(max-width:680px){.o3-frame--return{grid-template-columns:1fr;padding:16px 16px 74px}.o3-return__label{left:16px;top:22px}.o3-frame--return h2{grid-column:1;font-size:43px}.o3-frame--return p{grid-column:1;font-size:15px;max-width:70%;justify-self:end}}

/* Mobile final pass: no clipped typography or overlapping copy. */
@media(max-width:680px){
  .o3-hero__body{bottom:166px;font-size:15px;line-height:1.34;max-width:260px}
  .o3-tech__copy{min-width:0;overflow:hidden}
  .o3-tech__copy h2{font-size:35px;line-height:.92;overflow-wrap:anywhere}
  .o3-tech__copy p{font-size:16px;line-height:1.34}
  .o3-origin h2{font-size:48px;line-height:.8;overflow-wrap:anywhere}
  .o3-supply h2{font-size:44px;line-height:.84;overflow-wrap:anywhere}
  .o3-supply__copy p{font-size:16px;line-height:1.36}
  .o3-frame--return h2{font-size:38px;line-height:.86}
  .o3-frame--return p{font-size:13px;line-height:1.35;max-width:76%}
}