:root{--paper:#f6f7f5;--ink:#17222b;--muted:#66737b;--rule:#d5dad8;--gold:#e8b04a;--deep:#0f1a22;--serif:"Newsreader",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--pad:clamp(1.2rem,5vw,4rem);padding-top:env(safe-area-inset-top,0)}@media(prefers-color-scheme:dark){:root{--paper:#10181e;--ink:#e8ecea;--muted:#93a0a7;--rule:#26333b}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1.22rem/1.7 var(--serif);overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;padding:1.3rem var(--pad);font:500 .95rem var(--sans);color:#fff}.nav--dark{position:static;color:var(--ink)}.nav a{text-decoration:none}.hero{position:relative;height:100svh;min-height:520px;color:#fff;background:var(--deep);overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#080e14c7,#080e1400 55%)}.hero .title{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:clamp(2rem,7vh,5rem)}.hero h1{font:300 clamp(3.2rem,11vw,9.5rem)/.9 var(--serif);letter-spacing:-.025em;margin:0 0 1.2rem;max-width:12ch}.hero h1 a{text-decoration:none}.hero p{font:400 1.05rem var(--sans);margin:0;max-width:40ch}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem 2rem;max-width:1100px;margin:0 auto;padding:2.2rem var(--pad);border-bottom:1px solid var(--rule);font-family:var(--sans)}.facts div{font-size:.95rem;color:var(--muted);line-height:1.35}.facts b{display:block;font:400 1.9rem/1.1 var(--serif);color:var(--ink)}.essay{max-width:40rem;margin:0 auto;padding:3rem 1.4rem 1rem}.essay>p{margin:0 0 1.5rem}.essay>p:first-child:first-line{font-variant:small-caps;letter-spacing:.04em}.essay h2{font:400 2rem/1.15 var(--serif);margin:3rem 0 1.2rem}.pull{margin:3rem 0;font:italic 300 clamp(1.9rem,4.4vw,3rem)/1.18 var(--serif);border-left:3px solid var(--gold);padding-left:1.6rem}.ph{overflow:hidden;background:#34506a}.ph img{width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font:400 .86rem/1.45 var(--sans);color:var(--muted);margin-top:.6rem}.full{margin:3.5rem calc(50% - 50vw)}.full .ph{aspect-ratio:21/9;min-height:240px}.full figcaption{padding:0 var(--pad);max-width:1100px;margin:.7rem auto 0}.wide{width:min(1100px,100vw - 2*var(--pad));margin:3.5rem 50%;transform:translate(-50%)}.duo,.trio,.side{display:grid;gap:1.2rem;align-items:end}.duo{grid-template-columns:2fr 1fr}.duo .a .ph{aspect-ratio:4/3}.duo .b .ph{aspect-ratio:3/4}.trio{grid-template-columns:1fr 1.4fr 1fr;align-items:start}.trio .ph{aspect-ratio:2/3}.trio .m .ph{aspect-ratio:4/5;margin-top:3rem}.side{grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.side .ph{aspect-ratio:4/5}.side p{margin:0;font-size:1.1rem}.sec{max-width:1100px;margin:4rem auto;padding:0 var(--pad)}.sec h3{font:400 1.7rem var(--serif);margin:0 0 1.2rem}.sec.top{border-top:1px solid var(--rule);padding-top:2rem}.map{background:var(--deep);max-width:760px}.map svg{width:100%;display:block}.grid{column-count:4;column-gap:.6rem;max-width:1300px;margin:0 auto 4rem;padding:0 clamp(1rem,3vw,2rem)}.grid a{display:block;margin-bottom:.6rem;break-inside:avoid}.grid a:hover,.grid a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}dialog{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh}dialog::backdrop{background:#000000e6}dialog img{max-height:94vh;width:auto;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem 1.4rem;max-width:1200px;margin:0 auto;padding:0 var(--pad) 4rem}.card{text-decoration:none}.card .ph{aspect-ratio:4/3}.card h3{font:400 1.5rem/1.2 var(--serif);margin:.8rem 0 .2rem}.card span{font:400 .88rem var(--sans);color:var(--muted)}.tags{display:flex;gap:.6rem;flex-wrap:wrap;padding:0 var(--pad);max-width:1200px;margin:0 auto 2rem}.tags button{font:500 .9rem var(--sans);background:none;color:var(--ink);border:1px solid var(--rule);border-radius:2rem;padding:.35rem 1rem;cursor:pointer}.tags button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.page-title{font:300 clamp(2.4rem,6vw,4rem) var(--serif);padding:1rem var(--pad) 1.5rem;max-width:1200px;margin:0 auto}footer{border-top:1px solid var(--rule);padding:2.5rem var(--pad);font:400 .9rem var(--sans);color:var(--muted)}@media(max-width:820px){.duo,.trio,.side{grid-template-columns:1fr}.trio .ph,.trio .m .ph{aspect-ratio:4/3;margin-top:0}.grid{column-count:2}}
