@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,300&display=swap');

:root{--ink:#0a1014;--paper:#edf0e9;--line:rgba(237,240,233,.18);--signal:#b9ff48;--muted:#91a09b;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:300}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--signal);color:var(--ink);padding:.8rem;z-index:99}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%;font-size:.72rem;letter-spacing:.12em}.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-weight:600}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--signal);color:var(--signal);font-size:.7rem}.topbar nav{display:flex;gap:2.5rem}.topbar nav a,.topbar a{color:inherit;text-decoration:none}.topbar nav a:hover{color:var(--signal)}.fiction-pill{border:1px solid var(--line);padding:.55rem .8rem;text-transform:uppercase;color:var(--muted)}
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,43vw);position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:11vw 11vw;mask-image:linear-gradient(to right,rgba(0,0,0,.55),transparent 68%);opacity:.28}.hero-copy{align-self:center;padding:10rem 5vw 6rem;position:relative;z-index:2}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--muted)}.eyebrow span{display:inline-block;width:26px;height:1px;background:var(--signal);vertical-align:middle;margin-right:.6rem}.hero h1{font-size:clamp(5.6rem,12vw,11.5rem);font-weight:500;line-height:.67;letter-spacing:-.075em;margin:3rem 0 3.2rem}.hero h1 em,.section h2 span{font-family:var(--serif);font-weight:300;color:var(--signal)}.hero-role{font-size:clamp(1rem,1.45vw,1.4rem);line-height:1.55;margin-left:28%;color:#c4ccc8}.hero blockquote{font-family:var(--serif);font-size:1.4rem;margin:3rem 0;color:#dfe6df}.primary-link{display:inline-flex;gap:4rem;align-items:center;padding:1rem 1.1rem;border-top:1px solid var(--paper);color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.primary-link span{color:var(--signal);font-size:1.2rem}.hero-portrait{margin:0;position:relative;min-height:100svh;background:#111b20;overflow:hidden}.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 22%),linear-gradient(0deg,rgba(10,16,20,.8),transparent 35%);pointer-events:none}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.78) contrast(1.04)}.hero-portrait figcaption{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:2;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.16em;color:var(--muted)}.hero-index{position:absolute;right:-.03em;bottom:-.2em;font-size:20vw;line-height:1;color:rgba(237,240,233,.04);z-index:1;font-weight:600}
.section{padding:9rem 5vw;border-top:1px solid var(--line)}.section-number{font-size:.65rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:5rem}.profile{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.profile .section-number{grid-column:1/-1}.profile h2,.archive h2,.method h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.9;letter-spacing:-.055em;font-weight:400;margin:1.5rem 0}.profile-copy{max-width:600px;padding-top:3rem}.profile-copy>p{font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:1.55;color:#c5ceca;margin:0 0 4rem}.profile dl{margin:0;border-top:1px solid var(--line)}.profile dl div{display:grid;grid-template-columns:35% 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}dt{text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:var(--muted)}dd{margin:0;font-size:.9rem}
.archive{background:#dfe3db;color:#11181b}.archive .section-number{color:#66716d}.archive-head{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end}.archive h2 span{color:#386e59}.archive-summary{padding-bottom:1rem}.archive-summary strong{font-size:clamp(4rem,7vw,7rem);font-weight:400;letter-spacing:-.06em;display:block}.archive-summary span{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.archive-summary p{line-height:1.55;color:#56625e;margin-top:2rem}.controls{position:sticky;top:0;z-index:6;background:rgba(223,227,219,.94);backdrop-filter:blur(14px);display:flex;justify-content:space-between;gap:2rem;margin:5rem -5vw 2rem;padding:1rem 5vw;border-block:1px solid rgba(10,16,20,.15)}.filters{display:flex;gap:.35rem;flex-wrap:wrap}.filters button{border:0;background:transparent;padding:.65rem .85rem;font:500 .68rem var(--sans);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:#59635f}.filters button.active{background:#101719;color:var(--paper)}.filters span{opacity:.55;margin-left:.25rem}.search{position:relative;min-width:250px}.search input{width:100%;height:100%;background:transparent;border:0;border-bottom:1px solid #73807b;padding:.6rem 2rem .6rem 0;font:inherit;color:inherit;outline:none}.search i{position:absolute;right:.2rem;top:.45rem;font-size:1.3rem}.gallery{columns:4 260px;column-gap:1rem}.card{display:inline-block;width:100%;margin:0 0 1rem;background:#cfd5cd;position:relative;overflow:hidden;cursor:zoom-in;border:0;padding:0;text-align:left;color:inherit}.card img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s;filter:saturate(.78)}.card:hover img{transform:scale(1.025);filter:saturate(1)}.card-info{position:absolute;inset:auto 0 0;padding:3.4rem .85rem .8rem;background:linear-gradient(transparent,rgba(5,10,12,.9));color:white;opacity:0;transition:opacity .25s}.card:hover .card-info,.card:focus-visible .card-info{opacity:1}.card-info span{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}.card-info strong{display:block;font-size:.8rem;margin-top:.35rem;font-weight:500}.empty{text-align:center;padding:5rem;color:#65706c}
.method{background:#0f171a}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.method ol{margin:0;padding:0;list-style:none}.method li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:2rem 0;border-top:1px solid var(--line)}.method li>span{font-size:.65rem;color:var(--signal)}.method strong{font-size:1.15rem}.method li p{color:var(--muted);line-height:1.5;max-width:480px}footer{display:grid;grid-template-columns:1fr 1.3fr auto;gap:3rem;align-items:center;padding:3rem 5vw;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}footer>div{display:flex;gap:.8rem;align-items:center;color:var(--paper)}footer p{line-height:1.5;margin:0}footer a{color:var(--signal);text-decoration:none;text-transform:uppercase;letter-spacing:.1em}
.viewer{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(4,8,10,.96);color:var(--paper)}.viewer[open]{display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.viewer::backdrop{background:#05090b}.viewer figure{height:92svh;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center}.viewer figure img{max-width:100%;max-height:calc(92svh - 110px);object-fit:contain}.viewer figcaption{width:min(900px,90vw);display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1rem 0}.viewer h3{margin:.35rem 0 .15rem;font-size:1.1rem}.viewer figcaption span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}.viewer figcaption p,.viewer code{margin:0;color:var(--muted);font-size:.68rem}.viewer code{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer button{border:0;background:transparent;color:var(--paper);cursor:pointer}.viewer-close{position:fixed;right:1.5rem;top:1rem;font-size:2rem;z-index:2}.viewer-nav{font-size:1.5rem;height:100%}
@media(max-width:800px){.topbar{padding:0 1rem}.topbar nav{display:none}.fiction-pill{font-size:.55rem}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:8rem 1.2rem 3rem}.hero h1{font-size:25vw}.hero-role{margin-left:18%}.hero-portrait{min-height:75svh}.hero-portrait:after{background:linear-gradient(0deg,rgba(10,16,20,.8),transparent 35%)}.section{padding:6rem 1.2rem}.profile,.archive-head,.method-grid{grid-template-columns:1fr}.profile-copy{padding-top:0}.section-number{margin-bottom:3rem}.controls{margin:3rem -1.2rem 1.2rem;padding:1rem 1.2rem;display:block}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:.5rem}.filters button{white-space:nowrap}.search{display:block;min-width:0;height:42px}.gallery{columns:2 145px;column-gap:.6rem}.card{margin-bottom:.6rem}.card-info{display:none}footer{grid-template-columns:1fr;gap:1.4rem}.viewer[open]{grid-template-columns:42px 1fr 42px}.viewer figcaption{display:block;padding:1rem}.viewer code{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}