@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.inline{display:inline}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--panel:#0a0f1ad1;--border:#aec3ff2e;--text:#eef4ff;--muted:#d6def5bd;--accent:#f5c76a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#05070f;margin:0;overflow:hidden}body{background:radial-gradient(120% 70% at 50% -10%,#101a33 0%,#05070f 55%)}button,a{font:inherit}.experience{touch-action:none;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.webgl-layer{z-index:0;position:absolute;inset:0}.webgl-layer canvas{display:block;width:100%!important;height:100%!important}.hero-overlay{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem;transition:opacity .2s linear;display:flex;position:absolute;inset:0}.hero-overlay:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 40%,#04081447 0%,#0408148c 54%,#040814d1 100%);position:absolute;inset:0}.hero-overlay .eyebrow{letter-spacing:.3rem;text-transform:uppercase;color:#e9efffb8;margin-bottom:1.1rem;font-size:.7rem}.hero-overlay h1{letter-spacing:-.06em;font-size:clamp(2.6rem,8vw,6rem);line-height:.92;font-family:var(--font-display);text-wrap:balance;margin:0}.hero-overlay h1 span{color:#7af0d1}.hero-overlay p{max-width:32rem;color:var(--muted);text-wrap:pretty;margin:1.2rem 0 0;font-size:1.05rem;line-height:1.7}.hero-stats{flex-wrap:wrap;justify-content:center;gap:1.4rem 2.2rem;max-width:40rem;margin:1.8rem 0 0;padding:0;display:flex}.hero-stats div{flex-direction:column;align-items:center;gap:.3rem;display:flex}.hero-stats dt{letter-spacing:.14rem;text-transform:uppercase;color:#e9efff8c;font-size:.62rem}.hero-stats dd{color:var(--text);margin:0;font-size:.95rem;font-weight:600}.hero-cta{color:#ffe7b2;letter-spacing:.12rem;text-transform:uppercase;cursor:pointer;background:#f5c76a29;border:1px solid #f5c76a73;border-radius:999px;margin-top:1.5rem;padding:.8rem 1.2rem;font-size:.74rem;transition:transform .18s,background .18s,border-color .18s}.hero-cta:hover{background:#f5c76a42;border-color:#f5c76ab8;transform:translateY(-1px)}.scroll-hint{z-index:3;letter-spacing:.16rem;text-transform:uppercase;color:#e9efffb8;flex-direction:column;align-items:center;gap:.6rem;font-size:.7rem;transition:opacity .2s linear;display:flex;position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%)}.chapter-readout{top:max(1.3rem, env(safe-area-inset-top));left:max(1.4rem, env(safe-area-inset-left));z-index:3;-webkit-backdrop-filter:blur(12px)saturate(130%);backdrop-filter:blur(12px)saturate(130%);background:#070b1485;border:1px solid #aec3ff33;border-radius:.9rem;width:min(26rem,52vw);padding:.8rem .95rem;transition:opacity .2s linear;position:absolute}.chapter-readout__label{letter-spacing:.16rem;text-transform:uppercase;color:#e9efff99;font-size:.62rem}.chapter-readout h3{letter-spacing:-.02em;margin:.45rem 0 0;font-size:1.05rem}.chapter-readout p{color:#d6def5b8;margin:.3rem 0 0;font-size:.82rem}.chapter-readout__track{background:#ffffff26;border-radius:999px;width:100%;height:3px;margin-top:.62rem;position:relative;overflow:hidden}.chapter-readout__fill{background:#f5c76a;border-radius:999px;height:100%;position:absolute;inset:0 auto 0 0}.mouse-icon{border:2px solid #e9efff8c;border-radius:999px;justify-content:center;width:26px;height:40px;padding-top:6px;display:flex}.mouse-icon span{background:#e9efffbf;border-radius:999px;width:4px;height:8px;animation:1.6s ease-in-out infinite scroll-wheel}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:.2;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.progress-rail{z-index:3;cursor:pointer;touch-action:none;justify-content:center;width:1.6rem;height:min(44vh,360px);display:flex;position:absolute;top:50%;right:1.8rem;transform:translateY(-50%)}.progress-track{background:#e9efff29;border-radius:999px;width:3px;height:100%;transition:background .15s linear;position:relative}.progress-rail:hover .progress-track{background:#e9efff4d}.progress-thumb{background:#f5c76a;border-radius:999px;width:9px;height:9px;transition:top .1s linear;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #f5c76ab3}.progress-rail:hover .progress-thumb{width:12px;height:12px}.progress-rail--horizontal{top:max(.9rem, env(safe-area-inset-top));width:min(70vw,320px);height:1.2rem;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.progress-rail--horizontal .progress-track{width:100%;height:3px}.progress-rail--horizontal .progress-thumb{top:50%;transform:translate(-50%,-50%)}.project-panel{transform-origin:50%;z-index:2;border:1px solid #e9efff2b;border-top:2px solid var(--accent);background:linear-gradient(165deg, #0f1626e0 0%, #080c17d1 100%), var(--panel);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);will-change:transform, opacity;contain:layout paint style;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e9efff4d transparent;border-radius:1.5rem;width:min(380px,40vw);max-height:min(56vh,620px);padding:1.7rem 1.8rem;position:absolute;top:66%;overflow-y:auto;translate:0 -20%;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff0f,0 0 0 1px #ffffff05}.project-panel::-webkit-scrollbar{width:6px}.project-panel::-webkit-scrollbar-thumb{background:#e9efff47;border-radius:999px}.panel-left{left:6%}.panel-right{right:6%}.project-tag{letter-spacing:.18rem;text-transform:uppercase;color:#dfe6ffad;align-items:center;gap:.55rem;margin-bottom:.9rem;font-size:.68rem;display:flex}.project-tag:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:999px;flex:none}.project-panel h2{letter-spacing:-.05em;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:.94;font-family:var(--font-display);text-wrap:balance;margin:0}.project-panel p{color:var(--muted);margin:.9rem 0 0;font-size:.95rem;line-height:1.7}.story-paragraph{display:block}.story-paragraph+.story-paragraph{margin-top:.85rem}.project-meta{letter-spacing:.12rem;text-transform:uppercase;color:#f0f4ffbf;border-top:1px solid #ffffff14;justify-content:flex-start;gap:1rem;margin-top:1.3rem;padding-top:.9rem;font-size:.68rem;display:flex}.panel-center{left:50%;right:auto}.project-panel--story,.project-panel--video,.project-panel--meter,.project-panel--list,.project-panel--versus{width:min(620px,88vw);max-height:min(64vh,560px);padding:2rem 2.2rem;overflow-y:auto}.project-panel--story{background:linear-gradient(160deg, #09161ce6 0%, #080e16db 100%), var(--panel);border-top-color:#7af0d1a6}.project-panel--achievement,.project-panel--meter{background:linear-gradient(160deg, #241c0ce0 0%, #110e0ad1 100%), var(--panel);border-top-color:#f5c76ae0}.project-panel--versus{background:linear-gradient(160deg, #23101ae0 0%, #120c14d1 100%), var(--panel);border-top-color:#ff8fa3d9}.project-panel--video,.project-panel--list{background:linear-gradient(160deg, #101426e6 0%, #0a0c18d6 100%), var(--panel);border-top-color:#9bb6ffdb}.project-panel--collage{opacity:.96;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(175deg,#f5f1e9f5 0%,#e5decfed 100%);border:1px solid #262e3c33;border-top:5px solid #f5c76ac7;width:min(280px,68vw);padding:1rem 1.1rem .9rem;box-shadow:0 18px 38px #00000059,inset 0 1px #ffffffa6}.project-panel--collage h2{letter-spacing:.02em;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.2;font-family:var(--font-sans);text-transform:uppercase;color:#1c202beb;font-weight:700}.project-panel--collage p{color:#282e3bd1}.project-panel--collage .project-meta{color:#242c3cb8;border-top-color:#1d243329}.project-panel--achievement{text-align:center}.project-panel--achievement .project-tag,.project-panel--versus .project-tag{justify-content:center}.project-panel--story .project-tag{color:#b6f5e4d1}.project-panel--achievement .project-tag,.project-panel--meter .project-tag{color:#ffe4a5d9}.project-panel--versus .project-tag{color:#ffbccbdb}.project-panel--video .project-tag,.project-panel--list .project-tag{color:#c6d6ffdb}.project-panel--achievement .project-tag{letter-spacing:.1rem;color:var(--text);font-size:.78rem}.project-panel--versus{text-align:center}.meter-list{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.meter-row{color:var(--muted);grid-template-columns:minmax(7rem,auto) 1fr 2.6rem;align-items:center;gap:.7rem;font-size:.82rem;display:grid}.meter-track{background:#ffffff1f;border-radius:999px;height:6px;position:relative;overflow:hidden}.meter-fill{border-radius:999px;height:100%;position:absolute;inset:0 auto 0 0}.meter-value{text-align:right;color:#f0f4ffbf;font-size:.75rem}.list-items{flex-direction:column;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.list-items li{color:var(--muted);align-items:baseline;gap:.8rem;font-size:.95rem;line-height:1.5;display:flex}.list-item-number{color:#f5c76a;flex:none;min-width:1.7rem;font-size:.85rem;font-weight:700}.memory-video{background:#000;border:1px solid #ffffff24;border-radius:.9rem;width:auto;max-width:100%;max-height:min(46vh,420px);margin:1rem auto 0;display:block}.depth-readout{bottom:max(1.6rem, env(safe-area-inset-bottom));left:max(1.8rem, env(safe-area-inset-left));z-index:3;letter-spacing:.16rem;color:#e9efff8c;font-size:.68rem;position:absolute}.password-gate{z-index:50;opacity:1;background:#05070f;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .7s,transform .7s;display:flex;position:fixed;inset:0;transform:scale(1)}.password-gate--leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.password-gate__panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;border-radius:1.5rem;width:min(360px,100%);padding:2.2rem 2rem;box-shadow:0 30px 80px #00000080}.password-gate__eyebrow{letter-spacing:.3rem;text-transform:uppercase;color:#e9efffb8;margin-bottom:.9rem;font-size:.7rem}.password-gate__panel h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,4vw,1.9rem)}.password-gate__hint{color:var(--muted);margin:.7rem 0 1.4rem;font-size:.9rem;line-height:1.6}.password-gate__input{border:1px solid var(--border);width:100%;color:var(--text);text-align:center;background:#ffffff0d;border-radius:.8rem;outline:none;padding:.8rem 1rem;font-size:1rem;transition:border-color .15s linear}.password-gate__input:focus{border-color:#e9efff8c}.password-gate__error{color:#ff9d9d;margin:.9rem 0 0;font-size:.82rem}.password-gate__submit{color:#1a1406;cursor:pointer;background:#f5c76a;border:none;border-radius:.8rem;width:100%;margin-top:1.2rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:opacity .15s linear,transform .15s}.password-gate__submit:hover{transform:translateY(-1px)}.password-gate__submit:disabled{opacity:.7;cursor:default;transform:none}.motion-permission{top:max(1.4rem, env(safe-area-inset-top));z-index:4;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);letter-spacing:.08rem;cursor:pointer;border-radius:999px;padding:.6rem 1.1rem;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%)}.experience-loading{z-index:40;color:#e9efffbf;letter-spacing:.14rem;text-transform:uppercase;background:#05070f;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;font-size:.72rem;display:flex;position:fixed;inset:0}.experience-loading__spinner{border:2px solid #e9efff2e;border-top-color:var(--accent);border-radius:999px;width:34px;height:34px;animation:.9s linear infinite experience-loading-spin}@keyframes experience-loading-spin{to{transform:rotate(360deg)}}@media (max-width:860px){.project-panel{width:min(84vw,420px);max-height:50vh;top:70%;translate:0 -30%}.panel-left,.panel-right{left:50%;right:auto}.project-panel--story,.project-panel--video,.project-panel--meter,.project-panel--list,.project-panel--versus{width:min(90vw,460px);max-height:52vh;top:78%;translate:0 -38%}.hero-stats{gap:1rem 1.6rem}.chapter-readout{top:max(2.7rem, env(safe-area-inset-top));width:min(90vw,24rem)}}@media (max-width:480px){.hero-overlay{padding:0 1rem}.hero-overlay .eyebrow{letter-spacing:.2rem}.hero-overlay p{font-size:.95rem}.hero-stats{gap:.8rem 1.1rem;margin-top:1.2rem}.hero-stats dt{letter-spacing:.1rem}.hero-stats dd{font-size:.88rem}.hero-cta{margin-top:1rem;padding:.72rem 1rem;font-size:.66rem}.chapter-readout{top:max(2.8rem, env(safe-area-inset-top));width:min(92vw,23rem);left:50%;transform:translate(-50%)}.chapter-readout h3{font-size:.95rem}.chapter-readout p{font-size:.75rem}.project-panel{width:min(90vw,360px);max-height:42vh;padding:1.3rem 1.4rem;top:74%}.project-panel h2{font-size:clamp(1.5rem,6vw,2rem)}.project-panel p{font-size:.85rem;line-height:1.6}.project-panel--story,.project-panel--video,.project-panel--meter,.project-panel--list,.project-panel--versus{width:min(94vw,400px);max-height:44vh;padding:1.5rem 1.4rem;top:80%;translate:0 -40%}.meter-row{grid-template-columns:minmax(5.5rem,auto) 1fr 2.2rem;font-size:.72rem}.scroll-hint{bottom:max(1.6rem, env(safe-area-inset-bottom))}.progress-rail--horizontal{width:min(84vw,280px)}.depth-readout{display:none}}@media (prefers-reduced-motion:reduce){.mouse-icon span,.experience-loading__spinner{animation:none}.hero-overlay,.scroll-hint,.chapter-readout,.project-panel,.hero-cta,.progress-track,.progress-thumb{transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
