: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:48px clamp(24px,8vw,120px) 120px;position:relative;overflow-y:auto}.detail-back{z-index:1;color:#fff;background:#000;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:40px;height:40px;font-size:0;transition:border-color .2s,background .2s,color .2s;display:grid;position:fixed;top:40px;left:clamp(2px,2.2vw,34px)}.detail-back:before,.detail-back:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:18px;height:2.5px;position:absolute;top:50%;left:50%}.detail-back:before{transform:translate(-50%,-50%)rotate(45deg)}.detail-back:after{transform:translate(-50%,-50%)rotate(-45deg)}.detail-back:hover{color:#000;background:#fff;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:34px;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:48px;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}}@media (width<=700px){html,body{height:100%;overflow:hidden}#scene{display:none}.vignette{background:linear-gradient(#000000e6,#0000 18% 78%,#000000eb),radial-gradient(110% 80%,#0000 52%,#00000047 100%)}.mobile-work{z-index:5;-webkit-overflow-scrolling:touch;background:#000;padding:18px 12px 96px;position:fixed;inset:0;overflow-y:auto}.mobile-project{color:#fff;text-align:left;background:#000;border-bottom:1px solid #2e2e2e;border-right:1px solid #2e2e2e;width:100%;min-height:0;margin:0;padding:18px 16px 16px;display:block}.mobile-project+.mobile-project{margin-top:10px}.mobile-project-head,.mobile-project-foot{font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-project-client{letter-spacing:.12em;flex:none;font-size:14px;font-weight:700}.mobile-project-title{color:#d6d6d6;letter-spacing:.2em;text-align:right;min-width:0;font-size:10px;line-height:1.4}.mobile-project-image-wrap{height:clamp(220px,58vw,330px);margin:20px 0 18px;display:block;position:relative}.mobile-project-image{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.mobile-project-tags{gap:7px;min-width:0;display:flex;overflow:hidden}.mobile-project-tag{color:#e3e3e3;letter-spacing:.1em;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:999px;flex:none;padding:6px 10px;font-size:9px;line-height:1}.mobile-project-year{color:#9a9a9a;letter-spacing:.12em;flex:none;font-size:10px}.hud-bottom{bottom:max(14px, env(safe-area-inset-bottom))}.main-nav{padding:4px}.nav-pill{padding:9px 20px;font-size:13px}.detail-scroll{padding:34px 18px 92px}.detail-back{top:max(26px, env(safe-area-inset-top));width:36px;height:36px;left:10px}.detail-back:before,.detail-back:after{width:16px;height:2.25px}.detail-head{padding-left:48px}.detail-title{max-width:10ch;font-size:clamp(34px,12vw,56px)}.detail-meta{align-items:flex-start;gap:18px}.detail-tags{flex-wrap:wrap}.detail-hero{min-height:auto;margin-top:28px}.detail-hero img{max-width:100%;max-height:58vh}.detail-body{gap:12px;margin-top:34px}.about-scroll{align-items:flex-start}.about-content{width:100%;padding:100px 24px 120px}.about-title{font-size:clamp(46px,16vw,72px)}}