:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;--background:#050607;--foreground:#ececea;--muted:#ececea80;--hairline:#ececea33;--veil:#0203033d;background:var(--background);font-family:Helvetica Neue,Neue Haas Grotesk Text Pro,Avenir Next,Arial,sans-serif}:root[data-theme=morning]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f3f0e9;--foreground:#282a2b;--muted:#282a2b85;--hairline:#282a2b33;--veil:#f3f0e92e}*{box-sizing:border-box}html{background:var(--background);min-height:100%;transition:background-color 1.2s cubic-bezier(.22,1,.36,1)}body,#root{min-height:100%;margin:0}body{background:var(--background);min-width:320px;color:var(--foreground);transition:color 1.2s cubic-bezier(.22,1,.36,1),background-color 1.2s cubic-bezier(.22,1,.36,1);overflow-x:hidden}button{font:inherit}.experience{isolation:isolate;background:var(--background);min-height:100%;transition:background-color 1.2s cubic-bezier(.22,1,.36,1);position:relative}.canvas-shell{z-index:0;position:fixed;inset:0;overflow:hidden}.canvas-shell:before,.canvas-shell:after{z-index:1;pointer-events:none;content:"";position:absolute;inset:0}.canvas-shell:before{background:radial-gradient(circle at 62% 48%, transparent 18%, color-mix(in srgb, var(--background) 12%, transparent) 62%, color-mix(in srgb, var(--background) 52%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--veil) 82%, transparent), transparent 38%, transparent 78%, var(--veil));mix-blend-mode:normal}.canvas-shell:after{opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");background-size:180px 180px}.canvas-shell canvas{touch-action:pan-y;width:100%;height:100%;display:block}.scroll-runway{--journey-progress:0;z-index:2;pointer-events:none;height:540svh;min-height:2700px;position:relative}.interface-header,.hero-identity,.journey-index,.scroll-cue{z-index:3;color:var(--foreground);transition:color 1.2s cubic-bezier(.22,1,.36,1);position:fixed}.interface-header{pointer-events:none;justify-content:space-between;align-items:flex-start;padding:clamp(24px,3.8vw,58px) clamp(24px,4.3vw,68px);display:flex;top:0;left:0;right:0}.wordmark{letter-spacing:.58em;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1}.hero-identity{width:min(34vw,470px);transform:translateY(calc(var(--journey-progress) * -34px));opacity:clamp(0, calc(1 - var(--journey-progress) * 2.55), 1);pointer-events:none;will-change:transform, opacity;top:31vh;left:clamp(118px,12.7vw,196px)}.hero-identity h1{color:var(--foreground);letter-spacing:.48em;margin:0 -.48em 22px 0;font-size:clamp(38px,4.15vw,64px);font-weight:300;line-height:.95}.hero-identity p{margin:0}.hero-identity__role{color:var(--foreground);letter-spacing:.34em;text-transform:uppercase;font-size:9px;font-weight:500;line-height:1.3}.hero-identity__statement{color:var(--muted);letter-spacing:.015em;font-size:clamp(11px,.9vw,13px);font-weight:400;line-height:1.5;margin-top:16px!important}.theme-toggle{min-width:0;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.theme-toggle:focus-visible{outline-offset:8px;outline:1px solid}.theme-toggle__label{letter-spacing:.26em;text-transform:uppercase;font-size:8px;font-weight:500}.theme-toggle__orb{border:1px solid var(--hairline);border-radius:50%;place-items:center;width:30px;height:30px;transition:border-color 1.2s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.theme-toggle:hover .theme-toggle__orb{transform:rotate(25deg)}.theme-toggle__orb:before,.theme-toggle__orb:after{content:"";background:currentColor;width:8px;height:1px;position:absolute}.theme-toggle__orb:after{transform:rotate(90deg)}.theme-toggle__orb span{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px}.journey-index{letter-spacing:.18em;opacity:clamp(.42, calc(.62 + var(--journey-progress) * .38), 1);justify-items:center;gap:10px;font-size:7px;font-weight:500;display:grid;top:50%;left:clamp(24px,4.3vw,68px);transform:translateY(-50%)}.journey-index__track{background:var(--hairline);width:1px;height:clamp(74px,14vh,132px);transition:background-color 1.2s cubic-bezier(.22,1,.36,1);display:block;position:relative}.journey-index__progress{transform:scaleY(var(--journey-progress));transform-origin:top;background:currentColor;position:absolute;inset:0}.journey-index__point{background:var(--background);border:1px solid;border-radius:50%;width:5px;height:5px;transition:background-color 1.2s cubic-bezier(.22,1,.36,1);position:absolute;left:50%;transform:translate(-50%,-50%)}.journey-index__point--start{top:0}.journey-index__point--end{top:100%}.scroll-cue{color:var(--muted);letter-spacing:.28em;text-transform:uppercase;opacity:calc(1 - min(var(--journey-progress) * 5, .82));justify-items:center;gap:12px;font-size:7px;font-weight:500;transition:color 1.2s cubic-bezier(.22,1,.36,1);display:grid;bottom:clamp(56px,10vh,104px);left:50%;transform:translate(-50%)}.scroll-cue__line{background:var(--hairline);width:1px;height:24px;position:relative;overflow:hidden}.scroll-cue__line:after{content:"";background:currentColor;animation:2.2s cubic-bezier(.65,0,.35,1) infinite travel-cue;position:absolute;inset:0}.material-debug-panel{z-index:12;border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);width:min(360px,100vw - 44px);color:var(--foreground);background:color-mix(in srgb, var(--background) 74%, transparent);box-shadow:0 18px 64px #0000002e, inset 0 1px 0 color-mix(in srgb, var(--foreground) 7%, transparent);-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%);pointer-events:auto;border-radius:16px;padding:15px;transition:color .8s cubic-bezier(.22,1,.36,1),background-color .8s cubic-bezier(.22,1,.36,1),border-color .8s cubic-bezier(.22,1,.36,1),opacity .35s,visibility .35s;position:fixed;bottom:22px;right:22px}.material-debug-panel__header{letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:8px;font-weight:600;display:flex}.material-debug-panel__header output{color:var(--muted);font-variant-numeric:tabular-nums}.material-debug-panel fieldset{border:0;grid-template-columns:68px 1fr;align-items:center;gap:8px;min-width:0;margin:7px 0 0;padding:0;display:grid}.material-debug-panel legend{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:7px;font-weight:500;display:contents}.material-debug-panel__options{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.material-debug-panel button{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);min-height:28px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb, var(--foreground) 3%, transparent);cursor:pointer;border-radius:8px;padding:0 8px;font-size:7px;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.material-debug-panel button:hover,.material-debug-panel button:focus-visible{color:var(--foreground);border-color:color-mix(in srgb, var(--foreground) 34%, transparent);outline:none}.material-debug-panel button[aria-pressed=true]{color:var(--background);border-color:var(--foreground);background:var(--foreground)}.material-debug-panel__hide{width:100%;margin-top:11px}.material-debug-restore{z-index:12;border:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);width:34px;height:34px;color:var(--foreground);background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:22px;right:22px}.material-debug-restore span{border:1px solid;border-radius:50%;width:7px;height:7px}.experience[data-typography-hidden=true] .interface-header,.experience[data-typography-hidden=true] .hero-identity,.experience[data-typography-hidden=true] .journey-index,.experience[data-typography-hidden=true] .scroll-cue,.experience[data-typography-hidden=true] .material-debug-panel{visibility:hidden;opacity:0;pointer-events:none}.experience[data-capture=true] .material-debug-restore{display:none}@keyframes travel-cue{0%{transform:translateY(-105%)}55%,to{transform:translateY(105%)}}@media (width<=700px){.scroll-runway{height:500svh;min-height:2400px}.interface-header{padding:24px 20px}.theme-toggle__label{display:none}.theme-toggle__orb{width:28px;height:28px}.journey-index{opacity:.56;left:20px}.hero-identity{width:calc(100vw - 40px);top:17vh;left:20px}.hero-identity h1{letter-spacing:.42em;margin-bottom:18px;font-size:clamp(30px,10.5vw,42px)}.hero-identity__role{font-size:8px}.hero-identity__statement{max-width:250px;font-size:10px;margin-top:13px!important}.scroll-cue{bottom:34px}.material-debug-panel{width:calc(100vw - 24px);bottom:12px;right:12px}.material-debug-restore{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
