@font-face{font-family:Inter;src:url(media/Inter.ttf) format('truetype');font-display:swap;font-weight:100 900}
:root{--ink:#0a0e10;--ivory:#f3efe8;--purple:#6b3fd4;--teal:#2dd4bf;--ease:cubic-bezier(.23,1,.32,1);font-family:Inter,Arial,sans-serif;color:var(--ivory);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:6px}button[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{color:inherit}html.lenis,html.lenis body{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-stopped{overflow:hidden}.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body.intro-playing{overflow:hidden}
.site-header{color:var(--ivory);position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;background:linear-gradient(#071014ba,transparent);pointer-events:none}.site-header>*{pointer-events:auto}.site-header img{width:94px;height:58px;object-fit:contain}.header-tools{display:flex;align-items:center;gap:10px}.header-tools button,.header-tools a{font-size:11px;letter-spacing:.04em;min-height:40px;padding:10px 12px;border:1px solid #ffffff38;background:#09121988;border-radius:24px;text-decoration:none;backdrop-filter:blur(12px)}.header-tools [aria-pressed=true]{border-color:#9cf3df}.mode-link{color:#b6c0c4}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.chapter-number{color:var(--teal);margin-right:18px}.opening{height:100svh;min-height:650px;position:relative;overflow:hidden}.scene-media{position:absolute;inset:0;overflow:hidden;background:#172126;transform-origin:center}.scene-media img,.scene-media video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;display:block}.scene-media img{z-index:0}.scene-media video{z-index:1}.opening:after,.chapter-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070c10c9,transparent 80%),linear-gradient(0deg,#070c109e,transparent 50%);pointer-events:none;z-index:2}.opening-title{position:absolute;z-index:3;left:8vw;bottom:16vh;max-width:850px}.opening h1{font:400 clamp(54px,6.8vw,105px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:24px 0}.opening-title>p:not(.eyebrow){max-width:460px;line-height:1.7;font-size:15px;color:#e4e8e8}.scroll-cue{display:inline-flex;gap:24px;margin-top:32px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.16em;text-decoration:none}.scroll-cue>span:last-child{font-size:22px}.skip-intro{position:absolute;bottom:40px;right:4vw;z-index:4;border:1px solid #ffffff88;border-radius:24px;background:#0a101a88;padding:12px 20px;font-size:12px}.chapter{height:155vh;min-height:900px;position:relative}.chapter-2{height:230vh}.chapter-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.chapter-copy{position:absolute;z-index:4;left:8vw;top:25%;width:min(640px,50vw)}.chapter h2{white-space:pre-line;font:400 clamp(42px,5vw,76px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:24px 0}.description{max-width:440px;font-size:14px;line-height:1.8;color:#edf0ed}.chapter-1 .chapter-copy{top:19%}.regions{display:flex;flex-wrap:wrap;gap:10px 20px;max-width:540px;margin:28px 0 0;padding:0;list-style:none}.regions li{font-size:11px;line-height:1.5;border-bottom:1px solid #ffffff55;padding-bottom:5px}.chapter-nav{position:fixed;z-index:25;right:54px;top:50%;transform:translateY(-50%);display:grid;gap:15px}.chapter-nav a{display:flex;align-items:center;justify-content:flex-end;gap:10px;text-decoration:none;min-width:28px;min-height:20px}.nav-dot{height:5px;width:5px;border-radius:50%;background:#ffffff6b;transition:transform .2s var(--ease),background .2s}.nav-title{position:absolute;right:20px;white-space:nowrap;font-size:10px;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s var(--ease)}.chapter-nav a[aria-current=step] .nav-dot{background:var(--teal);transform:scale(1.6)}.progress-number{position:fixed;z-index:20;left:4vw;bottom:32px;font:11px Inter,sans-serif;letter-spacing:.12em}.chapter-2 .chapter-copy{top:17%;width:34vw}.chapter-2 h2{font-size:clamp(38px,4vw,60px)}.system-deck{position:absolute;z-index:4;right:8vw;top:16%;width:44vw;height:72%;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center;perspective:1100px}.system-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #0005;min-height:218px;background:#171d23;color:#fff;transform-origin:center}.card-photo{height:95px;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover}.card-content{padding:18px 20px}.card-content svg{width:23px;height:23px;float:right;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.card-content .eyebrow{font-size:9px;letter-spacing:.1em;padding-right:26px}.card-content h3{font-size:19px;font-weight:500;margin:12px 0 8px}.card-content>p:last-child{font-size:11px;line-height:1.7;max-width:210px;opacity:.85}.card-0{background:#6b3fd4}.card-1{background:#12595b}.card-2{background:#141b23}.card-3{background:#ede7de;color:#101820}.care-link{position:absolute;left:8vw;bottom:19%;z-index:4;border-bottom:1px solid #fff9;padding:12px 0;text-decoration:none;font-size:13px}.closing{position:relative;background:var(--ivory);color:var(--ink);min-height:92svh;padding:140px 12vw 80px}.closing h2{font:400 clamp(38px,5vw,75px)/1.12 Georgia,serif;max-width:760px;letter-spacing:-.035em;margin:24px 0}.closing>p:not(.eyebrow){max-width:650px;line-height:1.8;font-size:14px}.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin:35px 0 70px}.primary{border:1px solid #fff8;background:#f3efe8;color:#121920;padding:17px 26px;border-radius:40px;min-height:48px;font:500 12px Inter,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.closing .primary{background:var(--purple);color:white;border:0}.closing-actions a:not(.primary){font-size:12px}.closing .concept-note{font-size:10px;color:#536165;margin-bottom:20px}.closing>a{font-size:11px}.entrance{position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100svh;border:0;padding:0;color:var(--ivory);background:#10191d;overflow:auto}.entrance::backdrop{background:#10191d}.gate-media{position:fixed}.gate-shade{position:fixed;inset:0;background:linear-gradient(0deg,#071014d9,#07101435 80%)}.gate-content{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:100px 24px 60px}.gate-lockup{width:140px;height:85px;object-fit:contain;margin-bottom:38px}.gate-content h2{font:400 clamp(40px,6vw,82px)/1.07 Georgia,serif;letter-spacing:-.03em;margin:24px 0}.gate-content>p:not(.eyebrow){font-size:13px;line-height:1.6;max-width:420px;color:#e1e5e5}.enter-button{margin-top:36px;background:#f4f1eae8;box-shadow:0 3px 24px #0003}.silent-enter{background:none;border:0;border-bottom:1px solid #ffffff70;padding:12px 2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:16px}.gate-language{position:absolute;top:25px;right:4vw;display:flex;gap:10px;z-index:4}.gate-language button{background:#0a182a88;border:1px solid #ffffff40;padding:10px 12px;border-radius:20px;font-size:11px}.gate-language [aria-pressed=true]{border-color:var(--teal)}
body[data-mode=editorial]{background:var(--ivory);color:var(--ink)}body[data-mode=editorial] .chapter-stage{background:var(--ivory);color:var(--ink)}body[data-mode=editorial] .chapter-stage:after{display:none}body[data-mode=editorial] .chapter .scene-media{inset:16% 7% 12% 48%;border-radius:8px;box-shadow:0 15px 35px #17212622}body[data-mode=editorial] .chapter-copy{left:7vw;top:23%;width:36vw}body[data-mode=editorial] .chapter h2{font-size:clamp(40px,4.3vw,65px)}body[data-mode=editorial] .description{color:#3c4b4e;font-size:13px;max-width:360px}body[data-mode=editorial] .chapter-number{color:#09615d}body[data-mode=editorial] .regions li{border-color:#344a4d45}body[data-mode=editorial] .chapter-2 .scene-media{display:none}body[data-mode=editorial] .system-deck{right:7vw;top:13%;height:74%}body[data-mode=editorial] .care-link{left:7vw;color:var(--ink);border-color:#33454a70;bottom:18%}body[data-mode=editorial] .chapter-nav{mix-blend-mode:difference}body[data-mode=editorial] .progress-number{mix-blend-mode:difference;color:white}
@media(hover:hover) and (pointer:fine){.chapter-nav a:hover .nav-title{opacity:1;transform:translateX(0)}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 28px #0003}.primary{transition:transform .2s var(--ease),box-shadow .2s}.header-tools button:hover{background:#223138}}
.motion-off .chapter{height:auto;min-height:100svh}.motion-off .chapter-stage{position:relative}.motion-off .chapter-copy{transform:none!important;opacity:1!important}.motion-off .system-card{transform:none!important;opacity:1!important}.motion-off .scene-media{transform:none!important}
@media(max-width:1000px){.header-tools{gap:5px}.header-tools .mode-link{display:none}.chapter-copy{width:55vw}.chapter-nav{right:12px}.system-deck{right:5vw;width:49vw}.chapter-2 .chapter-copy{left:5vw;width:34vw}.chapter-2 h2{font-size:38px}.card-content{padding:13px}.card-content h3{font-size:17px}.card-photo{height:80px}}
@media(max-width:700px){.site-header{padding:12px 18px}.site-header img{width:70px;height:44px}.header-tools{gap:4px}.header-tools button,.header-tools a{font-size:9px;padding:9px 8px;min-height:36px}.header-tools .compare-link{display:none}.opening{min-height:650px}.opening-title{left:24px;right:24px;bottom:17%;width:auto}.opening h1{font-size:53px}.opening-title>p:not(.eyebrow){font-size:13px;max-width:300px}.eyebrow{font-size:9px}.chapter{height:135vh;min-height:800px}.chapter-stage{min-height:650px}.chapter-copy{left:24px;right:30px;top:25%;width:auto}.chapter h2{font-size:43px}.description{font-size:13px;max-width:315px;line-height:1.75}.chapter-1 .chapter-copy{top:20%}.regions{gap:10px 15px;max-width:300px}.regions li{font-size:10px}.chapter-2{height:220vh}.chapter-2 .chapter-copy{left:24px;right:24px;width:auto;top:14%}.chapter-2 h2{font-size:35px;max-width:300px;margin:14px 0}.chapter-2 .description{max-width:300px;font-size:11px;line-height:1.65}.chapter-2 .scene-media{opacity:.24}.system-deck{left:24px;right:24px;top:auto;bottom:8%;width:auto;height:53%;gap:10px}.system-card{min-height:0}.card-photo{height:60px}.card-content{padding:11px}.card-content svg{width:18px;height:18px}.card-content h3{font-size:15px;margin:8px 0 5px}.card-content .eyebrow{font-size:7px;padding-right:14px;letter-spacing:.05em}.card-content>p:last-child{font-size:9px;line-height:1.6}.chapter-nav{right:7px;gap:9px}.chapter-nav a{min-width:18px;min-height:23px}.nav-title{display:none}.progress-number{left:24px;bottom:18px;font-size:9px}.care-link{left:24px;bottom:21%;font-size:12px}.closing{padding:100px 24px 70px;min-height:800px}.closing h2{font-size:46px}.closing-actions{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:50px}.gate-content h2{font-size:46px;max-width:350px}.gate-content{padding-top:80px}.gate-lockup{margin-bottom:26px}.gate-language{right:20px}.skip-intro{right:24px;bottom:40px}body[data-mode=editorial] .chapter .scene-media{inset:45% 24px 13%}body[data-mode=editorial] .chapter-copy{left:24px;right:24px;top:14%;width:auto}body[data-mode=editorial] .chapter h2{font-size:37px;margin:14px 0}body[data-mode=editorial] .description{font-size:12px;line-height:1.7;max-width:315px}body[data-mode=editorial] .chapter-1 .scene-media{inset:58% 24px 10%}body[data-mode=editorial] .chapter-1 .chapter-copy{top:13%}body[data-mode=editorial] .chapter-2 .chapter-copy{top:13%}body[data-mode=editorial] .system-deck{left:24px;right:24px;width:auto;top:auto;bottom:8%;height:52%}body[data-mode=editorial] .care-link{left:24px;bottom:7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.nav-dot,.nav-title{transition:none}}

/* The phone card assembly needs room for the longer Spanish copy. */
@media(max-width:700px){.chapter-2 .chapter-stage{min-height:900px}.chapter-2 .chapter-copy{top:12%}.system-deck,body[data-mode=editorial] .system-deck{height:51%;bottom:8%}body[data-mode=editorial] .chapter-2 .chapter-copy{top:12%}}
/* Keep phone chapter targets away from the browser's scrollbar. */
@media(max-width:700px){.chapter-nav,body[data-mode=editorial] .chapter-nav{top:auto;right:12px;bottom:8px;transform:none;display:flex;gap:3px;padding:4px;background:#0a0e10d9;border:1px solid #ffffff24;border-radius:28px;mix-blend-mode:normal}.chapter-nav a{min-width:36px;min-height:40px;justify-content:center}.progress-number{bottom:27px}}

/* Cinema screens need a denser text-side scrim for white copy. */
body[data-mode=cinematic] .chapter-4 .chapter-stage:after{background:linear-gradient(90deg,#070c10ed 0%,#070c10bd 70%,#070c1096 100%),linear-gradient(0deg,#070c1080,transparent 70%)}
