@font-face{font-family:"TildaSans";font-style:normal;font-weight:250 1000;font-display:swap;src:url("/fonts/TildaSans-VF.woff2") format("woff2")}
:root{--ink:#0e0e10;--paper:#fff;--step:#f7f5f2;--block:#e9dfd5;--accent:#d9481f;--mute:#5d5c61;--m:clamp(16px,2.4vw,32px);--axis:42%;--h1:clamp(44px,8.2vw,132px);--h2:clamp(28px,3.4vw,52px);--lead:clamp(19px,1.7vw,24px);--body:18px;--small:15px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--body)/1.5 "TildaSans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:3px;transition:color .18s ease}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2{font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}
h1{font-size:var(--h1)}
h2{font-size:var(--h2);line-height:1.05}
p{margin:0}
.top{display:flex;align-items:center;gap:32px;padding:18px var(--m);background:var(--paper)}
.mark{font-size:20px;text-decoration:none;margin-right:auto}
.top nav{display:flex;gap:26px}
.top nav a{text-decoration:none;font-size:17px}
.go{font-weight:700;font-size:17px}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;padding:16px 26px;transition:background .18s ease,transform .18s ease}
.btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}
.btn:active{transform:none}
.mosaic{display:grid;grid-template-columns:repeat(8,1fr)}
.mosaic a{display:block;overflow:hidden;background:var(--block)}
.mosaic img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .3s ease,transform .5s ease}
.mosaic a:hover img{filter:none;transform:scale(1.04)}
.axis{display:grid;grid-template-columns:var(--axis) 1fr;gap:0;padding-inline:var(--m)}
.side{font-size:var(--small);color:var(--mute);max-width:24ch;padding-right:24px}
.mast-t{padding-block:clamp(40px,5vw,72px) clamp(80px,9vw,140px)}
.mast-t h1 span{display:block}
.mast-t h1 span:last-child{margin-left:0}
.stand{font-size:var(--lead);line-height:1.35;margin-top:22px;max-width:34em}
.mast-t .btn{margin-top:30px}
.figures{padding-block:clamp(70px,9vw,150px);background:var(--step)}
table{border-collapse:collapse;width:100%;font-size:var(--lead)}
th{text-align:left;font-weight:400;padding:15px 0;border-top:1px solid #d8d3cc}
td{text-align:right;font-weight:700;padding:15px 0;border-top:1px solid #d8d3cc;font-variant-numeric:tabular-nums}
.letter{background:var(--ink);color:#fff;padding-block:clamp(70px,9vw,150px)}
.letter h2{padding-right:32px}
.letter .rev{display:block;padding:0}
.letter .rev-side{display:block;margin-bottom:22px}
.letter .rev-body p{font-size:clamp(20px,2vw,28px);line-height:1.35}
.letter .rev-svc,.letter .rev-who,.letter .rev-to{color:#cfccc6}
.letter .stars{fill:#f28a5f}.letter .stars .off{fill:#4a494d}
.listing{padding:clamp(70px,9vw,150px) var(--m)}
.listing>h2{margin:0 0 30px var(--axis)}
.listing>.btn{margin:44px 0 0 var(--axis)}
.rev{display:grid;grid-template-columns:var(--axis) 1fr;padding:clamp(26px,3vw,40px) 0}
.rev+.rev{border-top:8px solid var(--step)}
.rev-side{padding-right:24px;font-size:var(--small)}
.rev-who{margin-top:8px;font-size:17px}
.rev-to{margin-top:8px;color:var(--mute)}
.rev-body{max-width:44em}
.rev-body p+p{margin-top:12px}
.rev-svc{margin-top:14px!important;font-size:var(--small);color:var(--mute)}
.stars{display:inline-flex;gap:2px;fill:var(--accent)}.stars .off{fill:#ddd8d1}
.rev[hidden]{display:none}
.people{padding:clamp(70px,9vw,150px) var(--m);background:var(--step)}
.people>h2{margin-bottom:36px}
.people>.btn{margin-top:44px}
.ppl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ppl a{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:var(--paper);padding:14px;text-decoration:none;transition:transform .2s ease,background .2s ease}
.ppl a:hover{transform:translateY(-3px);background:var(--block);color:inherit}
.ppl img,.noph{width:96px;height:96px;object-fit:cover}
.noph{display:grid;place-items:center;background:var(--block);font-size:34px;font-weight:700}
.ppl b{display:block;font-size:21px}.ppl small{display:block;font-size:var(--small);line-height:1.3;color:var(--mute);margin-top:3px}.ppl em{display:block;font-style:normal;font-size:var(--small);font-weight:700;margin-top:6px}
.page-h,.person{padding-block:clamp(40px,6vw,96px) clamp(30px,4vw,60px)}
.side-ph{width:min(280px,70%);aspect-ratio:1;object-fit:cover}
.person .btn{margin-top:26px}
.find{margin-top:28px}
.find label{display:block;font-size:var(--lead);margin-bottom:10px}
.find input{width:100%;font:inherit;font-size:20px;padding:15px 16px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chips button{font:inherit;font-size:var(--small);padding:9px 14px;border:0;background:var(--step);color:var(--ink);cursor:pointer;transition:background .18s ease,transform .15s ease}
.chips button:hover{background:var(--block)}.chips button:active{transform:scale(.97)}
.chips button[aria-pressed=true]{background:var(--ink);color:#fff}
.chips span{opacity:.65}
.found{font-size:var(--small);margin-top:12px;min-height:1.5em;color:var(--mute)}
.prose{margin-top:34px;max-width:42em}.prose h2{font-size:clamp(23px,2.3vw,32px);margin:34px 0 10px}.prose p{font-size:19px}
.foot{background:var(--block);padding:clamp(90px,8vw,120px) var(--m) 28px}
.foot-name{font-size:clamp(64px,17vw,280px);font-weight:800;letter-spacing:-.05em;line-height:.85}
.foot-grid{display:grid;grid-template-columns:var(--axis) 1fr;margin-top:40px;gap:20px}
.foot-grid p{max-width:30em;padding-right:24px}
.foot-grid nav{display:flex;flex-wrap:wrap;gap:12px 26px}
.js .lift{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js .lift.in{opacity:1;transform:none}
.js h1 span{display:block}
@media (max-width:820px){
 :root{--axis:0%;--h1:clamp(42px,12.5vw,76px);--body:17px}
 .top{gap:14px;flex-wrap:wrap}.mark{width:100%;margin:0}.top nav{gap:16px}.top nav a,.go{font-size:16px}.go{margin-left:auto}
 .mosaic{grid-template-columns:repeat(4,1fr)}
 .axis,.rev,.foot-grid{display:block}
 .side{max-width:none;margin-bottom:18px}
 .mast-t h1 span{margin-left:0}
 .listing>h2,.listing>.btn{margin-left:0}
 .rev-side{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-bottom:12px;padding:0}.rev-who,.rev-to{margin:0}.rev-who br{display:none}.rev-who b{margin-right:6px}
 .letter h2{margin-bottom:24px}
 .ppl{grid-template-columns:1fr}
 .side-ph{margin-bottom:22px;width:160px}
 .foot-grid nav{margin-top:20px}
}
@media (prefers-reduced-motion:reduce){.js .lift{opacity:1;transform:none;transition:none}.btn,.mosaic img,.ppl a{transition:none}}