@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif;--selected:var(--accent);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{line-height:.98;letter-spacing:-.06em}h2{font-size:clamp(40px,5.1vw,76px)}h3{font-size:24px;letter-spacing:-.03em}p{max-width:55ch}.skip{position:fixed;z-index:99;top:-100px;background:var(--ink);color:var(--bg);padding:14px}.skip:focus{top:0}.nav{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;position:relative;z-index:5}.wordmark{font-size:25px;font-weight:700;letter-spacing:-.035em}.nav nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:600}.nav .nav-cta{border:1px solid var(--line);padding:11px 20px;border-radius:100px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;margin-bottom:22px}.hero{position:relative;min-height:780px;height:calc(100svh - 86px);max-height:1020px;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;left:6vw;top:19%;z-index:2;max-width:470px}.hero h1{font-size:clamp(68px,7vw,112px);font-weight:500}.hero-copy>p:not(.eyebrow){margin-top:26px;font-size:16px;max-width:31ch;opacity:.73}.hero-copy .cta{margin-top:28px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;border:0;border-radius:100px;padding:14px 27px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:600}.cta::after{content:'↗';font-size:20px}.cta:hover{filter:brightness(.86)}.stage{position:absolute;width:59%;height:86%;right:0;top:2%;touch-action:pan-y}.stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;position:relative;z-index:1}.stage canvas:active{cursor:grabbing}.stage::before{content:'';position:absolute;width:50%;height:10%;border-radius:100%;background:radial-gradient(ellipse,#0003,transparent 65%);filter:blur(12px);bottom:5%;left:25%}#fallback{position:absolute;inset:45% 20% auto;text-align:center;font-size:12px;opacity:.65}.ready #fallback{display:none}.failed canvas{display:none}.product-caption{position:absolute;right:6vw;bottom:90px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;z-index:2}.controls{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;z-index:3;gap:20px}.control-group{display:flex;align-items:center;gap:7px}.control-group button{width:42px;height:42px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);border-radius:50%;font-size:19px}.control-group button:hover{background:var(--ink);color:var(--bg)}.control-hint{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-left:10px}.pause{background:none;border:none;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.scene-word{position:absolute;line-height:.8;font-size:24vw;letter-spacing:-.07em;user-select:none;pointer-events:none;font-weight:700;opacity:.05;z-index:-1}.scroll-note{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.section{padding:120px 7vw}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:64px}.section-top p{max-width:34ch;font-size:15px;opacity:.7}.editorial{background:var(--panel)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:38px 30px;min-height:280px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;position:relative;overflow:hidden}.feature p{font-size:14px;opacity:.7;margin-top:18px}.feature button{align-self:flex-start;margin-top:auto;border:0;background:transparent;padding:26px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.feature-mark{font-size:48px;line-height:1;margin-bottom:32px;color:var(--accent);font-weight:500;letter-spacing:-.05em}.statement{position:relative;padding:130px 10vw;overflow:hidden;text-align:center;background:var(--statement);color:var(--statement-ink)}.statement p{max-width:20ch;margin:auto;font-size:clamp(37px,5.5vw,83px);line-height:1.05;letter-spacing:-.045em}.statement .eyebrow{font-size:11px;margin-bottom:35px;max-width:none;letter-spacing:.2em}.config{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.config h2{max-width:10ch}.config p{margin-top:28px;opacity:.7;font-size:15px}.choice-list{display:grid;gap:10px;margin:24px 0}.choice{width:100%;border:1px solid var(--line);background:var(--panel);padding:19px 22px;display:flex;align-items:center;gap:18px;text-align:left;border-radius:9px}.choice[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.choice .swatch{width:26px;height:26px;border:1px solid #8885;border-radius:100%;background:var(--swatch);box-shadow:inset -3px -3px 7px #0002}.choice .check{margin-left:auto;opacity:0}.choice[aria-pressed=true] .check{opacity:1}.config label,.config .label{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.config .cta{margin-top:20px}.result{font-size:13px;min-height:60px;line-height:1.5}footer{padding:45px 7vw 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:28px}footer p{font-size:11px;opacity:.6;max-width:75ch}footer .footer-nav{display:flex;justify-content:flex-end;align-items:start;gap:26px;font-size:12px}footer .credit{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:46px;max-width:540px;width:calc(100% - 40px)}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}dialog p{margin-top:20px;font-size:15px}dialog button{margin-top:28px;background:var(--ink);color:var(--bg);border:0;border-radius:50px;padding:12px 24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}[data-reveal].shown{opacity:1;transform:none}.hero-copy{animation:enter 1.2s both}.stage{animation:product-in 1.4s both}@keyframes enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes product-in{from{opacity:0;filter:blur(12px);transform:translateY(50px)}to{opacity:1;filter:blur(0);transform:none}}.still *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.still [data-reveal]{opacity:1;transform:none}
/* NOVVA — luz fria, volume suspenso, composição frontal e espaço generoso. */
body[data-brand=apple]{--bg:#f5f7fa;--ink:#172133;--accent:#4071c1;--line:#17213326;--panel:#e8eef5;--glass:#ffffffab;--statement:#172133;--statement-ink:#eff5ff}.apple .hero{background:radial-gradient(ellipse at 75% 40%,#d7ebfa,transparent 65%)}.apple .scene-word{top:7%;left:6%;font-size:20vw;color:#8cb1d1;opacity:.16}.apple .hero-copy{top:24%}.apple .hero h1 span{color:#6f91b7}.apple .feature{background:#f9fbfd}.apple .statement p span{color:#9ebde9}.apple .wordmark{font-size:26px;letter-spacing:-.05em}
/* Porsche — garage éditorial, métal froid et accent peinture. */
body[data-brand=porsche]{--bg:#e8e9e6;--ink:#181b1c;--accent:#7b7924;--line:#181b1c33;--panel:#dfe1dc;--glass:#f1f2edaf;--statement:#202724;--statement-ink:#e8e4c7}.porsche .wordmark{font-size:20px;letter-spacing:.28em}.porsche .hero{min-height:820px}.porsche .hero-copy{top:6%;left:6vw;max-width:none}.porsche .hero h1{font:700 clamp(105px,14vw,230px)/.75 'Barlow Condensed',sans-serif;letter-spacing:-.04em}.porsche .hero h1 span{font:400 28px/1 'DM Sans',sans-serif;letter-spacing:-.04em;display:inline-block;max-width:7ch;margin-left:25px}.porsche .hero-copy>p:not(.eyebrow){position:absolute;left:63vw;top:10px;width:25ch;font-size:14px;margin:0}.porsche .hero-copy .cta{position:absolute;left:63vw;top:100px;white-space:nowrap}.porsche .stage{width:94%;height:76%;top:21%;right:3%}.porsche .scene-word{font:800 29vw/1 'Barlow Condensed';opacity:.025;left:22%;top:12%}.porsche .product-caption{bottom:99px}.porsche .feature{border-radius:0;border-width:1px 0 0;padding-left:0}.porsche .feature-mark{font-family:'Barlow Condensed';font-size:65px}.porsche .section h2{font-family:'Barlow Condensed';text-transform:uppercase;font-size:clamp(50px,7vw,110px)}.porsche .cta,.porsche .choice{border-radius:3px}.porsche.night .hero{background:#b3b9b6}.porsche .statement{background:repeating-linear-gradient(120deg,#202724 0,#202724 130px,#242e28 131px,#242e28 134px)}
/* Rolex — o mostrador é a joia; verde profundo e luz sobre o aço. */
body[data-brand=rolex]{--bg:#062e25;--ink:#f5f3e8;--accent:#d9bb76;--line:#e7eee137;--panel:#0b3c2f;--glass:#164b3bb3;--statement:#eeeae0;--statement-ink:#12392a}.rolex .nav{border:0}.rolex .wordmark{font-family:Georgia,serif;letter-spacing:.14em;color:#e0c68c}.rolex .hero{background:radial-gradient(ellipse at 69% 50%,#347a58 0,#0f4332 37%,#062e25 69%)}.rolex .hero h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(65px,7.5vw,120px);letter-spacing:-.045em}.rolex .hero h1 span{color:#e0c68c;font-style:italic}.rolex .hero-copy{top:22%}.rolex .stage{right:2%;top:-2%;height:96%;width:58%}.rolex .scene-word{font-family:Georgia;left:24%;top:15%;opacity:.025}.rolex .feature{border-radius:0;background:linear-gradient(140deg,#ffffff05,transparent)}.rolex h2{font-family:'Cormorant Garamond';font-weight:400;letter-spacing:-.04em}.rolex .feature-mark{font-family:Georgia;font-size:35px}.rolex .cta{background:#d9c493;color:#123c2b}.rolex .choice{background:#0b3b2e}.rolex .statement p{font-family:'Cormorant Garamond';font-weight:500;font-size:clamp(46px,6.4vw,95px)}
/* Maison Noir — grille couture, noir et ivoire, lumière ambrée. */
body[data-brand=chanel]{--bg:#f9f7f1;--ink:#201e1b;--accent:#a27433;--line:#201e1b35;--panel:#efebe2;--glass:#ffffffab;--statement:#181713;--statement-ink:#f8eed6}.chanel .wordmark{letter-spacing:.2em;font-size:28px}.chanel .nav{height:104px}.chanel .hero{background:linear-gradient(90deg,#f9f7f1 0 46%,#e8ddc8 46%);height:calc(100svh - 104px)}.chanel .hero-copy{top:16%;left:7vw}.chanel .hero h1{font-family:'Cormorant Garamond';font-size:clamp(90px,11vw,175px);font-weight:400}.chanel .hero h1 span{display:block;font-size:.32em;letter-spacing:-.03em;line-height:1.4}.chanel .stage{width:57%;right:0;height:86%;top:0}.chanel .scene-word{left:45%;top:25%;font-family:'Cormorant Garamond';opacity:.075;font-weight:400}.chanel .cta,.chanel .choice{border-radius:0}.chanel .cta{min-width:210px;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.chanel h2{font-family:'Cormorant Garamond';font-weight:400;font-size:clamp(49px,6vw,88px);letter-spacing:-.04em}.chanel .feature{border:0;border-left:1px solid var(--line);border-radius:0}.chanel .feature-mark{font-family:'Cormorant Garamond';font-size:58px}.chanel .statement p{font-family:'Cormorant Garamond';font-weight:400}.chanel .config{grid-template-columns:.85fr 1fr}
/* RUBI — volume, fraîcheur, grand rouge et vague graphique. */
body[data-brand=coca]{--bg:#d50825;--ink:#fff7ef;--accent:#ffd7c0;--line:#ffffff55;--panel:#bd0821;--glass:#de2540b3;--statement:#fff8ed;--statement-ink:#c50e25}.coca .wordmark{font:bold italic 34px Georgia,serif}.coca .hero{background:radial-gradient(ellipse at 70% 45%,#fb5762,transparent 50%)}.coca .hero h1{font:800 clamp(86px,10vw,155px)/.86 'Barlow Condensed';letter-spacing:-.03em;text-transform:uppercase}.coca .hero-copy{top:13%;max-width:530px}.coca .hero h1 span{font-style:italic;color:#ffd8bf}.coca .hero-copy p:not(.eyebrow){opacity:1}.coca .stage{width:56%;height:86%;right:0;top:1%}.coca .scene-word{left:28%;top:25%;font-style:italic;font-family:Georgia;transform:rotate(-20deg);opacity:.07}.coca .hero::after{content:'';position:absolute;border:1px solid #fff5;border-radius:50%;width:120vw;height:30vw;left:20vw;top:14vw;transform:rotate(-28deg);z-index:-1}.coca .feature{border-radius:22px;background:#e42b40;border:0}.coca h2{font:800 clamp(53px,7vw,100px)/.95 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.02em}.coca .statement p{font:700 clamp(48px,7vw,105px)/.93 'Barlow Condensed';text-transform:uppercase}.coca .feature-mark{font-family:'Barlow Condensed';font-size:60px}.coca .choice{background:#e03247}.coca.zero .hero{background:radial-gradient(ellipse at 70% 45%,#713c43,#16181a 80%)}
@media(min-width:1700px){.hero-copy{left:10vw}.stage{right:7%;width:50%}.controls{left:10vw;right:10vw}}
@media(max-width:900px){.nav{padding:0 6vw;height:74px}.nav nav{gap:18px}.nav nav a:first-child{display:none}.hero{height:auto;min-height:990px;max-height:none}.hero-copy{position:relative;left:auto!important;top:auto!important;margin:54px 7vw 0;max-width:75%;}.hero h1{font-size:clamp(66px,12vw,98px)}.hero-copy>p:not(.eyebrow){max-width:40ch;font-size:14px;margin-top:20px}.hero-copy .cta{margin-top:20px}.stage{top:37%!important;right:0!important;width:100%!important;height:57%!important}.scene-word{top:20%!important;left:7%!important;font-size:32vw!important}.product-caption{right:7vw;bottom:78px;font-size:9px}.controls{bottom:22px}.control-hint{display:none}.section{padding:75px 7vw}.section-top{display:block;margin-bottom:40px}.section-top p{margin-top:24px}.feature-grid{grid-template-columns:1fr}.feature{min-height:235px;padding:30px}.feature-mark{margin-bottom:20px}.config,.chanel .config{grid-template-columns:1fr;gap:40px}.config h2{max-width:15ch}footer{grid-template-columns:1fr}.footer-nav{justify-content:flex-start!important}.statement{padding:95px 7vw}.apple .hero-copy{margin-top:50px}.rolex .hero{min-height:1070px}.rolex .stage{top:34%!important;height:64%!important}.rolex .hero h1{font-size:85px}.chanel .nav{height:80px}.chanel .hero{height:auto;min-height:1040px;background:linear-gradient(#f9f7f1 0 44%,#e8ddc8 44%)}.chanel .hero h1{font-size:120px}.chanel .hero-copy{margin-top:35px}.chanel .stage{top:39%!important;height:55%!important}.porsche .hero{min-height:900px}.porsche .hero h1{font-size:145px}.porsche .hero h1 span{font-size:24px}.porsche .hero-copy{margin-top:48px;max-width:none}.porsche .hero-copy>p:not(.eyebrow){position:static;width:auto;max-width:31ch;margin-top:30px}.porsche .hero-copy .cta{position:static;margin-top:23px}.porsche .stage{top:43%!important;height:46%!important}.porsche .product-caption{bottom:86px}.coca .hero{min-height:1030px}.coca .hero h1{font-size:100px}.coca .hero-copy{margin-top:43px}.coca .stage{top:40%!important;height:54%!important}}
@media(max-width:420px){.nav nav{gap:8px}.nav .nav-cta{padding:9px 12px}.wordmark{font-size:22px}.porsche .wordmark{font-size:16px;letter-spacing:.18em}.chanel .wordmark{font-size:23px}.coca .wordmark{font-size:28px}.nav nav a:not(.nav-cta){display:none}.hero-copy{max-width:90%}.hero h1{font-size:72px}.coca .hero h1{font-size:88px}.rolex .hero h1{font-size:74px}.chanel .hero h1{font-size:115px}.controls{gap:8px}.pause{font-size:10px}.product-caption{max-width:150px;text-align:right}.porsche .hero h1{font-size:135px}.porsche .hero h1 span{margin-left:14px;font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
@media(min-width:901px) and (max-height:820px){.hero,.porsche .hero,.rolex .hero,.coca .hero,.chanel .hero{min-height:630px;height:calc(100svh - 86px)}.hero-copy,.apple .hero-copy,.rolex .hero-copy,.coca .hero-copy{top:13%}.hero h1,.rolex .hero h1{font-size:80px}.coca .hero h1{font-size:94px}.chanel .hero h1{font-size:125px}.chanel .hero-copy{top:10%}.porsche .hero-copy{top:5%}.porsche .hero h1{font-size:165px}.porsche .stage{top:18%;height:74%}.hero-copy>p:not(.eyebrow){margin-top:18px}.hero-copy .cta{margin-top:20px}.product-caption{bottom:85px}.rolex .stage{height:91%;top:-1%}.chanel .stage{height:87%}.porsche .hero-copy .cta{top:80px}}
@media(max-width:900px){.rolex .hero h1{font-size:64px}.rolex .hero-copy{max-width:88%}.rolex .stage{top:47%!important;height:49%!important}.porsche .hero{min-height:850px}.porsche .stage{top:40%!important;height:48%!important}}
@media(max-width:900px){.porsche .hero{min-height:760px}}


/* ---------- jornada de rolagem (Atlas) — só entra em tela larga ---------- */
.jornada-atlas{position:relative}
.palco-atlas{position:relative}
.copy-atlas{transition:opacity .24s ease,transform .24s ease}
.copy-atlas.trocando{opacity:0;transform:translateY(8px)}
.trilha-atlas{position:absolute;left:7vw;top:108px;bottom:auto;z-index:6;display:flex;align-items:center;gap:9px;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.75;pointer-events:none}
.trilha-atlas i{width:20px;height:2px;background:currentColor;opacity:.28;transition:opacity .4s}
.trilha-atlas i.on{opacity:1}
@media(min-width:1000px) and (min-height:660px){
  .jornada-atlas{height:400svh}
  .palco-atlas{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}
  .palco-atlas .hero{height:100svh;min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .jornada-atlas{height:auto}
  .palco-atlas{position:relative;height:auto}
  .palco-atlas .hero{height:auto}
  .trilha-atlas{display:none}
}