:root{--mono:"Space Mono", monospace;--sans:"Inter", -apple-system, sans-serif;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#000;overflow:hidden}#scene{cursor:grab;position:fixed;inset:0}#scene.is-dragging{cursor:grabbing}#scene.is-hovering{cursor:pointer}.vignette{z-index:10;pointer-events:none;background:radial-gradient(38% 36% at 0 0,#000 0%,#000000eb 12%,#000000b8 24%,#00000073 38%,#0003 52%,#0000000f 66%,#0000 82%),radial-gradient(38% 36% at 100% 0,#000 0%,#000000eb 12%,#000000b8 24%,#00000073 38%,#0003 52%,#0000000f 66%,#0000 82%),radial-gradient(38% 36% at 0 100%,#000 0%,#000000eb 12%,#000000b8 24%,#00000073 38%,#0003 52%,#0000000f 66%,#0000 82%),radial-gradient(38% 36% at 100% 100%,#000 0%,#000000eb 12%,#000000b8 24%,#00000073 38%,#0003 52%,#0000000f 66%,#0000 82%),radial-gradient(100% 95%,#0000 58%,#0000001f 78%,#00000047 92%,#0006 100%);position:fixed;inset:0}.mono-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--white);font-size:9.5px;line-height:1.7}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}#loader{z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.loader-logo{font-family:var(--mono);letter-spacing:.5em;padding-left:.5em;font-size:15px;font-weight:700}.loader-pct{font-family:var(--mono);color:#777;letter-spacing:.2em;font-size:10px}.hud-bottom{z-index:45;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:22px;left:0;right:0}.hud-bottom>*{pointer-events:auto}.main-nav{background:#e1e1deeb;border-radius:999px;padding:5px;display:flex}.nav-pill{color:#1a1a1a;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:500;transition:background .2s}.nav-pill.is-active{background:#fff;box-shadow:0 1px 6px #0000001f}.nav-pill:not(.is-active):hover{background:#ffffff80}#detail{z-index:40;visibility:hidden;position:fixed;inset:0}#detail.is-open{visibility:visible}.detail-bg{opacity:0;background:#000;position:absolute;inset:0}.detail-scroll{height:100%;padding:110px clamp(24px,8vw,120px) 120px;position:relative;overflow-y:auto}.detail-back{z-index:1;background:#000;border:1px solid #ffffff59;border-radius:999px;padding:12px 20px;transition:border-color .2s;position:fixed;top:28px;left:28px}.detail-back:hover{border-color:#fff}.detail-client{color:#888;margin-bottom:18px}.detail-title{font-family:var(--sans);letter-spacing:-.02em;max-width:14ch;font-size:clamp(38px,6.5vw,88px);font-weight:600;line-height:1.08}.detail-title .line-mask{padding-bottom:.22em;display:block;overflow:hidden}.detail-title .line{display:block}.detail-meta{border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;margin-top:34px;padding-top:22px;display:flex}.detail-tags{gap:8px;display:flex}.detail-tag{font-family:var(--mono);letter-spacing:.12em;color:#ddd;border:1px solid #ffffff38;border-radius:999px;padding:7px 14px;font-size:9.5px}.detail-year{color:#888}.detail-hero{background:#000;place-items:center;min-height:50vh;margin-top:48px;display:grid}.detail-hero img{max-width:72%;max-height:64vh;display:block}.detail-body{grid-template-columns:1fr 2fr;gap:24px;max-width:980px;margin-top:64px;display:grid}.detail-kicker{color:#777}.detail-copy{color:#c9c9c9;max-width:56ch;font-size:17px;line-height:1.65}#about{z-index:35;visibility:hidden;position:fixed;inset:0}#about.is-open{visibility:visible}.about-bg{opacity:0;background:#000;position:absolute;inset:0}.about-scroll{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow-y:auto}.about-content{width:min(92vw,640px);padding:100px clamp(28px,6vw,80px) 130px}.about-title{font-family:var(--sans);letter-spacing:-.02em;width:fit-content;font-size:clamp(52px,11vw,120px);font-weight:600;line-height:1.05}.about-title .line-mask{padding:0 .06em .28em 0;display:block;overflow:hidden}.about-title .line{display:block}.about-body{margin-top:clamp(32px,5vh,52px)}.about-line{color:#d4d4d4;margin-top:14px;font-size:clamp(16px,2.2vw,20px);line-height:1.55}.about-line:first-child{margin-top:0}.about-line--muted{color:#777;font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;font-size:11px}.about-swatches{gap:8px;margin-top:clamp(28px,4vh,40px);display:flex}.about-swatches span{width:18px;height:18px;image-rendering:pixelated;border:1px solid #ffffff1f}.about-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#bbb;margin-top:clamp(28px,4vh,44px);font-size:15px;text-decoration:none;transition:color .2s;display:inline-block}.about-link:hover{color:#fff}@media (width<=900px){.detail-body{grid-template-columns:1fr}}