*{box-sizing:border-box} :root{color-scheme:dark;--blue:#53baff;--white:#f1f3f3}body{margin:0;background:#060b11;color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #8bd2ff;outline-offset:7px}button{border:0;background:none}a{color:inherit;text-decoration:none}.experience{height:100svh;min-height:780px;max-height:1300px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 58% 33%,#22334955,transparent 50%),linear-gradient(110deg,#03070a,#101b28 54%,#05090e)}header{height:100px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%}.wordmark{font-size:27px;letter-spacing:8px;font-weight:500}nav{display:flex;align-items:center;gap:29px}nav button{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#c6cdd6}nav button:hover{color:white}.outline{border:1px solid #a2acb8;border-radius:30px;padding:13px 30px;font-size:10px;text-transform:uppercase;letter-spacing:2px}.outline:hover{background:#dae9ff12;border-color:#d7eaff}.architecture{position:absolute;inset:0;z-index:-1}.architecture i{position:absolute;top:0;height:61%;width:27px;background:linear-gradient(90deg,#070a0d,#37414a 42%,#141d26 58%,#010406);box-shadow:13px 0 20px #000}.architecture i:after{content:"";position:absolute;bottom:16%;left:10px;width:3px;height:90px;background:linear-gradient(transparent,#fff0d9);box-shadow:0 0 17px 3px #ffe3b44d}.architecture i:nth-child(1){left:1%}.architecture i:nth-child(2){left:21%;width:60px;opacity:.8}.architecture i:nth-child(2):after{top:0;bottom:auto;height:38%;background:#bddfff;box-shadow:0 0 12px #8fcaff}.architecture i:nth-child(3){right:13%;width:19px;opacity:.45}.architecture i:nth-child(4){right:1%}.floor{position:absolute;z-index:-1;inset:49% -20% -20%;background:repeating-linear-gradient(0deg,transparent 0 37px,#a4bce815 38px,transparent 40px),repeating-linear-gradient(90deg,transparent 0 240px,#b3d3ff0a 241px,transparent 244px),radial-gradient(ellipse at 53% 0,#598fbb40,transparent 60%),linear-gradient(#17232e,#04070b 70%);transform:perspective(450px) rotateX(43deg);transform-origin:top}.mist{position:absolute;top:36%;width:100%;height:27%;opacity:.45;background:radial-gradient(ellipse at 32% 70%,#99c9e524,transparent 40%),radial-gradient(ellipse at 75% 55%,#b1c2d733,transparent 38%);filter:blur(17px);animation:mist 14s ease-in-out infinite alternate}.intro{position:absolute;z-index:3;top:18%;left:4.9%}.rule{height:1px;width:38px;background:#d5d7d7;margin-bottom:20px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(47px,4.5vw,82px);font-weight:400;letter-spacing:-2.5px;line-height:.99;margin:0 0 18px}.intro p{font-size:16px;color:#a7b5c5;font-weight:300}.text-link{padding:13px 0 7px;letter-spacing:2px;text-transform:uppercase;color:#abc9e3;font-size:9px;border-bottom:1px solid #467496}.text-link span{font-size:19px;margin-left:8px}.picture-label{position:absolute;top:12.5%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;text-transform:uppercase;text-align:center;z-index:2}.picture-label span{display:block;width:1px;height:27px;background:#91a2b4;margin:15px auto}.right-note,.left-bottom,.right-bottom,footer{font-size:9px;line-height:2;letter-spacing:2.4px;text-transform:uppercase;color:#91a1b3}.right-note{position:absolute;right:5%;top:17%;z-index:2}aside i{display:block;margin-top:20px;width:28px;height:1px;background:#8293a3}.left-bottom{position:absolute;left:4.9%;top:60%}.right-bottom{position:absolute;right:5%;top:60%}.visual{position:absolute;top:15%;left:24%;width:68%;height:48%;pointer-events:none}.visual svg{width:100%;height:100%;overflow:visible}.asset-caption{position:absolute;top:56%;left:50%;display:flex;align-items:center;gap:15px;font-size:10px;color:#c1cbd5;letter-spacing:1px;white-space:nowrap}.asset-caption>span:first-child{color:#73bbef;font-size:9px}.caption-line{height:1px;width:30px;background:#65809a}#asset-type{color:#7e91a5;font-size:9px}.console{position:absolute;width:900px;height:400px;bottom:-80px;left:50%;transform:translateX(-50%);z-index:4;background:radial-gradient(ellipse at 50% 100%,#1c2633,#080d13 65%,transparent 66%)}.track{position:absolute;width:100%;height:210px;top:-7px}.categories{position:absolute;inset:0}.category{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#ced4dc;transition:color .25s,filter .25s;transform:translateX(-50%);width:100px;padding:8px 0}.category svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.category:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#dce6ef;bottom:-17px;box-shadow:0 0 5px #d6eaff}.category.active{color:#e9f7ff;filter:drop-shadow(0 0 7px #169bff)}.category.active:after{background:#fff;box-shadow:0 0 8px 3px #159aff}.category:nth-child(1){left:15%;top:91px}.category:nth-child(2){left:31.5%;top:27px}.category:nth-child(3){left:50%;top:5px}.category:nth-child(4){left:68.5%;top:27px}.category:nth-child(5){left:85%;top:91px}.dial-base{position:absolute;width:610px;height:375px;left:50%;top:113px;transform:translateX(-50%);border-radius:50%;background:repeating-radial-gradient(ellipse at center,#263442 0px,#111820 1px,#131e28 3px);border:2px solid #818c94;box-shadow:0 0 0 3px #080b0e,0 0 0 5px #606d79,0 14px 22px #000,inset 0 0 25px #03060b}.base-ring{position:absolute;inset:27px 42px;border-radius:50%;border:1px solid #d3e8ff;box-shadow:0 3px 5px #70b8ff,inset 0 -6px 9px #076eff;background:#070c13}.dial-edge{position:absolute;width:410px;height:278px;left:50%;top:22px;transform:translateX(-50%);border-radius:50%;background:repeating-conic-gradient(from 15deg,#101820 0deg 1deg,#82919b 1.4deg 1.8deg,#05090d 2.5deg 3deg);box-shadow:0 4px 1px #afbec8,0 8px 2px #111821,0 15px 22px #000}.dial{position:absolute;width:404px;height:240px;top:6px;left:50%;transform:translateX(-50%);border-radius:50%;touch-action:none;cursor:grab;border:2px solid #e2e7e8;background:#020507;padding:8px;box-shadow:0 2px 0 #9eabb6,0 7px 0 #05080b,0 11px 0 #4a535c,0 13px 2px #010307}.dial:active{cursor:grabbing}.dial-face{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 1px,#dae1ea12 1.5px,transparent 2px),conic-gradient(from 10deg,#13181e,#626c73 44deg,#1a2026 86deg,#8d959a 126deg,#252c31 160deg,#7d878e 210deg,#151b22 251deg,#858d92 293deg,#13181e);box-shadow:inset 0 0 0 1px #a8b3ba,inset 0 0 20px #0007}.needle{position:absolute;inset:0;transform:rotate(-65deg);transition:transform 850ms cubic-bezier(.2,.75,.15,1)}.needle:before{content:"";position:absolute;top:8px;left:calc(50% - 4px);height:64px;width:8px;background:#e6f8ff;border-radius:2px;box-shadow:0 0 5px #fff,0 0 12px 4px #219bff,0 0 25px 8px #0055ff}.hub{position:absolute;width:6px;height:6px;top:50%;left:50%;border-radius:50%;background:#919ba0;box-shadow:0 0 8px #c4d5e64a}.turn{position:absolute;top:235px;width:45px;height:45px;border:1px solid #849caf40;border-radius:50%;color:#b9d0e3;font-family:Georgia,serif;font-size:30px;z-index:3;background:#0b1319aa}.turn:hover{border-color:#76c0ff;box-shadow:0 0 20px #248cff30}.previous{left:160px}.next{right:160px}.turn-hint{position:absolute;top:318px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#8797a8;pointer-events:none}.turn-hint span{margin:0 10px;color:#abd5f7}footer{position:absolute;bottom:6%;left:4.9%;right:4.9%;display:flex;justify-content:space-between;pointer-events:none}dialog{width:min(550px,90vw);border:1px solid #546f87;padding:55px;background:linear-gradient(140deg,#182635,#080e16);color:#edf2f7;box-shadow:0 25px 100px #000;border-radius:4px}dialog::backdrop{background:#02060bcc;backdrop-filter:blur(9px)}.close{position:absolute;right:17px;top:12px;font-size:27px;color:#9fb2c5}.eyebrow{font-size:9px;letter-spacing:2px;color:#85b9e3}dialog h2{font:normal 40px/1.1 Georgia,serif}dialog p{font-size:15px;line-height:1.8;color:#aebdca}.dialog-assets{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.dialog-assets span{border:1px solid #38516a;border-radius:20px;padding:8px 12px;font-size:11px;color:#b4cde2}@keyframes mist{to{transform:translateX(5%) scale(1.12)}}
@media(min-width:1600px){.console{transform:translateX(-50%) scale(1.15);transform-origin:bottom}.visual{top:13%;height:49%}.intro{top:19%}}
@media(max-width:1100px){nav{gap:16px}.wordmark{font-size:23px;letter-spacing:6px}.visual{left:27%;width:72%;top:22%;height:39%}.intro p{font-size:13px}.right-note{display:none}.asset-caption{left:42%}#asset-type{display:none}.console{transform:translateX(-50%) scale(.88);transform-origin:bottom;bottom:-60px}.left-bottom,.right-bottom{top:58%}}
@media(max-width:700px){.experience{min-height:830px;max-height:none}header{padding:0 7%;height:80px}.wordmark{font-size:21px;letter-spacing:5px}nav button:not(.outline){display:none}nav .outline{font-size:8px;padding:10px 16px}.intro{top:135px;left:7%}h1{font-size:52px;letter-spacing:-2px}.intro p{font-size:12px}.rule{margin-bottom:17px;width:28px}.picture-label{top:99px;left:7%;transform:none;font-size:7px;letter-spacing:2px}.picture-label span{display:none}.visual{left:-7%;top:325px;width:114%;height:250px}.asset-caption{top:575px;left:50%;transform:translateX(-50%);gap:10px;font-size:9px}.caption-line{display:none}.console{bottom:0;transform:translateX(-50%) scale(.51);height:400px;transform-origin:bottom}.turn-hint{top:360px;font-size:13px}.category{font-size:17px;width:130px}.category svg{width:32px;height:32px}.category:nth-child(1),.category:nth-child(5){top:75px}.category:nth-child(2),.category:nth-child(4){top:10px}.category:nth-child(3){top:-10px}.turn{width:55px;height:55px;top:249px}.previous{left:111px}.next{right:111px}.left-bottom,.right-bottom{display:none}footer{bottom:225px;font-size:6px;letter-spacing:1.4px}footer span:last-child{display:none}.architecture i:nth-child(2){left:80%;opacity:.25}.architecture i:nth-child(3){display:none}.floor{top:54%}.mist{top:42%}.dial-base{top:133px}dialog{padding:40px 28px}dialog h2{font-size:34px}}
.visual{left:32%;width:60%;top:18%;height:40%;mix-blend-mode:screen}.visual svg{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}#art,#incoming{will-change:opacity,transform}#particles{pointer-events:none}.floor{opacity:.65}.asset-caption{z-index:2}
@media(min-width:1600px){.visual{left:30%;width:62%;top:18%;height:41%}}
@media(max-width:1100px){.visual{left:32%;width:65%;top:25%;height:33%}}
@media(max-width:700px){.visual{left:0;width:100%;top:338px;height:220px}.turn-hint{top:395px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.visual{mix-blend-mode:normal}.visual svg{mask-image:none;-webkit-mask-image:none}
.visual{left:25%;width:72%;top:16%;height:50%}.asset-caption{top:59%}
@media(min-width:1600px){.visual{left:25%;width:72%;top:15%;height:52%}}
@media(min-width:701px) and (max-width:1100px){.visual{left:24%;width:76%;top:25%;height:42%}.asset-caption{top:63%}}
@media(max-width:700px){.experience{min-height:900px}.visual{left:-4%;width:108%;top:355px;height:270px}.asset-caption{top:635px}}
.console{background:none}
.visual{left:50%;width:90%;top:19%;height:60%;transform:translateX(-50%)}
.asset-caption{left:50%;top:67%;transform:translateX(-50%)}
@media(min-width:701px){.experience{min-height:1080px}.intro{top:14%}h1{font-size:clamp(42px,3.4vw,64px)}.intro p{font-size:14px}.visual{top:18%;height:55%}.picture-label{top:11%}.asset-caption{top:65%}}
@media(min-width:701px) and (max-width:1100px){.experience{min-height:1060px}.visual{top:30%;height:47%}.intro{top:13%}.asset-caption{top:69%}}
@media(max-width:700px){.experience{min-height:940px}.visual{left:50%;width:112%;top:380px;height:285px}.asset-caption{top:678px}}
.morph-layer{will-change:opacity,transform;transform-origin:500px 250px;transform-box:view-box}.needle{transition-duration:460ms;transition-timing-function:cubic-bezier(.22,.7,.18,1)}
.legal-backdrop{position:absolute;z-index:-1;inset:30% 0 0;pointer-events:none;opacity:.62;mask-image:linear-gradient(transparent,#000 13%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 88%,transparent)}.legal-backdrop::before,.legal-backdrop::after{content:"";position:absolute;top:0;bottom:0;width:50%;background-image:url('assets/legal-background.png');background-size:144% auto;background-repeat:no-repeat}.legal-backdrop::before{left:0;background-position:left top}.legal-backdrop::after{right:0;background-position:right top}.floor{opacity:.3}
@media(max-width:700px){.legal-backdrop{top:400px;bottom:30px;opacity:.55}.legal-backdrop::before{background-position:left bottom}.legal-backdrop::after{background-position:right bottom}}
.liquid-stage{position:absolute;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 6%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 6%,#000 80%,transparent);-webkit-mask-composite:source-in}.liquid-enabled #art,.liquid-enabled #incoming{visibility:hidden}
.console{transform:translateX(-50%) scale(.65);transform-origin:bottom center;bottom:60px}
@media(min-width:1600px){.console{transform:translateX(-50%) scale(.7475)}}
@media(min-width:701px) and (max-width:1100px){.console{transform:translateX(-50%) scale(.572)}}
@media(max-width:700px){.console{transform:translateX(-50%) scale(.3315);bottom:40px}.category{font-size:24px}.turn-hint{font-size:16px}.turn{width:90px;height:90px;top:230px;font-size:48px}.previous{left:76px}.next{right:76px}}
.scroll-cue{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#9bb3c8;display:flex;gap:17px;align-items:center}.scroll-cue span{font-size:19px;color:#89c8f5}.scroll-cue:hover{color:#fff}
.next-chapter{padding:70px 4.9% 35px;background:radial-gradient(ellipse at 80% 45%,#14253b55,transparent 65%),#060b11;scroll-margin-top:25px}.chapter-heading,.chapter-footer{display:flex;justify-content:space-between;gap:20px;color:#8398aa;font-size:9px;letter-spacing:2px;text-transform:uppercase}.chapter-heading{margin-bottom:25px}.perspective-card{position:relative;isolation:isolate;min-height:610px;border:1px solid #789ab43b;border-radius:5px;overflow:hidden;background:linear-gradient(130deg,#101c29,#080f18 55%,#122334);box-shadow:0 25px 60px #0004,inset 0 1px 0 #b8d8ff15;display:grid;grid-template-columns:40% 60%;padding:65px 55px 110px;align-items:center}.perspective-card:before{content:"";position:absolute;left:0;top:12%;height:55%;width:2px;background:linear-gradient(transparent,#98ccff,transparent);box-shadow:0 0 18px #75b8ff}.card-copy{position:relative;z-index:2}.card-copy h2{font:normal clamp(40px,4vw,68px)/1.03 Georgia,serif;letter-spacing:-2px;margin:24px 0}.card-copy p{max-width:320px;color:#a3b2c2;font-size:14px;line-height:1.8;margin-bottom:25px}.card-scene{position:relative;min-width:0}.card-scene img{width:118%;max-width:none;margin-left:-8%;height:auto;display:block;mask-image:radial-gradient(ellipse,#000 45%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 45%,transparent 73%)}.card-caption{display:flex;justify-content:center;gap:18px;color:#bac9d5;font-size:10px;letter-spacing:1px}.card-caption>span:first-child{color:#6ab5ec;font-size:9px}.card-categories{position:absolute;bottom:0;left:55px;right:55px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #728ea331}.card-categories button{text-align:left;display:flex;gap:15px;padding:26px 0;color:#738b9e;font-size:9px;letter-spacing:1px;border-top:1px solid transparent;margin-top:-1px}.card-categories button span{font-size:12px;color:#a9b8c5;letter-spacing:.4px}.card-categories button[aria-pressed=true]{border-top-color:#65b9ff;color:#80c9ff}.card-categories button[aria-pressed=true] span,.card-categories button:hover span{color:#fff}.chapter-footer{margin-top:25px;font-size:8px;letter-spacing:1.5px}.chapter-footer a:hover{color:#dbeeff}
@media(max-width:900px){.perspective-card{padding:40px 30px 90px;min-height:530px;grid-template-columns:44% 56%}.card-copy h2{font-size:43px}.card-categories{left:30px;right:30px}.card-categories button{gap:8px}.card-copy p{font-size:12px}}
@media(max-width:700px){.next-chapter{padding:45px 6% 28px}.chapter-heading{font-size:7px;letter-spacing:1px}.chapter-heading span:last-child{display:none}.perspective-card{display:flex;flex-direction:column;align-items:stretch;padding:35px 24px 86px;min-height:620px}.card-copy h2{font-size:44px;margin:20px 0}.card-copy p{font-size:13px}.card-scene{margin-top:10px}.card-scene img{width:112%;margin-left:-6%}.card-caption{font-size:9px;gap:12px}.card-categories{left:15px;right:15px}.card-categories button{flex-direction:column;gap:7px;padding:17px 0;align-items:center;min-height:62px}.card-categories button span{font-size:10px}.chapter-footer{font-size:7px;letter-spacing:.5px;line-height:1.6}.eyebrow{font-size:8px}}
.scroll-cue{left:auto;right:4.9%;transform:none;z-index:5;bottom:23px}
@media(max-width:700px){.console{bottom:65px}.scroll-cue{left:50%;right:auto;transform:translateX(-50%);bottom:12px}}

/* Crisp presentation: retain depth while minimizing soft bloom. */
.mist{filter:blur(5px);opacity:.24}
.architecture i{box-shadow:7px 0 10px #000}
.architecture i:after{box-shadow:0 0 6px 1px #ffe3b438}
.architecture i:nth-child(2):after{box-shadow:0 0 5px #8fcaff}
.category.active{filter:drop-shadow(0 0 2px #169bff)}
.category:after{box-shadow:0 0 2px #d6eaff}
.category.active:after{background:#2eb6ff;box-shadow:0 0 3px 1px #159aff}
.base-ring{box-shadow:0 2px 2px #70b8ff,inset 0 -3px 4px #076eff}
.needle:before{box-shadow:0 0 2px #8be5ff,0 0 5px 1px #00a8ff,0 0 9px 2px #0055ff}
.hub{box-shadow:0 0 3px 1px #00a8ff,0 0 7px #0055ff}
.turn:hover{box-shadow:0 0 7px #248cff24}
.perspective-card:before{box-shadow:0 0 6px #75b8ff}
dialog::backdrop{backdrop-filter:blur(2px)}

/* Pronounced light-blue neon dial indicator with a crisp luminous core. */
.needle:before{top:3px;left:calc(50% - 6px);width:12px;height:76px;background:linear-gradient(90deg,#19bfff 0 18%,#92efff 35%,#efffff 50%,#92efff 65%,#19bfff 82% 100%);border:1px solid #d9fbff;border-radius:3px;box-shadow:0 0 1px #fff,0 0 5px 1px #55deff,0 0 11px 3px #008cff}
.hub{width:14px;height:14px;background:radial-gradient(circle at 42% 35%,#efffff 0 12%,#8deeff 30%,#16bfff 62%,#0068dc 100%);border:2px solid #d9fbff;box-shadow:0 0 2px #fff,0 0 7px 2px #42d8ff,0 0 12px 3px #007dff}

/* Lower image card: full-bleed artwork with readable overlay content. */
.perspective-card{display:block;padding:0;min-height:650px;background:#07101a}
.perspective-card:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#050b12f2 0%,#07101bd9 28%,#07101b73 48%,transparent 72%),linear-gradient(0deg,#050a12df 0%,transparent 30%);pointer-events:none}
.card-scene{position:absolute;z-index:0;inset:0;margin:0}
.card-scene img{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none}
.card-copy{position:absolute;z-index:2;left:55px;top:50%;width:min(34%,430px);transform:translateY(-54%)}
.card-caption{position:absolute;z-index:2;right:55px;bottom:102px;justify-content:flex-end;text-shadow:0 1px 3px #000}
.card-categories{z-index:3}
@media(max-width:900px){.perspective-card{padding:0;min-height:600px}.card-copy{left:30px;width:42%}.card-caption{right:30px}}
@media(max-width:700px){.perspective-card{display:block;padding:0;min-height:700px}.card-copy{left:24px;right:24px;top:46px;width:auto;transform:none}.card-scene{margin:0}.card-scene img{width:100%;height:100%;margin:0;object-fit:cover;object-position:center}.perspective-card:after{background:linear-gradient(180deg,#050b12f5 0%,#07101bd4 42%,#07101b4d 67%,#050a12e8 100%)}.card-caption{left:24px;right:24px;bottom:96px;justify-content:center}.card-categories{left:15px;right:15px}}