:root{--canvas:#f3f1ec;--surface:#fff;--surface-2:#f8f6f1;--line:#e6e2d9;--ink:#1d2321;--muted:#5f6763;--brand:#2457d6;--apricot:#f6a65a;--lime:#d6ea6c;--lilac:#c2b3f5;--sand:#efe2c4;--night:#1e2a33;--focus:#c2410c;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--corner:6px 32px 32px 32px;--corner-sm:6px 22px 22px 22px}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);min-height:100vh;color:var(--ink);font:400 17px/28px var(--font-body);flex-direction:column;margin:0;display:flex;overflow-x:hidden}main{flex:1;overflow-x:clip}a{color:var(--brand)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}img{max-width:100%}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.link{color:var(--brand);font:700 15px/1.4 var(--font-display);text-underline-offset:4px;align-self:flex-start;text-decoration:underline 2px}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;padding-top:16px;display:flex}.brand{color:var(--ink);font:700 20px/44px var(--font-display);letter-spacing:-.01em;align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{object-fit:cover;border-radius:999px;width:40px;height:40px}.brand b{font-weight:700}nav.main{font:600 16px/44px var(--font-display);flex-wrap:wrap;gap:0 24px;display:flex}nav.main a{color:var(--ink);text-decoration:none}nav.main a:hover,nav.main a[aria-current=page]{color:var(--brand)}footer.site{color:var(--muted);font:500 13px/20px var(--font-body);padding:32px 0 48px}footer.site a{color:var(--muted)}.page{flex-direction:column;gap:clamp(72px,9vw,120px);padding-top:clamp(20px,3vw,32px);display:flex}.stack{flex-direction:column;gap:28px;display:flex}.big{font:700 clamp(32px, 4vw, 52px)/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.display{font:800 clamp(60px, 8.2vw, 112px)/.95 var(--font-display);letter-spacing:-.04em;margin:0}.lead{max-width:36em;font:400 19px/29px var(--font-body);margin:0}.hero{flex-wrap:wrap;align-items:center;gap:40px clamp(48px,6vw,88px);padding-top:clamp(8px,3vw,40px);display:flex}.hero-text{flex-direction:column;flex:999 460px;gap:20px;min-width:0;display:flex}.hero .display{letter-spacing:-.035em;font-weight:700}.eyebrow{color:var(--muted);font:600 13px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0}.role{max-width:26em;font:600 clamp(20px, 2vw, 26px)/1.3 var(--font-display);letter-spacing:-.01em;margin:0}.hero .lead{color:var(--muted)}.actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn{background:var(--ink);color:#fff;font:700 15px/20px var(--font-display);border-radius:10px;padding:14px 22px;text-decoration:none;display:inline-block}.btn:hover{background:var(--brand)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn.ghost:hover{background:var(--surface)}.hero-photo{flex:300px;max-width:440px;margin:0 auto}.hero-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:14px;width:100%;display:block}.hero-photo figcaption{color:var(--muted);font:500 13px/18px var(--font-body);margin-top:12px}.featured{border-block:1.5px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;margin-top:calc(-1*clamp(32px,5vw,64px));padding:24px 0;display:flex}.featured span{color:var(--muted);font:600 12px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.featured a{color:#3b423f;opacity:.85;text-decoration:none}.featured a:hover{opacity:1;color:var(--ink)}.mark-st{letter-spacing:-.01em;font:700 22px/1 Georgia,Times New Roman,serif}.mark-zb{font:700 20px/1 var(--font-body)}.mark-sh{font:700 21px/1 var(--font-display);letter-spacing:-.02em}.mark-pc{font:italic 600 18px/1 Georgia,serif}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;display:grid}.stats div{border-left:1.5px solid var(--line);padding:4px clamp(16px,2.4vw,32px)}.stats div:first-child{border-left:0;padding-left:0}.stats dd{font:700 clamp(40px, 4.4vw, 60px)/1 var(--font-display);letter-spacing:-.04em;margin:0}.stats dt{max-width:15em;color:var(--muted);font:400 15px/22px var(--font-body);margin-top:10px}@media (width<=860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.stats div,.stats div:first-child{border-left:0;border-top:1.5px solid var(--line);padding:14px 0 0}.stats dd{font-size:clamp(30px,8.5vw,44px)}.featured span{flex-basis:100%}}.count{font-variant-numeric:tabular-nums}.head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.head p{color:var(--muted);margin:0}.record{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);border-radius:14px;flex-direction:column;text-decoration:none;transition:box-shadow .15s;display:flex;overflow:hidden}.card:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.card img{aspect-ratio:16/9;object-fit:cover;object-position:top left;border-bottom:1.5px solid var(--line);width:100%;display:block}.card-body{flex-direction:column;flex:1;gap:8px;padding:22px 24px 24px;display:flex}.tag{color:var(--muted);font:700 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.card h3{font:700 20px/26px var(--font-display);margin:4px 0 0}.card .num{font:700 clamp(30px, 3vw, 38px)/1.1 var(--font-display);letter-spacing:-.03em}.card p{color:var(--muted);margin:0 0 6px;font-size:15px;line-height:24px}.card .more{color:var(--brand);font:700 14px/1.4 var(--font-display);margin-top:auto}.press{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.press a{color:var(--ink);flex-direction:column;gap:6px;text-decoration:none;display:flex}.press img{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:14px;margin-bottom:10px;display:block}.press .src{color:var(--muted);font:600 12px/1.4 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.press strong{font:700 20px/1.3 var(--font-display)}.press a:hover strong{color:var(--brand)}.built{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px clamp(24px,3vw,40px);margin:0;display:grid}.built div{border-top:1.5px solid var(--line);padding-top:12px}.built dt{font:700 clamp(20px, 2vw, 24px)/1.25 var(--font-display)}.built dt a{color:var(--ink);text-underline-offset:4px}.built dd{color:var(--muted);margin:6px 0 0;font-size:16px;line-height:25px}.qa{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px clamp(32px,5vw,64px);margin:0;display:grid}.qa dt{font:700 22px/28px var(--font-display)}.qa dd{margin:8px 0 0}.sheet{flex:320px;min-width:0;position:relative}.sheet:before{content:"";border-radius:var(--corner);background:var(--fill);transform:rotate(var(--tilt,2deg));position:absolute;inset:12px -12px -12px 12px}.sheet img{object-fit:cover;border-radius:var(--corner);width:100%;height:clamp(300px,34vw,420px);display:block;position:relative}.sheet img.natural{height:auto}.hero-photo .sheet:before{inset:14px -14px -14px 14px}.hero-photo .sheet img{height:clamp(380px,37vw,500px)}.hi{background:var(--ink);color:#fff;border-radius:14px;padding:clamp(32px,6vw,72px)}.hi h2{font:700 clamp(40px, 6vw, 72px)/1 var(--font-display);letter-spacing:-.035em;margin:0 0 16px}.hi p{color:#d9ddda;max-width:36em;font:400 19px/30px var(--font-body);margin:0}.hi a{color:#fff}.chapter{flex-wrap:wrap;align-items:center;gap:40px clamp(48px,7vw,96px);display:flex}.chapter-text{flex:320px;min-width:0}.mark{color:var(--brand);font:800 clamp(64px, 8vw, 112px)/1 var(--font-display);letter-spacing:-.04em}.chapter h2{font:700 24px/30px var(--font-display);margin:12px 0 8px}.chapter p{margin:0}.quote{border-radius:var(--corner);background:var(--lilac);color:#1d2321;min-width:0;min-height:clamp(220px,26vw,320px);font:800 clamp(56px, 8vw, 104px)/1 var(--font-display);letter-spacing:-.04em;flex:320px;place-items:center;display:grid;transform:rotate(1deg)}.portrait{object-fit:cover;border-radius:999px;flex:none;width:220px;height:220px}.photos{columns:3 260px;column-gap:28px}.photos figure{break-inside:avoid;margin:0 0 32px}.photos img{border-radius:var(--corner-sm);width:100%;height:auto;display:block}.photos figcaption{color:var(--muted);font:500 14px/20px var(--font-body);margin-top:10px}.story-end{border-top:1.5px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;padding-top:24px;display:flex}.writing{gap:clamp(48px,6vw,80px);padding-bottom:48px}.writing-head{flex-direction:column;gap:18px;max-width:760px;padding-top:clamp(8px,3vw,32px);display:flex}.writing-head .lead{color:var(--muted)}.search input{background:var(--surface);width:100%;max-width:520px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);font:400 16px/22px var(--font-body);border:0;border-radius:10px;margin-top:8px;padding:14px 16px}.search input:focus{box-shadow:inset 0 0 0 1.5px var(--ink);outline:none}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{color:var(--muted);font:600 13px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0}.latest{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.latest h3{font-size:21px;line-height:28px}.latest p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.year-group{grid-template-columns:140px minmax(0,1fr);gap:0 32px;padding-top:8px;display:grid}.year-group[hidden],.posts li[hidden]{display:none}.year-group .year{color:var(--ink);font:700 32px/1 var(--font-display);letter-spacing:-.03em;align-self:start;margin:18px 0 0;position:sticky;top:16px}.posts{margin:0;padding:0;list-style:none}.posts li{border-top:1.5px solid var(--line)}.posts a{color:var(--ink);flex-direction:column;gap:6px;padding:20px 0;text-decoration:none;display:flex}.posts .t{font:700 clamp(19px, 1.8vw, 22px)/1.3 var(--font-display);letter-spacing:-.01em}.posts a:hover .t{color:var(--brand)}.posts .d{max-width:46em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:25px;display:-webkit-box;overflow:hidden}.posts .m{color:var(--muted);font:500 13px/18px var(--font-body)}.none{color:var(--muted);margin:0}@media (width<=720px){.year-group{grid-template-columns:minmax(0,1fr)}.year-group .year{margin:0 0 12px;position:static}}.reading{max-width:700px;margin:0 auto;padding:clamp(24px,4vw,56px) 0 32px}.post-head{border-bottom:1.5px solid var(--line);flex-direction:column;gap:14px;margin-bottom:36px;padding-bottom:28px;display:flex}.reading h1{font:700 clamp(34px, 4.6vw, 52px)/1.08 var(--font-display);letter-spacing:-.03em;margin:0}.standfirst{color:var(--muted);font:400 clamp(19px, 1.8vw, 21px)/1.55 var(--font-body);margin:0}.byline{color:var(--muted);font:400 14px/20px var(--font-body);align-items:center;gap:12px;margin-top:6px;text-decoration:none;display:flex}.byline img{object-fit:cover;border-radius:999px;width:40px;height:40px}.byline b{color:var(--ink);font:700 15px/20px var(--font-display);display:block}.backlink{color:var(--muted);font:600 14px/24px var(--font-display);align-self:flex-start;text-decoration:none}.backlink:hover{color:var(--ink)}.prose{color:#2a302d;font-size:19px;line-height:1.75}.prose p{margin:0 0 1.25em}.prose a{text-underline-offset:3px;text-decoration-thickness:1px}.prose strong{color:var(--ink)}.prose h2{color:var(--ink);font:700 clamp(25px, 2.6vw, 30px)/1.25 var(--font-display);letter-spacing:-.02em;margin:2.2em 0 .6em}.prose h3{color:var(--ink);font:700 22px/1.3 var(--font-display);margin:1.8em 0 .5em}.prose h4{color:var(--ink);font:700 19px/1.35 var(--font-display);margin:1.6em 0 .5em}.prose img{border-radius:12px;max-width:100%;height:auto;margin:28px 0;display:block}.prose ul,.prose ol{margin:0 0 1.25em;padding-left:1.4em}.prose li{margin:.4em 0}.prose li::marker{color:var(--muted)}.prose hr{border:0;border-top:1.5px solid var(--line);margin:2.4em 0}.prose blockquote{border-left:3px solid var(--ink);color:var(--ink);margin:1.6em 0;padding:4px 0 4px 20px;font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose pre{border-radius:12px;margin:0 0 1.25em;padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.prose :not(pre)>code{background:#e9e6df;border-radius:6px;padding:2px 6px}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.25em;font-size:15px;line-height:22px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1.5px solid var(--line);text-align:left;padding:10px 12px}.prose th{color:var(--ink);font-family:var(--font-display)}.embed{background:var(--night);border-radius:12px;height:0;margin:0 0 36px;padding-bottom:56.25%;position:relative;overflow:hidden}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.cta{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:14px;margin:40px 0;padding:24px}.cta h3{font:700 20px/26px var(--font-display);margin:0 0 8px}.cta p{margin:0 0 8px}.cta .btn{margin:8px 0}.cta .disc{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:18px}.author{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:14px;gap:18px;margin-top:48px;padding:24px;font-size:15px;line-height:24px;display:flex}.author img{object-fit:cover;border-radius:999px;flex:none;width:64px;height:64px}.author b{font:700 17px/24px var(--font-display)}.author p{color:var(--muted);margin:4px 0 8px}.author a{color:var(--ink);text-underline-offset:3px;font-weight:700}.keep{max-width:700px;margin:24px auto 48px}.keep h2{color:var(--muted);font:600 13px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
