:root{--bg:#03040c;--ink:#e8edf9;--ink-dim:#b1bbd1;--ink-faint:#7f8ba8;--accent:#7dd3fc;--violet:#a78bfa;--gold:#fbbf24;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;touch-action:none;overflow:hidden}[data-scrollable],.panel__scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch}::selection{background:#7dd3fc47}.scene{z-index:0;position:fixed;inset:0}.portfolio-shell{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.video-intro{z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease), visibility 0s linear .7s;background:#03050a;position:fixed;inset:0;overflow:hidden}.video-intro--active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.video-intro--leaving{opacity:0;pointer-events:none}.video-intro__media{object-fit:cover;object-position:70% center;width:100%;height:100%;display:block}.video-intro__shade{z-index:2;pointer-events:none;background:linear-gradient(#02040a14,#0000 55%),linear-gradient(#0000 65%,#02040aad);position:absolute;inset:0}.video-intro__guide{z-index:3;color:#e8edf9b8;letter-spacing:.2em;text-align:center;text-transform:uppercase;gap:.8rem;width:min(20rem,100vw - 3rem);font-size:.72rem;display:grid;position:absolute;bottom:clamp(1.5rem,4vh,2.8rem);left:50%;transform:translate(-50%)}.video-intro__track{background:#e8edf93d;height:1px;position:relative;overflow:hidden}.video-intro__track span{transform-origin:0;background:linear-gradient(90deg, #fff, var(--accent));position:absolute;inset:0;box-shadow:0 0 12px #7dd3fca6}.identity-intro{z-index:55;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease), visibility 0s linear .7s;background:radial-gradient(circle at 50% 42%,#23375a33,#0000 42%),#03040c;place-content:center;justify-items:center;padding:2rem;display:grid;position:fixed;inset:0;overflow:hidden}.identity-intro:before,.identity-intro:after{content:"";opacity:.65;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 16px 3px #7dd3fc80}.identity-intro:before{width:3px;height:3px;top:18%;left:17%}.identity-intro:after{width:2px;height:2px;bottom:22%;right:16%}.identity-intro--active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.identity-intro--leaving{opacity:0;pointer-events:none}.identity-intro__name{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(3.2rem,10vw,8rem);font-weight:400;line-height:.95}.identity-intro__line{background:linear-gradient(90deg,#0000,#e8edf98c,#0000);width:min(9rem,34vw);height:1px;margin:clamp(2rem,5vh,3.5rem) 0 1.5rem}.identity-intro__continue{color:var(--ink-dim);font:500 .72rem/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;display:flex}.identity-intro__wheel{border:1px solid #93a0bd6b;border-radius:999px;width:18px;height:28px;position:relative}.identity-intro__wheel span{background:var(--accent);width:2px;height:5px;animation:wheelDrop 1.8s var(--ease) infinite;border-radius:999px;margin-left:-1px;position:absolute;top:5px;left:50%}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.hero{text-align:center;pointer-events:none;align-content:center;place-items:center;padding:6vw;display:grid;position:absolute;inset:0}.hero__name{max-width:20ch;font-family:var(--font-display);letter-spacing:-.01em;opacity:0;animation:heroIn 1.1s var(--ease) .3s forwards;margin:0;font-size:clamp(2.6rem,9vw,6.5rem);font-weight:400;line-height:1.02;transform:translateY(12px)}@keyframes heroIn{to{opacity:1;transform:none}}.overlay{z-index:30;pointer-events:none;transition:opacity .35s var(--ease);position:fixed;inset:0}.overlay--dimmed{opacity:0;pointer-events:none}.brand{pointer-events:auto;flex-direction:column;gap:.35rem;display:flex;position:absolute;top:clamp(1.4rem,3vw,2.4rem);left:clamp(1.4rem,3vw,2.6rem)}.brand__mark{color:var(--ink);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0;font-family:inherit;font-size:.95rem;display:flex}.brand__star{background:#fff;border-radius:50%;width:7px;height:7px;animation:3.2s ease-in-out infinite twinkle;box-shadow:0 0 12px 2px #bedcffe6}.brand__title{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);padding-left:1.3rem;font-size:.68rem}.caption{pointer-events:none;max-width:min(30rem,42vw);position:absolute;bottom:clamp(3.4rem,8vh,6rem);left:clamp(1.4rem,3vw,2.6rem)}.caption:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(115% 100% at 12% 78%,#04060cb8 0%,#04060c80 38%,#04060c00 72%);position:absolute;inset:-10% -12% -14% -8%}.caption__index{letter-spacing:.22em;color:var(--accent);opacity:0;animation:rise .8s var(--ease) .1s forwards;margin-bottom:.7rem;font-size:.76rem;display:block}.caption__index i{color:var(--ink-faint);margin:0 .35em;font-style:normal}.caption__text{font-family:var(--font-display);letter-spacing:-.01em;opacity:0;animation:rise .9s var(--ease) .2s forwards;margin:0;font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:400;line-height:1.06}.caption__sub{max-width:36rem;color:var(--ink-dim);opacity:0;animation:rise .9s var(--ease) .4s forwards;margin:1.2rem 0 0;font-size:clamp(1.18rem,1.6vw,1.6rem);line-height:1.65}.msheet{z-index:12;pointer-events:none;animation:rise .7s var(--ease) both;flex-direction:column;gap:.7rem;padding:0 clamp(1.3rem,5vw,1.9rem);display:flex;position:fixed;bottom:4.6rem;left:0;right:0}.msheet>*{pointer-events:auto}.msheet__index{letter-spacing:.22em;color:var(--accent);font-size:.72rem}.msheet__index i{color:var(--ink-faint);margin:0 .35em;font-style:normal}.msheet__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .15rem;font-size:clamp(2rem,8vw,2.6rem);font-weight:400;line-height:1.05}.msheet__items{flex-wrap:wrap;gap:.5rem;display:flex}.msheet__chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease);background:#0a0e1a8c;border:1px solid #c8d7f533;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.55rem .95rem;font-size:.92rem;line-height:1;display:inline-flex}.msheet__chip:active{background:#1e2842d9;border-color:#c8d7f573}.msheet__logo{fill:#eef3ff;flex:none;width:18px;height:18px}.msheet__name{white-space:nowrap}.hero{text-align:center;pointer-events:none;width:min(40rem,88vw);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero__kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--accent);opacity:0;animation:rise .8s var(--ease) .1s forwards;margin-bottom:1rem;font-size:.7rem;display:block}.hero__name{font-family:var(--font-display);letter-spacing:-.01em;opacity:0;animation:rise .9s var(--ease) .2s forwards;margin:0;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:400;line-height:1.02}.hero__tagline{max-width:34rem;color:var(--ink-dim);opacity:0;animation:rise .9s var(--ease) .36s forwards;margin:1.1rem auto 0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.5}.hero__intro{max-width:36rem;color:var(--ink-faint);opacity:0;animation:rise .9s var(--ease) .52s forwards;margin:1.4rem auto 0;font-size:clamp(1.08rem,1.4vw,1.32rem);line-height:1.68}@media (width<=720px){.hero{width:88vw;top:42%}.hero__intro{font-size:.9rem}}.hint{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);animation:fadeIn 1.4s var(--ease) 1s backwards;align-items:center;gap:.7rem;font-size:.72rem;display:flex;position:absolute;bottom:clamp(1.2rem,3vh,2rem);left:50%;transform:translate(-50%)}.hint__wheel{border:1px solid #93a0bd66;border-radius:999px;width:20px;height:32px;display:block;position:relative}.hint__wheel span{background:var(--accent);width:3px;height:6px;animation:wheelDrop 1.8s var(--ease) infinite;border-radius:999px;margin-left:-1.5px;position:absolute;top:6px;left:50%}@keyframes wheelDrop{0%{opacity:0;transform:translateY(-4px)}35%{opacity:1}to{opacity:0;transform:translateY(12px)}}.nav{z-index:15;opacity:0;pointer-events:none;transition:opacity 1s var(--ease) .5s, transform .6s var(--ease);flex-direction:column;align-items:flex-end;gap:1.15rem;display:flex;position:fixed;top:50%;right:clamp(1rem,2.6vw,2.4rem);transform:translateY(-50%)}.nav--visible{opacity:1;pointer-events:auto}.nav--shifted{opacity:0;pointer-events:none;transform:translate(2rem,-50%)}.nav__line{background:linear-gradient(#0000,#93a0bd38 15% 85%,#0000);width:1px;position:absolute;top:4px;bottom:4px;right:17.5px}.nav__item{width:36px;height:36px;color:var(--ink-faint);letter-spacing:.17em;text-transform:uppercase;cursor:pointer;transition:color .45s var(--ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.74rem;display:flex;position:relative}.nav__label{pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);position:absolute;top:50%;right:calc(100% + .55rem);transform:translate(8px,-50%)}.nav__item:hover,.nav__item.is-active{color:var(--ink)}.nav__item:hover .nav__label,.nav__item.is-active .nav__label{opacity:1;transform:translateY(-50%)}.nav__dot{z-index:1;width:6px;height:6px;transition:background .45s var(--ease), box-shadow .45s var(--ease), transform .45s var(--ease);background:#93a0bd73;border-radius:50%;position:relative}.nav__item.is-active .nav__dot{background:#fff;transform:scale(1.5);box-shadow:0 0 16px 3px #7dd3fcd9}.star-label{color:inherit;font:inherit;white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:.9;transition:opacity .4s var(--ease), transform .4s var(--ease);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;margin:0;padding:0;display:flex;transform:translateY(2px)}.star-label.is-active{opacity:1;transform:none}.star-label:focus-visible{outline-offset:6px;border-radius:3px;outline:1px solid #7dd3fcb8}.star-label__name{color:#fff;font-family:var(--font-sans);letter-spacing:-.01em;text-shadow:0 0 3px #02050e,0 0 6px #02050e,0 1px 12px #02050ef2;font-size:26px;font-weight:500}.star-label__kind{color:#aebdd8;font-family:var(--font-sans);letter-spacing:.04em;text-shadow:0 0 3px #02050e,0 0 6px #02050e;font-size:15px;font-weight:400}.star-label__logo{filter:drop-shadow(0 0 5px #02050e)drop-shadow(0 0 9px #02050ee6);width:44px;height:44px;transition:transform .3s var(--ease);display:block}.star-label__logo svg{fill:#eef3ff;width:100%;height:100%;display:block}.star-label.is-active .star-label__logo{transform:scale(1.12)}.star-label.is-active .star-label__logo svg{fill:#fff}.star-label__badge{color:#eef3ff;min-width:40px;height:40px;font-family:var(--font-sans);letter-spacing:.01em;text-shadow:0 0 4px #02050e;transition:transform .3s var(--ease), border-color .3s var(--ease);border:1.5px solid #e6eeffcc;border-radius:10px;justify-content:center;align-items:center;padding:0 11px;font-size:20px;font-weight:600;display:inline-flex;box-shadow:0 0 8px #02050eb3}.star-label.is-active .star-label__badge{border-color:#fff;transform:scale(1.12)}.panel{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);opacity:0;width:min(30rem,92vw);height:100%;transition:transform .6s var(--ease), opacity .45s var(--ease);background:linear-gradient(#090c1ceb 0%,#050712f5 100%);border-left:1px solid #7dd3fc24;flex-direction:column;padding:clamp(2.4rem,5vw,3.6rem) clamp(1.8rem,3.4vw,3rem);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.panel--open{opacity:1;transform:none}.panel__glow{aspect-ratio:1;background:radial-gradient(circle, var(--accent) 0%, transparent 65%);opacity:.16;filter:blur(30px);pointer-events:none;border-radius:50%;width:90%;position:absolute;top:-18%;left:-30%}.panel__close{width:36px;height:36px;color:var(--ink-dim);cursor:pointer;transition:color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);background:#ffffff08;border:1px solid #93a0bd3d;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.5rem;right:1.5rem}.panel__close:hover{color:var(--ink);border-color:#7dd3fc99;transform:rotate(90deg)}.panel__body{padding-bottom:.5rem;position:relative}.panel__scroll{scrollbar-width:thin;scrollbar-color:#7dd3fc4d transparent;flex:1;min-height:0;padding-right:.35rem;overflow-y:auto}.panel__body>*{opacity:0;animation:rise .7s var(--ease) forwards}.panel--open .panel__body>:first-child{animation-delay:.15s}.panel--open .panel__body>:nth-child(2){animation-delay:.22s}.panel--open .panel__body>:nth-child(3){animation-delay:.29s}.panel--open .panel__body>:nth-child(4){animation-delay:.36s}.panel--open .panel__body>:nth-child(5){animation-delay:.43s}.panel--open .panel__body>:nth-child(6){animation-delay:.5s}.panel--open .panel__body>:nth-child(7){animation-delay:.57s}.panel--open .panel__body>:nth-child(8){animation-delay:.64s}.panel--open .panel__body>:nth-child(9){animation-delay:.71s}.panel--open .panel__body>:nth-child(10){animation-delay:.78s}.panel__kind{letter-spacing:.21em;text-transform:uppercase;color:var(--accent);margin:0 0 .8rem;font-size:.74rem}.panel__title{font-family:var(--font-display);margin:0;font-size:clamp(2.15rem,4vw,3rem);font-weight:400;line-height:1.12}.panel__year{letter-spacing:.12em;color:var(--ink-dim);border:1px solid #93a0bd38;border-radius:999px;margin-top:.9rem;padding:.28rem .7rem;font-size:.76rem;display:inline-block}.panel__summary{color:var(--ink);margin:1.6rem 0 0;font-size:1.1rem;font-weight:500;line-height:1.65}.panel__desc{color:var(--ink-dim);margin:1.1rem 0 0;font-size:1rem;line-height:1.78}.panel__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.6rem 0 0;display:grid}.panel__meta div{background:#ffffff06;border:1px solid #93a0bd24;border-radius:8px;min-width:0;padding:.8rem .9rem}.panel__meta dt{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:.66rem}.panel__meta dd{color:var(--ink);margin:0;font-size:.88rem;line-height:1.5}.panel__details{border-top:1px solid #93a0bd24;margin-top:1.7rem;padding-top:1.4rem}.panel__details-title{color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .85rem;font-size:.72rem}.panel__details ul{gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.panel__details li{color:var(--ink-dim);padding-left:1rem;font-size:.95rem;line-height:1.65;position:relative}.panel__details li:before{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:.62em;left:0}.panel__tags{flex-wrap:wrap;gap:.5rem;margin:1.8rem 0 0;padding:0;list-style:none;display:flex}.panel__tags li{letter-spacing:.06em;color:#bfd7f0;background:#7dd3fc0d;border:1px solid #7dd3fc2e;border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.panel__links{flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;display:flex}.panel__links a{color:var(--ink);letter-spacing:.06em;transition:border-color .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease);border:1px solid #93a0bd42;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.86rem;text-decoration:none;display:inline-flex}.panel__links a:hover{border-color:var(--accent);box-shadow:0 0 30px -8px var(--accent);background:#7dd3fc14}.panel__project-nav{background:linear-gradient(#05071200 0%,#0507125c 100%);border-top:1px solid #93a0bd24;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem;padding-top:1rem;display:grid}.panel__project-nav button{min-height:42px;color:var(--ink-dim);font:inherit;cursor:pointer;transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);background:#ffffff06;border:1px solid #93a0bd2e;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem;font-size:.8rem;display:inline-flex}.panel__project-nav button:hover,.panel__project-nav button:focus-visible{color:var(--ink);background:#7dd3fc0f;border-color:#7dd3fc80;outline:none}.caption__loc{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.1rem;font-size:.76rem;display:block}.cursor{z-index:100;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor--dot{background:#fff;width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 12px 2px #bedcffe6}.cursor--halo{background:radial-gradient(circle,#7dd3fc1f,#0000 70%);border:1px solid #7dd3fc73;width:34px;height:34px;margin:-17px 0 0 -17px}@media (pointer:coarse){.cursor{display:none}}@media (width<=720px){.caption{display:none}.nav{flex-direction:row;justify-content:space-evenly;align-items:stretch;gap:.3rem;width:calc(100% - 1rem);top:auto;bottom:1.1rem;right:50%;transform:translate(50%)}.nav--shifted{opacity:0;pointer-events:none;transform:translate(50%,140%)}.nav__line{display:none}.nav__item{letter-spacing:.08em;flex-direction:column;flex:1;gap:.45rem;width:auto;min-width:0;height:auto;font-size:.58rem}.nav__label{pointer-events:none;opacity:.55;white-space:nowrap;position:static;transform:none}.nav__item:hover .nav__label,.nav__item.is-active .nav__label{transform:none}.star-label__name{font-size:15px}.star-label__kind{display:none}.star-label__logo{width:28px;height:28px}.star-label__badge{border-radius:8px;min-width:30px;height:30px;padding:0 8px;font-size:15px}.hint{display:none}.panel{width:100%}.video-intro__media{object-fit:cover;object-position:78% center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel__gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.6rem;margin:1.1rem 0 .3rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.panel__gallery::-webkit-scrollbar{height:6px}.panel__gallery::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.panel__shot{aspect-ratio:16/10;cursor:zoom-in;scroll-snap-align:start;width:80%;max-width:340px;transition:border-color .25s var(--ease), transform .25s var(--ease);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex:none;margin:0;padding:0;overflow:hidden}.panel__shot:hover{border-color:var(--accent,#7dd3fc);transform:translateY(-2px)}.panel__shot img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:100;-webkit-backdrop-filter:blur(10px);cursor:zoom-out;animation:fadeIn .2s var(--ease);background:#03040ceb;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox__img{cursor:default;border-radius:12px;max-width:92vw;max-height:88vh;box-shadow:0 24px 70px #000000a6}.lightbox__close{color:#fff;cursor:pointer;width:42px;height:42px;transition:background .2s var(--ease);background:#ffffff0f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.4rem;right:1.4rem}.lightbox__close:hover{background:#ffffff24}.lightbox__nav{color:#fff;cursor:pointer;z-index:2;width:52px;height:52px;transition:background .2s var(--ease);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background:#ffffff29}.lightbox__nav--prev{left:clamp(.8rem,3vw,2rem)}.lightbox__nav--next{right:clamp(.8rem,3vw,2rem)}.lightbox__count{color:#ffffffd9;letter-spacing:.05em;background:#ffffff14;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;position:absolute;bottom:clamp(1rem,4vh,2rem);left:50%;transform:translate(-50%)}@media (width<=720px){.lightbox__nav{width:42px;height:42px}.lightbox{padding:1rem}}