:root{--accent:#ff721f;--accent-rgb:255,114,31;--ink:#090b0e;--text:#f1f0ec;--muted:#aaaeb6;--line:rgba(255,255,255,.16);--hue:0deg;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{background:none;border:0}::selection{background:var(--accent);color:var(--ink)}
#world,.shade{position:fixed;inset:0;pointer-events:none}#world{z-index:0;background:#090b0e}#world canvas{width:100%;height:100%;position:absolute;inset:0}.world-fallback{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,14,.8),rgba(9,11,14,.15)),url('./assets/world-reference.png') center/cover;filter:hue-rotate(var(--hue));opacity:.65;transition:opacity 1s}body.world-ready .world-fallback{opacity:0}.shade{z-index:1;background:linear-gradient(90deg,rgba(6,8,11,.55) 0%,transparent 65%),linear-gradient(0deg,rgba(6,8,11,.5),transparent 20%,transparent 85%,rgba(6,8,11,.3))}main{position:relative;z-index:2}.topbar{height:96px;display:flex;align-items:center;gap:32px;padding:0 4.3%;position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(#090b0eed,#090b0e88);backdrop-filter:blur(12px)}
.brand{display:block;width:172px;flex-shrink:0}.brand img{width:100%;height:auto;display:block;filter:invert(1);mix-blend-mode:screen}.header-title{max-width:110px;font-size:11px;line-height:1.6;letter-spacing:.16em;color:#bcbfc5}.topbar nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.topbar nav a{padding:12px 0}.topbar nav a:hover,.next-link:hover{color:var(--accent)}.topbar nav span{margin-left:8px;color:var(--accent)}.motion-toggle{font-size:13px;border-left:1px solid var(--line);padding:8px 0 8px 24px;min-width:140px;text-align:left;display:flex;align-items:center;gap:12px}.motion-icon{color:var(--accent);font-size:18px}
.palette-dock{position:fixed;right:4.3%;top:126px;z-index:21;display:flex;align-items:center;gap:18px;padding:10px 15px;background:#0b0d10c7;border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:3px}.dock-label,#palette-name{font-size:10px;letter-spacing:.15em}.dock-label{color:var(--muted)}#palette-name{min-width:57px}.swatches{display:flex;gap:6px}.swatches button{width:28px;height:28px;position:relative;border:1px solid transparent;border-radius:50%;padding:5px}.swatches button:before{content:"";display:block;width:100%;height:100%;background:var(--swatch);border-radius:50%;box-shadow:0 0 9px color-mix(in srgb,var(--swatch),transparent 70%)}.swatches button[aria-pressed=true]{border-color:var(--swatch)}.swatches button:hover{transform:scale(1.13)}
.chapter-nav{position:fixed;right:2%;top:48%;z-index:15;display:flex;flex-direction:column;gap:12px}.chapter-nav a{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:32px;color:#b1b4bb;font-size:12px}.chapter-nav a span{width:28px;text-align:center;padding:8px 0;border-bottom:1px solid #ffffff2a}.chapter-nav b{position:absolute;right:40px;font-size:12px;font-weight:400;opacity:0;transform:translateX(8px);transition:.25s;background:#090b0ece;padding:8px;white-space:nowrap}.chapter-nav a:hover b,.chapter-nav a:focus-visible b{opacity:1;transform:none}.chapter-nav a.active span{color:var(--accent);border-color:var(--accent)}.hero{height:100svh;min-height:720px;padding:160px 7.5% 50px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;max-width:52%;margin-top:28px}.eyebrow{font-size:12px;letter-spacing:.17em;line-height:1.65;font-weight:500;color:#bdc0c6;display:flex;align-items:center;gap:16px}.eyebrow i{width:5px;height:5px;background:var(--accent)}.hero-edition{font-size:10px;letter-spacing:.17em;line-height:1.7;color:#979ca6;display:none}.hero-copy{padding:30px 0 44px;max-width:700px}h1,h2,p{margin:0}h1{font-size:clamp(70px,8.5vw,142px);line-height:.96;font-weight:600;letter-spacing:-.065em}em{font-style:normal;color:var(--accent)}.hero-copy p{font-size:17px;line-height:1.6;color:#b6bac2;max-width:330px;margin-top:30px;letter-spacing:.01em}.explore{display:inline-flex;align-items:center;gap:15px;font-size:14px;margin-top:32px}.round-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;font-size:19px;color:var(--accent);transition:.2s}.explore:hover .round-arrow{background:var(--accent);color:#090b0e;transform:translateY(3px)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;color:#a7aab2;font-size:10px;letter-spacing:.17em}.hero-bottom>span:nth-child(2){display:flex;align-items:center;gap:18px}.scroll-line{width:1px;height:40px;background:linear-gradient(var(--accent),transparent)}
.chapter{min-height:115svh;position:relative;padding:16svh 7.5% 12svh;display:flex;align-items:center;scroll-margin-top:0}.chapter-copy{max-width:480px;width:43%;padding:28px 0;position:relative}.chapter-copy:before{content:"";position:absolute;inset:-45px -50px;z-index:-1;background:radial-gradient(ellipse at 30% 50%,#090b0ee0 35%,#090b0e7a 70%,transparent);filter:blur(12px)}.right-copy{justify-content:flex-end;padding-right:11%}.right-copy .chapter-copy:before{background:radial-gradient(ellipse,#090b0eec 30%,#090b0e85 70%,transparent)}h2{font-size:clamp(46px,5.2vw,88px);line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:22px 0 26px}.chapter-copy>p{max-width:400px;font-size:17px;line-height:1.65;color:#b5bac4}.eyebrow>span{color:var(--accent);white-space:nowrap}.skill-list{padding:0;margin:28px 0;list-style:none}.skill-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;color:#d5d7dc}.skill-list li:before{content:"+";color:var(--accent);margin-right:16px;font-size:14px}.experience{display:flex;gap:42px;margin:25px 0}.experience strong{font-size:42px;font-weight:500;letter-spacing:-.04em;display:block}.experience strong span{font-size:12px;letter-spacing:0;color:var(--accent);margin-left:9px}.experience small{font-size:12px;color:var(--muted)}.next-link{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:24px;padding:10px 0}.next-link span{font-size:24px;color:var(--accent)}.scene-caption{position:absolute;bottom:6svh;left:7.5%;right:9%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#8e949f}.build-note{padding:18px 0 0;border-top:1px solid var(--line)}.small-label{font-size:10px;letter-spacing:.17em;color:var(--accent)}.build-note p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:10px}
.visuals{padding:110px 7.5% 0;background:linear-gradient(#090b0e99,#090b0e 180px);position:relative}.visuals-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:60px}.visuals-heading h2{margin-bottom:0}.visuals-heading p{font-size:16px;line-height:1.7;color:var(--muted);padding-bottom:6px}.art-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}figure{margin:0}.art-grid img{width:100%;height:auto;display:block;border:1px solid var(--line)}.wide-art{padding-top:80px}.tall-art{max-width:420px;justify-self:end}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;color:var(--muted);padding:17px 0;line-height:1.5}footer{margin-top:100px;padding:50px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}.footer-brand{width:200px}footer>a:last-child{margin-left:auto}.journey-track{position:fixed;bottom:0;left:0;right:0;height:2px;z-index:25;background:#ffffff0c}.journey-track span{display:block;width:0;height:100%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:#090b0e;padding:15px;z-index:100}.skip-link:focus{top:15px}
@media(min-width:1600px){.hero-edition{display:block}.hero-top{max-width:65%}}
@media(max-width:1000px){.header-title{display:none}.topbar{gap:20px}.topbar nav{gap:22px}.hero{padding-left:6%;padding-right:6%}.chapter{padding-left:6%;padding-right:9%}.chapter-copy{width:47%}.palette-dock{right:5%}.hero-copy{max-width:530px}h1{font-size:clamp(70px,9vw,100px)}.scene-mark{display:none}.visuals{padding-left:6%;padding-right:6%}.visuals-heading{gap:30px}.art-grid{gap:20px}figcaption{flex-direction:column;gap:3px}}
@media(max-width:700px){html{scroll-padding-top:150px}.topbar{height:76px;padding:0 6%;gap:15px}.brand{width:136px}.topbar nav{margin-left:auto}.topbar nav a{font-size:12px}.topbar nav a:nth-child(2){display:none}.motion-toggle{min-width:28px;padding:0 0 0 14px;margin-left:0}.motion-toggle #motion-label{display:none}.palette-dock{top:92px;left:auto;right:6%;gap:10px;padding:7px 9px}.dock-label{display:none}.swatches button{width:27px;height:27px}.swatches{gap:4px}#palette-name{font-size:9px;min-width:54px}.chapter-nav{right:1%;top:auto;bottom:30px;gap:4px}.chapter-nav a{font-size:10px}.chapter-nav a b{display:none}.chapter-nav a span{width:25px}.hero{height:100svh;min-height:740px;padding:160px 7% 30px;justify-content:flex-end}.hero-top{position:absolute;top:134px;margin-top:0;max-width:85%}.hero-top .eyebrow{font-size:9px;letter-spacing:.14em;gap:10px}.hero-copy{padding-bottom:38px;padding-top:210px;max-width:100%}h1{font-size:clamp(65px,15vw,100px)}.hero-copy p{font-size:15px;margin-top:20px}.explore{margin-top:20px}.hero-bottom{font-size:8px;gap:20px}.hero-bottom>span:nth-child(2){font-size:0}.scroll-line{height:25px}.chapter{min-height:130svh;padding:47svh 11% 12svh 7%;align-items:flex-start}.chapter-copy{width:100%;max-width:480px;background:#090b0e85;padding:22px 14px;margin-left:-14px;backdrop-filter:blur(8px)}.chapter-copy:before{display:none}h2{font-size:clamp(48px,11vw,68px);margin:15px 0 20px}.eyebrow{font-size:10px;gap:10px}.chapter-copy>p{font-size:16px}.skill-list li{font-size:14px;padding:8px 0}.skill-list{margin:22px 0}.experience{margin:20px 0;gap:35px}.experience strong{font-size:36px}.scene-caption{font-size:8px;gap:20px;bottom:4svh;left:7%;right:11%;line-height:1.7}.scene-caption span:last-child{text-align:right}.visuals{padding:90px 7% 0}.visuals-heading{display:block;margin-bottom:30px}.visuals-heading p{margin-top:24px;font-size:15px}.art-grid{display:block}.wide-art{padding-top:0}.tall-art{max-width:80%;margin:35px auto 0}figcaption{font-size:9px}footer{margin-top:60px;flex-wrap:wrap;padding:35px 0;gap:20px;font-size:12px}.footer-brand{width:150px}footer>a:last-child{margin-left:0;width:100%;padding:10px 0}.shade{background:linear-gradient(0deg,#06080b88,transparent 80%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body.motion-paused{scroll-behavior:auto}body.motion-paused *{scroll-behavior:auto!important}


html:has(body.motion-paused){scroll-behavior:auto}

.chapter{scroll-margin-top:-105px}@media(max-width:700px){.chapter{scroll-margin-top:-150px}}

#art-intro{position:fixed;inset:0;z-index:1;pointer-events:none;background:url('./assets/opening-world.png') center/cover no-repeat;transform-origin:50% 58%;will-change:opacity,transform}.hero{justify-content:flex-end}.hero-copy{max-width:none;width:100%;padding:0 0 25px;display:flex;justify-content:center}.enter-world{padding:12px 22px 12px 13px;background:#090b0ece;border:1px solid #ffffff30;border-radius:50px;backdrop-filter:blur(12px)}.hero-bottom{margin-top:12px}body:has(#art-intro) .shade{z-index:0}@media(max-width:700px){#art-intro{background-image:url('./assets/opening-world.png');background-position:50% 50%}.hero-copy{padding:0 0 22px}.hero{padding-top:160px}.hero-bottom{font-size:8px}}

.quality-control select{font:inherit;font-size:12px;color:var(--text);background:#15181d;border:1px solid var(--line);padding:9px 24px 9px 10px;border-radius:3px;cursor:pointer;max-width:130px}.quality-control select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#art-intro{filter:hue-rotate(var(--hue))}@media(max-width:1100px){.header-title{display:none}.topbar{gap:18px}.topbar nav{gap:15px}.motion-toggle{min-width:30px;padding-left:16px}.motion-toggle #motion-label{display:none}}@media(max-width:700px){.topbar nav{display:none}.quality-control{margin-left:auto}.quality-control select{font-size:11px;padding:8px 16px 8px 7px;max-width:112px}.topbar{gap:13px}}

@media(max-aspect-ratio:1/1){#art-intro{background-image:url('./assets/opening-world.png')}}

@media(max-aspect-ratio:1/1){#art-intro{background-size:contain;background-color:#080a0d}}.intro-visible .chapter-nav{visibility:hidden}.chapter-nav{transition:opacity .3s}

/* Keep the opening artwork below the fixed navigation. */
#art-intro{top:96px;background-size:contain;background-color:#050608;transform-origin:50% 50%}
@media(max-width:700px){#art-intro{top:76px}}

/* Fit artwork to width; only vertical overflow may be cropped. */
#art-intro{background-size:100% auto;background-position:center top}