:root{--bg:#08090b;--bg-nav:#08090b;--panel:#101318;--navy:#12161f;--ink:#f2eee6;--muted:#8b8680;--line:#26282e;--line-strong:#3a3d45;--accent:#e25a2a;--accent-soft:#d4a574;--display:"Syne", "Helvetica Neue", Helvetica, Arial, sans-serif;--sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}#root{min-height:100svh}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}.page{background:var(--bg);min-height:100svh}.nav{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-nav) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 32px;display:flex;position:sticky;top:0}.nav-mark{font-family:var(--display);letter-spacing:.02em;font-size:1.05rem;font-weight:700;text-decoration:none}.nav-mark:hover{color:var(--accent)}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-toggle{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:500;display:none}.nav-toggle:hover,.nav-toggle:focus-visible{color:var(--accent)}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);min-height:calc(100svh - 72px);display:grid}.hero-copy{flex-direction:column;justify-content:flex-end;min-width:0;padding:72px 28px 80px 32px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:20px;font-size:.72rem;font-weight:500}.hero h1{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(3rem,6.4vw,5.6rem);font-weight:800;line-height:.92}.headline{max-width:18ch;font-family:var(--display);letter-spacing:-.02em;margin-top:28px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600;line-height:1.2}.subtitle{max-width:38ch;color:var(--muted);margin-top:18px;font-size:1.02rem;line-height:1.55}.hero-visual{padding:32px 32px 32px 0;display:grid}.visual-frame{background:repeating-linear-gradient(-45deg, transparent, transparent 11px, color-mix(in srgb, var(--line) 70%, transparent) 11px, color-mix(in srgb, var(--line) 70%, transparent) 12px), var(--navy);border:1px solid var(--line-strong);flex-direction:column;justify-content:space-between;min-height:100%;padding:22px;display:flex;position:relative}.visual-frame:before,.visual-frame:after{content:"";border:1px solid var(--accent-soft);width:14px;height:14px;position:absolute}.visual-frame:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.visual-frame:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.visual-label,.visual-note{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.visual-label{color:var(--accent-soft)}.visual-note{color:var(--muted);align-self:flex-end}.selected,.stub{scroll-margin-top:88px}.selected{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:48px;padding:88px 32px;display:grid}.selected h2{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1}.selected-intro{max-width:32ch;color:var(--muted);margin-top:16px}.work-index{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.work-row{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:22px 0;text-decoration:none;transition:color .2s,padding-left .2s;display:grid}.work-index-num{color:var(--muted);letter-spacing:.12em;font-size:.78rem}.work-title{font-family:var(--display);letter-spacing:-.02em;font-size:1.35rem;font-weight:600}.work-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.work-row:hover,.work-row:focus-visible{color:var(--accent);padding-left:10px}.work-row:hover .work-index-num,.work-row:hover .work-meta,.work-row:focus-visible .work-index-num,.work-row:focus-visible .work-meta{color:var(--accent-soft)}.stubs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stub{background:var(--panel);padding:48px 32px 64px}.stub+.stub{border-left:1px solid var(--line)}.stub h2{font-family:var(--display);letter-spacing:-.03em;font-size:1.8rem;font-weight:700}.stub p:last-child{color:var(--muted);margin-top:12px}@media (width<=1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:64px 28px 28px}.hero-visual{min-height:320px;padding:0 28px 32px}}@media (width<=900px){.nav{flex-wrap:wrap;padding:16px 20px}.nav-toggle{display:inline-flex}.nav-links{flex-direction:column;align-items:flex-start;gap:18px;width:100%;padding:8px 0 12px;display:none}.nav-links.is-open{display:flex}.nav-links a:after{bottom:-4px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:56px 20px 36px}.hero-visual{min-height:280px;padding:0 20px 28px}.selected{grid-template-columns:1fr;gap:32px;padding:56px 20px}.work-row{grid-template-columns:36px 1fr}.work-meta{grid-column:2}.stubs{grid-template-columns:1fr}.stub{padding:36px 20px}.stub+.stub{border-left:0;border-top:1px solid var(--line)}}@media (width<=600px){.hero h1{max-width:none}}