:root{--dex-bg: #F4F3EF;--dex-panel: #FAFAF7;--dex-ink: #1D1D1D;--dex-ink-soft: #6F6F6A;--dex-line: #B8B8B2;--dex-mark: #111111;--dex-warm: #C2A46B;--dex-cyber-bg: #0A0A12;--dex-cyber-cyan: #62D0FF;--dex-cyber-magenta: #FF4FA1;--dex-cyber-gold: #E8B860;--dex-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--dex-condensed: "Neue Haas Grotesk Display", "IBM Plex Sans Condensed", sans-serif;--dex-display: "GT Sectra", "Source Serif Pro", serif;--dex-t-micro: 10px;--dex-t-mono: 12px;--dex-t-body: 15px;--dex-t-button: 13px;--dex-t-display-sm: 28px;--dex-t-display-lg: 72px;--dex-s-1: 4px;--dex-s-2: 8px;--dex-s-3: 12px;--dex-s-4: 16px;--dex-s-6: 24px;--dex-s-8: 32px;--dex-s-12: 48px;--dex-r-pill: 999px;--dex-r-card: 4px;--dex-r-panel: 2px;--dex-stroke: 1px;--dex-mark-size: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--dex-bg);color:var(--dex-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,a{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.experience-app{background:var(--dex-bg);height:100vh;overflow:hidden}.frame-stack{height:100vh;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.experience-frame{height:100vh;min-height:100vh;padding:var(--dex-s-8);position:relative;scroll-snap-align:start;overflow:hidden}.experience-frame--boot,.experience-frame--reveal,.experience-frame--selector{background:linear-gradient(180deg,#ffffffb8,#f4f3efeb),var(--dex-bg)}.experience-frame--world,.experience-frame--portfolio{background:var(--dex-cyber-bg);color:#f6f5f0}.boot-grid,.reveal-layout,.selector-layout,.world-layout,.portfolio-hero{min-height:calc(100vh - 96px);position:relative;z-index:2}.boot-grid>*,.reveal-layout>*,.selector-layout>*,.world-layout>*,.portfolio-hero>*{min-width:0}.boot-grid{align-items:center;display:grid;gap:var(--dex-s-8);grid-template-columns:minmax(320px,.78fr) minmax(380px,1fr)}.boot-copy,.selector-panel,.world-panel,.portfolio-copy,.continue-panel,.profile-readout{background:color-mix(in srgb,var(--dex-panel) 88%,transparent);border:var(--dex-stroke) solid var(--dex-line);border-radius:var(--dex-r-card);padding:var(--dex-s-6);width:100%}.boot-copy{max-width:520px}.micro-copy,.system-label,.footer-meta,.progress-rail,.profile-readout,.option-card,.work-item span{font-family:var(--dex-mono);font-size:var(--dex-t-micro);letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--dex-display);font-weight:500;line-height:.95}h1{font-size:72px;margin-top:var(--dex-s-3)}h2{font-size:56px}h3{font-size:20px;font-weight:600}p{color:var(--dex-ink-soft);font-size:var(--dex-t-body);line-height:1.65}.boot-copy p:last-of-type,.world-panel p,.portfolio-copy p{margin:var(--dex-s-4) 0 var(--dex-s-6);max-width:520px}.frame-media{align-self:center;border:var(--dex-stroke) solid color-mix(in srgb,var(--dex-line) 80%,transparent);border-radius:var(--dex-r-card);overflow:hidden;position:relative}.frame-media:after,.selector-media:after{background:linear-gradient(90deg,rgba(244,243,239,.08),transparent 38%),linear-gradient(180deg,transparent 72%,rgba(244,243,239,.2));content:"";inset:0;pointer-events:none;position:absolute}.frame-media img,.frame-media video,.selector-media img{aspect-ratio:16 / 10;height:100%;object-fit:cover;width:100%}.frame-media__image,.frame-media__video{transform:scale(1.03);transform-origin:center}.frame-media--motion-reveal .frame-media__image,.frame-media--motion-reveal .frame-media__video{animation:plate-drift 12s ease-in-out infinite alternate}.frame-media--motion-choice .frame-media__image,.frame-media--motion-profile .frame-media__image,.frame-media--motion-activation .frame-media__image{animation:plate-breathe 14s ease-in-out infinite alternate}.frame-media--motion-equip .frame-media__image,.frame-media--motion-loadout .frame-media__image{animation:plate-pulse 8s ease-in-out infinite alternate}.frame-media--motion-dissolve .frame-media__image,.frame-media--motion-dissolve .frame-media__video{animation:plate-dissolve 9s ease-in-out infinite alternate}.frame-media--motion-city .frame-media__image,.frame-media--motion-energy .frame-media__image,.frame-media--motion-hero .frame-media__image,.frame-media--motion-hero .frame-media__video{animation:plate-city 16s ease-in-out infinite alternate}.motion-grain,.motion-scan,.motion-energy{inset:0;pointer-events:none;position:absolute;z-index:3}.motion-grain{background-image:radial-gradient(rgba(29,29,29,.08) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-position:0 0,9px 13px;background-size:18px 18px,22px 22px;mix-blend-mode:multiply;opacity:.16}.motion-scan{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);height:34%;opacity:0;transform:translateY(-120%)}.frame-media--motion-system .motion-scan,.frame-media--motion-equip .motion-scan,.frame-media--motion-loadout .motion-scan,.frame-media--motion-activation .motion-scan{animation:scan-pass 4.8s ease-in-out infinite;opacity:.42}.motion-energy{background:radial-gradient(circle at 18% 48%,rgba(98,208,255,.2),transparent 22%),linear-gradient(115deg,transparent 18%,rgba(98,208,255,.26) 46%,rgba(232,184,96,.34) 50%,transparent 58%);filter:blur(18px);mix-blend-mode:screen;opacity:0;transform:translate(-10%)}.frame-media--motion-city .motion-energy,.frame-media--motion-energy .motion-energy,.frame-media--motion-dissolve .motion-energy{animation:energy-flow 6.5s ease-in-out infinite alternate;opacity:.56}.frame-media--ambient{border-color:#ffffff29;box-shadow:0 24px 80px #00000057}.reveal-layout{display:grid;gap:var(--dex-s-6);grid-template-columns:260px 1fr 260px;align-items:center}.profile-readout{align-self:end}.profile-readout strong{display:block;font-family:var(--dex-display);font-size:48px;font-weight:500;margin:var(--dex-s-2) 0 var(--dex-s-6)}.profile-readout dl{display:grid;gap:var(--dex-s-3);margin:0}.profile-readout div{border-top:var(--dex-stroke) solid var(--dex-line);display:flex;justify-content:space-between;padding-top:var(--dex-s-2)}.profile-readout dt,.profile-readout dd{margin:0}.profile-readout dd{color:var(--dex-ink-soft)}.continue-panel{align-self:start;display:grid;gap:var(--dex-s-4)}.selector-layout{align-items:center;display:grid;gap:var(--dex-s-8);grid-template-columns:minmax(380px,1fr) minmax(320px,460px)}.selector-media{border:var(--dex-stroke) solid var(--dex-line);border-radius:var(--dex-r-card);overflow:hidden;position:relative}.selector-panel{display:grid;gap:var(--dex-s-4)}.option-list{display:grid;gap:var(--dex-s-2)}.option-card{align-items:center;background:transparent;border:var(--dex-stroke) solid var(--dex-line);border-radius:var(--dex-r-card);color:var(--dex-ink);display:flex;justify-content:space-between;padding:var(--dex-s-4);text-align:left}.option-card strong{color:var(--dex-ink-soft);font-weight:500}.option-card.is-selected{background:var(--dex-ink);border-color:var(--dex-ink);color:var(--dex-bg)}.option-card.is-selected strong{color:var(--dex-bg)}.world-layout,.portfolio-hero{align-items:center;display:grid;gap:var(--dex-s-8);grid-template-columns:minmax(360px,1fr) minmax(320px,.72fr)}.world-panel,.portfolio-copy{background:#0a0a129e;border-color:#ffffff2e;color:#f6f5f0}.world-panel p,.portfolio-copy p{color:#f6f5f0b8}.portfolio-hero .frame-media{order:-1}.storyboard-frame{isolation:isolate}.storyboard-frame:before{background-image:radial-gradient(color-mix(in srgb,var(--dex-line) 48%,transparent) 1px,transparent 1px);background-size:24px 24px;content:"";inset:0;opacity:.22;pointer-events:none;position:absolute;z-index:0}.storyboard-frame--light{background:linear-gradient(180deg,#ffffffc2,#f4f3eff0),var(--dex-bg)}.storyboard-frame--transition{background:linear-gradient(90deg,#f4f3eff0,#0a0a12eb 64%),var(--dex-bg);color:#f6f5f0}.storyboard-frame--cyber{background:radial-gradient(circle at 72% 42%,rgba(98,208,255,.22),transparent 34%),linear-gradient(180deg,#0a0a12f5,#04050a);color:#f6f5f0}.storyboard-layout{align-items:center;display:grid;gap:var(--dex-s-8);grid-template-columns:minmax(320px,.44fr) minmax(520px,1fr);min-height:calc(100vh - 96px);max-width:100%;position:relative;z-index:2}.storyboard-frame--choice .storyboard-layout{grid-template-columns:minmax(560px,1fr) minmax(360px,.58fr)}.storyboard-frame--choice .scene-copy{order:2}.storyboard-frame--cyber .storyboard-layout,.storyboard-frame--transition .storyboard-layout{grid-template-columns:minmax(340px,.36fr) minmax(620px,1fr)}.scene-copy{background:color-mix(in srgb,var(--dex-panel) 86%,transparent);border:var(--dex-stroke) solid color-mix(in srgb,var(--dex-line) 84%,transparent);border-radius:var(--dex-r-card);display:grid;gap:var(--dex-s-4);max-width:430px;min-width:0;padding:var(--dex-s-6);width:100%}.storyboard-frame--cyber .scene-copy,.storyboard-frame--transition .scene-copy{background:#0a0a12a8;border-color:#ffffff2e;color:#f6f5f0}.scene-copy>p:not(.micro-copy),.storyboard-hero>p{margin:0 0 var(--dex-s-2);overflow-wrap:anywhere}.storyboard-frame--cyber p,.storyboard-frame--transition p,.storyboard-hero p{color:#f6f5f0b8}.storyboard-layout .frame-media{min-height:min(760px,calc(100vh - 128px));width:100%}.storyboard-layout .frame-media img,.storyboard-layout .frame-media video{background:var(--dex-bg);object-fit:contain}.storyboard-frame--cyber .frame-media img,.storyboard-frame--cyber .frame-media video,.storyboard-frame--transition .frame-media img,.storyboard-frame--transition .frame-media video{background:var(--dex-cyber-bg)}.storyboard-frame--boot .storyboard-layout .frame-media{min-height:min(620px,calc(100vh - 128px))}.scene-stats{display:grid;gap:var(--dex-s-2);margin:0}.scene-stats div{align-items:center;border-top:var(--dex-stroke) solid color-mix(in srgb,var(--dex-line) 78%,transparent);display:flex;justify-content:space-between;padding-top:var(--dex-s-2)}.storyboard-frame--cyber .scene-stats div,.storyboard-frame--transition .scene-stats div{border-color:#ffffff29}.scene-stats dt,.scene-stats dd{font-family:var(--dex-mono);font-size:var(--dex-t-micro);letter-spacing:0;margin:0;text-transform:uppercase}.scene-stats dd{color:var(--dex-ink-soft)}.storyboard-frame--cyber .scene-stats dd,.storyboard-frame--transition .scene-stats dd{color:#f6f5f0b3}.scene-path-grid{display:grid;gap:var(--dex-s-2);grid-template-columns:repeat(2,minmax(0,1fr))}.scene-path-card{background:transparent;border:var(--dex-stroke) solid color-mix(in srgb,var(--dex-line) 82%,transparent);border-radius:var(--dex-r-card);color:var(--dex-ink);display:grid;gap:var(--dex-s-2);min-height:92px;min-width:0;padding:var(--dex-s-3);text-align:left}.scene-path-card span,.scene-path-card small{font-family:var(--dex-mono);font-size:var(--dex-t-micro);letter-spacing:0;text-transform:uppercase}.scene-path-card small{color:var(--dex-ink-soft)}.scene-path-card.is-selected{background:var(--dex-ink);border-color:var(--dex-ink);color:var(--dex-bg)}.scene-path-card.is-selected small{color:color-mix(in srgb,var(--dex-bg) 78%,transparent)}.hero-backdrop{inset:0;position:absolute;z-index:0}.hero-backdrop:after{background:linear-gradient(90deg,#030408f0,#03040847 48%,#030408ad),linear-gradient(180deg,transparent 58%,rgba(3,4,8,.94));content:"";inset:0;position:absolute}.hero-backdrop__media{animation:hero-drift 18s ease-in-out infinite alternate;height:100%;object-fit:cover;transform:scale(1.04);width:100%}.hero-energy{background:radial-gradient(circle at 55% 62%,rgba(98,208,255,.22),transparent 18%),linear-gradient(108deg,transparent 24%,rgba(98,208,255,.22) 46%,rgba(232,184,96,.36) 49%,transparent 62%),linear-gradient(72deg,transparent 34%,rgba(255,79,161,.18) 48%,transparent 64%);filter:blur(22px);inset:0;mix-blend-mode:screen;opacity:.62;pointer-events:none;position:absolute;transform:translate(-6%);z-index:1;animation:hero-energy-flow 7.5s ease-in-out infinite alternate}.storyboard-hero{align-content:start;display:grid;gap:var(--dex-s-4);max-width:620px;min-height:calc(100vh - 96px);padding-top:18vh;position:relative;z-index:2}.storyboard-hero h1{max-width:10ch}.storyboard-hero .scene-stats{max-width:460px}.work-strip--story{z-index:3}@keyframes plate-drift{0%{transform:scale(1.03) translate3d(-.8%,-.6%,0)}to{transform:scale(1.08) translate3d(.9%,.8%,0)}}@keyframes plate-breathe{0%{transform:scale(1.015)}to{transform:scale(1.045) translate3d(.4%,-.3%,0)}}@keyframes plate-pulse{0%{filter:contrast(1);transform:scale(1.025)}to{filter:contrast(1.06);transform:scale(1.055) translate3d(-.4%,.3%,0)}}@keyframes plate-dissolve{0%{filter:saturate(.92) contrast(1);transform:scale(1.02) translate3d(-.4%,0,0)}to{filter:saturate(1.12) contrast(1.08);transform:scale(1.06) translate3d(.6%,-.2%,0)}}@keyframes plate-city{0%{filter:saturate(1.02) brightness(.94);transform:scale(1.04) translate3d(-.7%,0,0)}to{filter:saturate(1.18) brightness(1.04);transform:scale(1.085) translate3d(.8%,-.5%,0)}}@keyframes scan-pass{0%,26%{transform:translateY(-130%)}58%{transform:translateY(230%)}to{transform:translateY(230%)}}@keyframes energy-flow{0%{opacity:.26;transform:translate(-18%) skew(-6deg)}to{opacity:.68;transform:translate(18%) skew(-3deg)}}@keyframes hero-drift{0%{transform:scale(1.04) translate3d(-.7%,0,0)}to{transform:scale(1.1) translate3d(.8%,-.5%,0)}}@keyframes hero-energy-flow{0%{opacity:.36;transform:translate(-12%) scaleX(.96)}to{opacity:.78;transform:translate(10%) scaleX(1.04)}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--dex-s-3)}.hero-actions a{border:var(--dex-stroke) solid rgba(255,255,255,.22);border-radius:var(--dex-r-pill);color:#f6f5f0;padding:var(--dex-s-3) var(--dex-s-4);text-decoration:none}.work-strip{bottom:var(--dex-s-8);display:grid;gap:var(--dex-s-3);grid-template-columns:repeat(4,minmax(0,1fr));left:var(--dex-s-8);position:absolute;right:var(--dex-s-8);z-index:3}.work-item{background:#0a0a12b3;border:var(--dex-stroke) solid rgba(255,255,255,.18);border-radius:var(--dex-r-card);padding:var(--dex-s-4)}.work-item span,.work-item p{color:#f6f5f09e}.work-item h3{margin:var(--dex-s-2) 0}.work-item p{font-size:13px;line-height:1.45}.primary-button{align-items:center;border:0;border-radius:var(--dex-r-pill);display:inline-flex;gap:var(--dex-s-3);justify-content:center;min-height:44px;padding:var(--dex-s-3) var(--dex-s-6);width:fit-content}.primary-button--ink{background:var(--dex-ink);color:var(--dex-bg)}.primary-button--light{background:#f6f5f0;color:var(--dex-cyber-bg)}.primary-button__mark{border-right:2px solid currentColor;border-top:2px solid currentColor;height:8px;transform:rotate(45deg);width:8px}.skip-link{background:transparent;border:0;color:var(--dex-ink-soft);font-family:var(--dex-mono);font-size:var(--dex-t-micro);position:absolute;right:var(--dex-s-8);top:var(--dex-s-8);z-index:5}.hud-corners{inset:var(--dex-s-4);pointer-events:none;position:absolute;z-index:4}.hud-corners span{border-color:var(--dex-mark);border-style:solid;height:var(--dex-mark-size);position:absolute;width:var(--dex-mark-size)}.hud-corners--dark span{border-color:#f6f5f0d1}.hud-corners span:nth-child(1){border-width:1px 0 0 1px;left:0;top:0}.hud-corners span:nth-child(2){border-width:1px 1px 0 0;right:0;top:0}.hud-corners span:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.hud-corners span:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.system-label{left:var(--dex-s-8);position:absolute;top:var(--dex-s-8);z-index:5}.system-label span{color:var(--dex-ink-soft);margin-right:var(--dex-s-3)}.system-label--dark span,.footer-meta--dark,.progress-rail a.is-active{color:#f6f5f0b8}.footer-meta{bottom:var(--dex-s-8);color:var(--dex-ink-soft);display:flex;gap:var(--dex-s-4);left:var(--dex-s-8);position:absolute;z-index:5}.progress-rail{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafaf794;border:var(--dex-stroke) solid color-mix(in srgb,var(--dex-line) 78%,transparent);border-radius:var(--dex-r-card);display:grid;gap:var(--dex-s-3);padding:var(--dex-s-2);position:fixed;right:var(--dex-s-4);top:50%;transform:translateY(-50%);z-index:20}.progress-rail__active{align-items:center;color:var(--dex-ink);display:flex;font-family:var(--dex-mono);font-size:var(--dex-t-micro);gap:var(--dex-s-2);justify-content:space-between;letter-spacing:0;text-transform:uppercase}.progress-rail__active span{color:var(--dex-ink-soft);margin:0}.progress-rail__list{display:grid;gap:var(--dex-s-1);max-height:68vh;overflow-y:auto}.progress-rail button{background:transparent;border:var(--dex-stroke) solid transparent;border-radius:var(--dex-r-pill);color:#0a0a1294;min-height:28px;min-width:52px;padding:var(--dex-s-1) var(--dex-s-2)}.progress-rail button span{margin:0}.progress-rail button.is-active{background:#0a0a12d1;border-color:#0a0a121f;color:#f6f5f0}@media(max-width:1280px){.progress-rail{bottom:var(--dex-s-4);display:flex;left:var(--dex-s-4);right:var(--dex-s-4);top:auto;overflow-x:auto;transform:none}.progress-rail__active{min-width:108px}.progress-rail__list{display:flex;max-height:none;overflow:visible}}@media(min-width:1281px){.storyboard-layout{padding-right:96px}}@media(max-width:1000px){.experience-frame{padding:var(--dex-s-6)}.boot-grid,.reveal-layout,.selector-layout,.world-layout,.portfolio-hero,.storyboard-layout{grid-template-columns:1fr;min-height:auto;padding-top:var(--dex-s-12)}.storyboard-frame--choice .storyboard-layout,.storyboard-frame--cyber .storyboard-layout,.storyboard-frame--transition .storyboard-layout{grid-template-columns:1fr}.scene-copy{max-width:100%}.storyboard-frame--choice .scene-copy{order:0}.storyboard-layout .frame-media{min-height:54vh}.storyboard-hero{min-height:auto;padding-top:20vh}.work-strip{grid-template-columns:repeat(2,minmax(0,1fr));position:relative;bottom:auto;left:auto;right:auto;margin-top:var(--dex-s-6)}.progress-rail{bottom:var(--dex-s-4);display:flex;left:var(--dex-s-4);overflow-x:auto;padding:var(--dex-s-2);right:var(--dex-s-4);top:auto;transform:none}.progress-rail__active{min-width:108px}.progress-rail__list{display:flex;max-height:none;overflow:visible}}@media(max-width:640px){.experience-frame{height:auto;padding:var(--dex-s-4);overflow:visible}.boot-copy,.selector-panel,.world-panel,.portfolio-copy,.continue-panel,.profile-readout,.scene-copy{max-width:min(358px,calc(100vw - var(--dex-s-8)));padding:var(--dex-s-4);width:100%}.frame-media,.selector-media{max-width:min(358px,calc(100vw - var(--dex-s-8)));width:100%}.storyboard-layout{gap:var(--dex-s-4);padding-bottom:84px}.storyboard-layout .frame-media{min-height:42vh}.scene-path-grid{grid-template-columns:1fr}.storyboard-hero{padding-bottom:96px;padding-top:18vh}h1{font-size:40px}h2{font-size:34px}.boot-copy p:last-of-type{max-width:28ch}.system-label,.skip-link{top:var(--dex-s-6)}.system-label,.footer-meta{left:var(--dex-s-6)}.skip-link{right:var(--dex-s-6)}.work-strip{grid-template-columns:1fr}.footer-meta{display:none}.progress-rail{gap:var(--dex-s-1)}.progress-rail__active{min-width:74px}.progress-rail__active{font-size:0}.progress-rail__active span{font-size:var(--dex-t-micro)}.progress-rail button{font-size:0;min-width:42px;padding:var(--dex-s-2);text-align:center}.progress-rail button span{display:inline-block;font-size:var(--dex-t-micro);margin-right:0}}@media(prefers-reduced-motion:reduce){.frame-stack{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}