body:has(.journey-scroll){background-color:#0a0a0a;overflow-x:hidden}.journey-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:#0a0a0a}.journey-canvas canvas{display:block;width:100%!important;height:100%!important;pointer-events:auto}.journey-scroll{position:relative;z-index:1}.journey-panel{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:6rem 1.25rem;position:relative}.journey-panel--tall{min-height:130vh;min-height:130svh}.journey-panel--corridor{align-items:flex-start;padding-top:0;padding-bottom:0}.journey-inner{width:100%;max-width:72rem;margin-inline:auto}[data-panel] .reveal{--d: 0;--v: clamp(0, calc((var(--panel-visible, 0) - var(--d)) * 1.7), 1);opacity:var(--v);transform:translateY(calc((1 - var(--v)) * 2.25rem))}[data-panel] .reveal:nth-child(2){--d: .05}[data-panel] .reveal:nth-child(3){--d: .1}[data-panel] .reveal:nth-child(4){--d: .15}.j-card{background:#fff;border:3px solid var(--color-brutal-black, #0a0a0a);box-shadow:8px 8px 0 0 var(--color-brutal-black, #0a0a0a);padding:1.75rem}.j-card--dark{background:var(--color-brutal-black, #0a0a0a);color:#fff;box-shadow:8px 8px 0 0 var(--color-brutal-cyan, #00f5ff)}.j-label{font-family:var(--font-mono, monospace);font-size:.7rem;letter-spacing:.18em;background:var(--color-brutal-black, #0a0a0a);color:#fff;display:inline-block;padding:.3rem .75rem}.j-heading{font-family:var(--font-display, sans-serif);font-size:clamp(2.5rem,8vw,6rem);line-height:.88;letter-spacing:.01em;text-transform:uppercase}.j-heading--onvoid{color:#fff;text-shadow:4px 4px 0 var(--color-brutal-black, #0a0a0a)}.corridor-step{min-height:70vh;min-height:70svh;display:flex;align-items:center}.corridor-step[data-side=left]{justify-content:flex-start}.corridor-step[data-side=right]{justify-content:flex-end}.corridor-caption{position:relative}.corridor-caption:after{content:"";position:absolute;top:50%;width:2.5rem;height:3px;background:var(--color-brutal-cyan, #00f5ff);opacity:calc(var(--v, 0) * .9)}.corridor-step[data-side=left] .corridor-caption:after{left:100%}.corridor-step[data-side=right] .corridor-caption:after{right:100%}.corridor-caption{max-width:24rem;background:#fff;border:3px solid #0a0a0a;box-shadow:8px 8px #0a0a0a;padding:1.25rem 1.5rem;--v: clamp(0, calc(var(--panel-visible, 0) * 1.7), 1);opacity:var(--v);transform:translateY(calc((1 - var(--v)) * 1.5rem))}.corridor-num{font-family:var(--font-display, sans-serif);font-size:3rem;line-height:1}.journey-marquee{overflow:hidden;background:var(--color-brutal-black, #0a0a0a);color:#fff;border-block:3px solid var(--color-brutal-cyan, #00f5ff);padding-block:.75rem;white-space:nowrap}.journey-marquee-track{display:inline-flex;gap:0;font-family:var(--font-mono, monospace);font-size:.75rem;letter-spacing:.18em;animation:journey-marquee 38s linear infinite}@keyframes journey-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.journey-marquee-track{animation:none}}.journey-rail{position:fixed;right:1.25rem;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:.9rem;align-items:flex-end}.journey-rail a{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff}.journey-rail-dot{width:10px;height:10px;border:2px solid rgba(255,255,255,.45);background:transparent;transition:background .2s,border-color .2s,transform .2s}.journey-rail-label{font-family:var(--font-mono, monospace);font-size:.6rem;letter-spacing:.16em;opacity:0;transform:translate(.4rem);transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;order:-1}.journey-rail a:hover .journey-rail-label,.journey-rail a:focus-visible .journey-rail-label,.journey-rail a.is-active .journey-rail-label{opacity:.85;transform:translate(0)}.journey-rail a:hover .journey-rail-dot,.journey-rail a:focus-visible .journey-rail-dot{border-color:var(--color-brutal-cyan, #00f5ff);transform:scale(1.25)}.journey-rail a.is-active .journey-rail-dot{background:var(--color-brutal-cyan, #00f5ff);border-color:var(--color-brutal-cyan, #00f5ff);transform:scale(1.25)}@media(max-width:900px){.journey-rail{display:none}}.journey-scroll a:focus-visible,.journey-scroll button:focus-visible{outline:3px solid var(--color-brutal-yellow, #ffe900);outline-offset:3px}@media(max-width:767px){.journey-panel{padding:4.5rem 1rem}.journey-panel--tall{min-height:115vh;min-height:115svh}.corridor-step,.corridor-step[data-side=left],.corridor-step[data-side=right]{justify-content:center;min-height:62vh;min-height:62svh;padding-inline:1rem}.corridor-caption{max-width:100%;width:100%;box-shadow:6px 6px #0a0a0a}.corridor-caption:after{display:none}.j-card{padding:1.25rem;box-shadow:6px 6px 0 0 var(--color-brutal-black, #0a0a0a)}#hero.journey-panel{align-items:flex-start;padding-top:7rem}#hero .reveal>a,#hero .reveal>.brutal-border{width:100%;text-align:center}#contact a,#contact .brutal-border{flex-direction:column;align-items:stretch;gap:.75rem}#contact a>span:last-child,#contact .brutal-border>span:last-child{text-align:center}#contact .text-sm,#contact .md\:text-base{word-break:break-word}.journey-scroll a,.journey-scroll button{min-height:44px;display:inline-flex;align-items:center}.journey-scroll .corridor-caption a{justify-content:center}}@media(max-width:380px){.journey-panel{padding:4rem .75rem}.j-heading{font-size:clamp(2rem,11vw,2.75rem)}.j-card{padding:1rem;box-shadow:5px 5px 0 0 var(--color-brutal-black, #0a0a0a)}.j-label{font-size:.6rem;letter-spacing:.12em}.corridor-num{font-size:2.25rem}#about .grid{gap:.5rem}}@media(prefers-reduced-motion:reduce){[data-panel] .reveal,.corridor-caption{opacity:1!important;transform:none!important;transition:none!important}.journey-panel--corridor{min-height:0}.corridor-step{min-height:0;padding:2rem 0;justify-content:flex-start!important}}html.no-webgl .journey-panel--corridor{min-height:0}html.no-webgl .corridor-step{min-height:0;padding-block:1rem;justify-content:flex-start!important}html.no-webgl .corridor-caption,html.no-webgl [data-panel] .reveal{opacity:1;transform:none}html.no-webgl .journey-panel,html.no-webgl .journey-panel--tall{min-height:0;padding-block:4rem}html:not(.journey-ready) [data-panel] .reveal,html:not(.journey-ready) .corridor-caption{opacity:1;transform:none}.journey-intro{position:fixed;inset:0;z-index:999998;background:#0a0a0a;display:grid;place-items:center;transition:opacity .6s ease,visibility .6s}.journey-intro.is-done{opacity:0;visibility:hidden;pointer-events:none}.journey-intro-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.journey-intro-mark{font-family:var(--font-mono, monospace);font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.3em;color:#fff}.journey-intro-bar{width:min(240px,60vw);height:4px;background:#ffffff26;overflow:hidden}.journey-intro-bar span{display:block;height:100%;width:0;background:var(--color-brutal-cyan, #00f5ff);transition:width 1.1s cubic-bezier(.16,1,.3,1)}.journey-intro.is-loading .journey-intro-bar span{width:100%}.journey-intro-skip{font-family:var(--font-mono, monospace);font-size:.65rem;letter-spacing:.2em;color:#ffffff80;background:none;border:2px solid rgba(255,255,255,.2);padding:.4rem 1rem;cursor:pointer}.journey-intro-skip:hover,.journey-intro-skip:focus-visible{color:#fff;border-color:var(--color-brutal-cyan, #00f5ff)}html:not(.journey-ready) .journey-intro{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.journey-intro{display:none}}.journey-audio{position:fixed;left:1.25rem;bottom:1.25rem;z-index:60;display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:#0a0a0abf;border:2px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-mono, monospace);font-size:.6rem;letter-spacing:.16em;cursor:pointer}.journey-audio:hover,.journey-audio:focus-visible{border-color:var(--color-brutal-cyan, #00f5ff)}.journey-audio-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.journey-audio-bars i{width:2px;height:3px;background:currentColor}.journey-audio[aria-pressed=true]{color:var(--color-brutal-cyan, #00f5ff);border-color:var(--color-brutal-cyan, #00f5ff)}.journey-audio[aria-pressed=true] .journey-audio-bars i{animation:journey-eq .9s ease-in-out infinite}.journey-audio[aria-pressed=true] .journey-audio-bars i:nth-child(2){animation-delay:.15s}.journey-audio[aria-pressed=true] .journey-audio-bars i:nth-child(3){animation-delay:.3s}@keyframes journey-eq{0%,to{height:3px}50%{height:12px}}@media(prefers-reduced-motion:reduce){.journey-audio-bars i{animation:none!important}}.journey-panel--outro{min-height:240vh;min-height:240svh;align-items:flex-start;padding-top:0}.journey-panel--outro .journey-inner{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}.journey-outro-hint{position:sticky;top:calc(100svh - 7rem);align-self:center;color:#ffffffbf;letter-spacing:.3em;font-size:.7rem;display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.1rem;border:2px solid rgba(255,255,255,.25);background:#0a0a0a80}.journey-outro-hint:after{content:"↓";font-size:.85rem;animation:journey-hint-bob 1.6s ease-in-out infinite}@keyframes journey-hint-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.journey-outro-hint:after{animation:none}}@media(max-width:767px){.journey-panel--outro{min-height:140vh;min-height:140svh}.journey-outro-hint{top:calc(100svh - 6rem);font-size:.65rem;letter-spacing:.22em}}@media(prefers-reduced-motion:reduce){.journey-panel--outro{min-height:0;padding:3rem 1.25rem}}[data-loop-clone]{user-select:none}.journey-panel--sequence{align-items:flex-start;padding-top:0;padding-bottom:0}.skill-step{min-height:62vh;min-height:62svh;display:flex;align-items:center}.skill-step[data-side=left]{justify-content:flex-end}.skill-step[data-side=right]{justify-content:flex-start}.skill-card{max-width:24rem;--v: clamp(0, calc(var(--panel-visible, 0) * 1.7), 1);opacity:var(--v);transform:translateY(calc((1 - var(--v)) * 1.5rem))}@media(max-width:767px){.skill-step,.skill-step[data-side=left],.skill-step[data-side=right]{justify-content:center;min-height:58vh;min-height:58svh;padding-inline:1rem}.skill-card{max-width:100%;width:100%}}