:root{--canvas:#FBF8F4;--surface:#FFFFFF;--sand:#F6EADF;--mint:#E2F1EE;--ink:#182B35;--muted:#56636A;--petrol:#0F6A6E;--petrol-h:#0B5256;--clay:#AE4F35;--clay-t:#F8E6DC;--ink-t:#E9ECEC;--grey:#6E7B81;--grey-t:#ECEEEE;--line:#DDE3E1;--serif:"Newsreader",serif;--sans:"Albert Sans",sans-serif}.root{font-family:var(--sans);font-size:18px;line-height:29px;color:var(--ink);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative}.root *{box-sizing:border-box}:where(.root) :where(p,ul,ol,dl,dd,figure,h1,h2,h3){margin:0}:where(.root) :where(ul,ol){padding:0;list-style:none}:where(.root) :where(h1,h2,h3){font-family:var(--serif);font-weight:500;text-wrap:balance}@media(min-width:900px){.root h1{font-size:68px;line-height:70px;letter-spacing:-.02em}}@media(max-width:899.98px){.root h1{font-size:42px;line-height:46px;letter-spacing:-.015em}}@media(min-width:900px){.root h2{font-size:40px;line-height:46px;letter-spacing:-.01em}}@media(max-width:899.98px){.root h2{font-size:30px;line-height:36px}}@media(min-width:900px){.root h3{font-size:26px;line-height:32px}}@media(max-width:899.98px){.root h3{font-size:22px;line-height:28px}}.meta{font-size:15px;line-height:22px;color:var(--muted);font-variant-numeric:tabular-nums}.wrap{margin-inline:auto}@media(min-width:900px){.root .wrap{width:min(1200px,calc(100% - 96px))}}@media(max-width:899.98px){.root .wrap{width:350px}}a.link{color:var(--petrol);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px}a.link:hover{color:var(--petrol-h);text-decoration-thickness:2px}.btn{display:inline-flex;align-items:center;min-height:46px;padding:10px 22px;border:1px solid var(--petrol);border-radius:4px;font:500 16px/24px var(--sans);text-decoration:none;cursor:pointer}.btn.quiet{background:transparent;color:var(--petrol)}.btn.quiet:hover{background:var(--mint);color:var(--petrol-h)}.site-head{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;background:#fbf8f400}@media(min-width:900px){.root .site-head{padding:20px 0}}@media(max-width:899.98px){.root .site-head{padding:12px 0}}.site-head .wrap{display:flex;justify-content:space-between;align-items:center}.wordmark{font:600 20px/28px var(--sans);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.nav{display:flex;gap:30px}.nav a{display:inline-flex;align-items:center;min-height:44px;font:500 16px/24px var(--sans);color:var(--ink);text-decoration:none}.nav a:hover{color:var(--petrol);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.menu-panel{background:var(--surface);border-top:1px solid var(--line);padding:12px 0}.menu-panel .nav{flex-direction:column;gap:4px}@media(min-width:900px){.root main{padding-top:64px;display:flex;flex-direction:column;gap:144px}}@media(max-width:899.98px){.root main{padding-top:32px;display:flex;flex-direction:column;gap:88px}}.posts{margin-top:20px;border-bottom:1px solid var(--line)}.post{display:grid;grid-template-columns:130px minmax(0,1fr) 200px;column-gap:32px;align-items:start;padding:30px 16px;margin:0 -16px;border-top:1px solid var(--line)}.post:hover{background:var(--mint)}.post .meta{margin-top:6px}.post p.ex{margin-top:10px;max-width:600px}.cover{border-radius:6px;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}@media(min-width:900px){.root .cover{width:200px;height:128px}}@media(max-width:899.98px){.root .post{grid-template-columns:minmax(0,1fr) 88px;column-gap:16px;padding:24px 0;margin:0}}@media(max-width:899.98px){.root .post .when{grid-column:1 / -1;margin-bottom:6px}}@media(max-width:899.98px){.root .cover{width:88px;height:88px;font-size:11px}}@media(max-width:899.98px){.root .post p.ex{grid-column:1 / -1}}.site-foot{padding:40px 0}.site-foot .wrap{display:flex;justify-content:space-between;gap:48px;align-items:flex-start}@media(max-width:899.98px){.root .site-foot .wrap{flex-direction:column;gap:16px}}@supports (animation-timeline: view()){@keyframes solid{to{background:#fbf8f4f0;border-bottom-color:var(--line);backdrop-filter:blur(8px)}}.site-head{animation:solid linear both;animation-timeline:scroll(root);animation-range:0 140px}}@media(prefers-reduced-motion:reduce){.root *,.root *:before{animation:none!important;transition:none!important}}.nav a[aria-current]{color:var(--petrol);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.lead{font:400 28px/40px var(--serif);max-width:720px}@media(max-width:899.98px){.root .lead{font-size:22px;line-height:32px}}.w-intro{margin-top:24px}.year{margin-top:0}.year h2{font-variant-numeric:tabular-nums}@media(min-width:900px){.root .wlist{display:flex;flex-direction:column;gap:88px}}@media(max-width:899.98px){.root .wlist{display:flex;flex-direction:column;gap:56px}}.art .body{grid-column:4 / span 7}.art .body p{margin-top:16px}.art .body p.stand{margin-top:0;margin-bottom:28px}.art .body h2{margin-top:48px;margin-bottom:24px}@media(min-width:900px){.root .art .body h2{font-size:28px;line-height:34px;letter-spacing:0}}@media(max-width:899.98px){.root .art .body h2{font-size:28px;line-height:34px;letter-spacing:0}}.w-intro+p{max-width:640px;margin-top:16px}.root a:focus-visible,.root button:focus-visible{outline:2px solid var(--petrol-h);outline-offset:3px;border-radius:2px}.post .meta a.link{display:inline-block;padding-block:2px}.site-foot-legal{padding:32px 0 40px}.site-foot-legal .wrap{display:block}.w-profiles{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cover.cover-img{background:none;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:4px}.cover.cover-img img{display:block;width:100%;height:100%;object-fit:cover}.site-foot-legal .wrap{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 48px}.foot-links{display:flex;gap:24px;font-size:15px;line-height:22px}.foot-links a.link{display:inline-block;padding-block:11px}@media(max-width:899.98px){.root .post{grid-template-rows:auto auto auto 1fr auto}.root .post>div:not(.cover){display:contents}.root .post>div>h3,.root .post>div>.meta{grid-column:1}.root .post .cover{grid-column:2;grid-row:2 / 5;align-self:start}.root .post p.ex{grid-column:1 / -1;grid-row:5}}@media(min-width:900px){html .root main{gap:72px}}@media(max-width:899.98px){html .root main{gap:48px}}
