:root{color-scheme:dark;--bg: #050505;--bg-soft: #0b0b0b;--text: #f7f3f4;--accent: #ff0033;--accent-soft: rgba(255, 0, 51, .26);--muted: rgba(247, 243, 244, .72);--stroke: rgba(247, 243, 244, .14)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%}body{font-family:Saira Condensed,Avenir Next Condensed,Arial Narrow,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;text-rendering:geometricPrecision}a{color:inherit}.app-shell{position:relative;min-height:100vh;background:radial-gradient(circle at 22% 12%,#191010,#060606 55%,#000)}.background-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.vignette-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle,transparent 36%,rgba(0,0,0,.72) 100%)}.ui-layer{position:relative;z-index:3;min-height:100vh;padding:4.25rem clamp(1rem,4vw,3rem) 2rem}.top-menu{position:fixed;top:1.15rem;left:50%;z-index:10;transform:translate(-50%)}.top-menu nav{display:flex;gap:.6rem}.menu-pill{display:inline-flex;align-items:center;justify-content:center;min-width:7rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--stroke);text-decoration:none;letter-spacing:.07em;font-size:.86rem;transition:.25s ease;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-pill:hover,.menu-pill:focus-visible{color:#080808;background:var(--accent-soft);border-color:var(--accent);outline:none}.menu-pill.active{color:#090909;background:var(--accent);border-color:var(--accent)}.works-page{width:min(1180px,100%);margin:0 auto}.works-header{max-width:730px;margin-bottom:1.4rem}.works-kicker{margin:0;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.works-page h1{margin:.2rem 0 0;font-size:clamp(3.2rem,11vw,9.5rem);line-height:.9;letter-spacing:.02em;color:var(--accent)}.works-intro{margin-top:.8rem;font-size:clamp(1rem,2.35vw,1.35rem);line-height:1.22;max-width:55ch;color:var(--muted)}.works-rail{display:grid;gap:1.1rem;align-items:start;grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.works-rail-track{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.work-card{min-height:185px;padding:1rem;border-radius:12px;border:1px solid var(--stroke);background:linear-gradient(145deg,#151515f2,#070707db);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.work-card:hover,.work-card:focus-visible,.work-card.active{border-color:#f03c;transform:translateY(-2px);box-shadow:0 10px 30px #ff00332e;outline:none}.work-meta{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.06em}.work-card h3{margin:.42rem 0 0;font-size:1.45rem;color:var(--accent);letter-spacing:.04em}.work-summary{margin:.55rem 0 0;font-size:1rem;line-height:1.2;color:var(--text)}.work-detail{border:1px solid var(--stroke);border-radius:12px;background:#080808e6;padding:1rem;position:sticky;top:6rem}.work-detail-label{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:var(--muted)}.work-detail h4{margin:.32rem 0 0;color:var(--accent);font-size:1.65rem;line-height:1}.work-detail p{margin:.58rem 0 0;color:var(--muted);line-height:1.25}.work-tags{margin:.78rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.42rem}.work-tags li{border:1px solid var(--stroke);border-radius:999px;padding:.22rem .62rem;font-size:.78rem;color:var(--text)}.work-detail a{display:inline-flex;margin-top:.9rem;padding:.45rem .78rem;background:var(--accent);border-radius:999px;text-decoration:none;color:#0a0a0a;font-weight:700}.about-page{min-height:calc(100vh - 6rem);display:flex;align-items:flex-end;justify-content:flex-start}.about-content{width:min(760px,100%);padding:clamp(.2rem,1vw,1rem) clamp(.2rem,1vw,1rem)}.about-kicker{margin:0;text-transform:uppercase;color:var(--accent);letter-spacing:.2em;font-size:.8rem}.about-content h1{margin:.25rem 0 0;color:var(--accent);font-size:clamp(2.8rem,9vw,8rem);line-height:.86}.about-content h2{margin:.32rem 0 1.15rem;color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.9rem,2.1vw,1.2rem)}.about-content p{margin:.65rem 0 0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.32rem);line-height:1.24}.about-links{margin-top:1.15rem;display:flex;flex-wrap:wrap;gap:.7rem}.about-links a{display:inline-flex;padding:.34rem .72rem;border:1px solid var(--stroke);border-radius:999px;text-decoration:none;color:var(--accent);transition:.2s ease}.about-links a:hover,.about-links a:focus-visible{color:#050505;background:var(--accent);border-color:var(--accent);outline:none}@media (max-width: 960px){.works-rail{grid-template-columns:1fr}.work-detail{position:static}}@media (max-width: 720px){.ui-layer{padding-inline:.85rem;padding-top:4rem}.top-menu{left:.85rem;transform:none}.top-menu nav{gap:.4rem}.menu-pill{min-width:5.8rem;font-size:.75rem;padding:.38rem .72rem}.works-rail-track{grid-template-columns:1fr}}