@font-face{font-family:"Archivo GP";src:url(fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:"Archivo GP",Helvetica,Arial,sans-serif;font-weight:360;font-stretch:90%;color:#0c0c0c;background:#fff;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.bar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(12,12,12,.1)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.bar img{height:28px;width:auto}
.bar nav{display:flex;gap:clamp(14px,2.4vw,32px);font-size:15px;font-stretch:84%;font-weight:500}
.bar nav a{text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.bar nav a[aria-current]{border-bottom-color:#0c0c0c}
.bar.dark{background:rgba(0,0,0,.9);border-bottom-color:rgba(255,255,255,.12);color:#f2f0eb}
.bar.dark nav a[aria-current]{border-bottom-color:#f2f0eb}
@media (max-width:700px){.bar nav .x{display:none}.bar nav{font-size:14px;gap:14px}.bar img{height:22px}}
.sec{padding:clamp(72px,11vh,140px) 0}
.ink{background:#000;color:#f2f0eb}
.h1{font-weight:800;font-stretch:62%;font-size:clamp(60px,9.4vw,150px);line-height:.88;letter-spacing:-.022em}
.h2{font-weight:750;font-stretch:64%;font-size:clamp(38px,5vw,76px);line-height:.95;letter-spacing:-.015em;max-width:15em;text-wrap:balance}
.h3{font-weight:750;font-stretch:66%;font-size:clamp(26px,2.6vw,38px);line-height:1;letter-spacing:-.01em}
.lede{font-weight:300;font-stretch:84%;font-size:clamp(20px,1.8vw,26px);line-height:1.38;max-width:34em;margin-top:clamp(18px,3vh,30px)}
.dim{opacity:.62}
.small{font-size:15px;line-height:1.45}
.draft{text-decoration:underline dashed rgba(127,127,127,.7) 1px;text-underline-offset:4px}
.ph{color:#8a8a8a;font-style:italic}
.ink .ph{color:#8d8d8d}
.foot{padding:48px 0 64px;border-top:1px solid rgba(12,12,12,.12);font-size:14px;color:#666}
.foot p+p{margin-top:6px}
.rule{height:1px;background:rgba(12,12,12,.14);margin:0}
.ink .rule{background:rgba(242,240,235,.16)}
/* drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .3s;z-index:40}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(460px,100%);background:#fff;color:#0c0c0c;z-index:41;transform:translateX(104%);transition:transform .45s cubic-bezier(.2,.7,.1,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-30px 0 60px rgba(0,0,0,.18)}
.drawer{visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.1,1),visibility 0s .45s}.open .scrim{opacity:1;pointer-events:auto}.open .drawer{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.7,.1,1),visibility 0s}
.dx{position:sticky;top:0;display:flex;justify-content:flex-end;padding:14px 16px 0;background:linear-gradient(#fff 70%,rgba(255,255,255,0))}
.dx button{width:44px;height:44px;font-size:30px;line-height:1;font-weight:300}
.din{padding:0 32px 48px}
.din .por{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:22px;background:#eee}
.din .who{font-weight:800;font-stretch:62%;font-size:46px;line-height:.92;letter-spacing:-.015em}
.din .where{font-size:15px;margin-top:8px;color:#666}
.din .line{font-weight:400;font-stretch:84%;font-size:22px;line-height:1.3;margin-top:18px}
.din .bio p{margin-top:14px;font-size:17px;line-height:1.55}
.din .more{display:none}
.din.x .more{display:block}
.plus{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-weight:600;font-size:16px}
.plus i{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-style:normal;font-weight:300;font-size:20px;line-height:1;transition:transform .3s}
.din.x .plus i{transform:rotate(45deg)}
.links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(12,12,12,.14);font-weight:600;font-size:16px}
.links a{text-decoration:none;border-bottom:1px solid currentColor}
.din .logo{height:44px;width:auto;margin:6px 0 24px}
.din blockquote{font-weight:300;font-stretch:84%;font-size:21px;line-height:1.36;margin-top:22px}
.din cite{display:block;font-style:normal;font-size:15px;color:#666;margin-top:8px}
.din h4{font-weight:700;font-stretch:72%;font-size:22px;margin-top:34px;padding-top:16px;border-top:1px solid rgba(12,12,12,.14)}
@media (max-width:700px){
 .drawer{top:auto;bottom:0;height:88%;width:100%;transform:translateY(104%);border-radius:18px 18px 0 0}
 .din{padding:0 22px 40px}.din .por{width:150px;height:150px}.din .who{font-size:40px}}

/* live */
.ph,.tc{display:none!important}
.draft{text-decoration:none!important}