.page--inner{padding-top:clamp(124px, calc(158 * var(--u)), 200px);min-height:100svh}.page--inner .sect{padding-top:0}.shell--article{width:min(calc(1108 * var(--u)), calc(100% - 48px))}@media (width<=900px){.shell--article{width:min(calc(692 * var(--u)), calc(100% - 40px))}}.blog-head{max-width:calc(860 * var(--u))}.blog-head h1{margin-top:calc(20 * var(--u));font-size:max(30px, calc(58 * var(--u)));letter-spacing:calc(-.8 * var(--u));color:var(--ink);font-weight:300;line-height:1.06}.filters{gap:calc(8 * var(--u));margin-top:calc(40 * var(--u));padding-top:calc(26 * var(--u));border-top:1px solid #ffffff17;flex-wrap:wrap;display:flex}.filter{height:calc(36 * var(--u));min-height:38px;padding:0 max(13px, calc(15 * var(--u)));border-radius:calc(10 * var(--u));color:var(--ink-faint);font-family:inherit;font-size:max(11px, calc(11.5 * var(--u)));letter-spacing:max(1px, calc(1.5 * var(--u)));text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease);background:#ffffff08;border:1px solid #ffffff1c;align-items:center;font-weight:500;display:inline-flex}.filter:hover{color:var(--ink);border-color:#fff3}.filter[aria-pressed=true]{color:#23261f;background:#f2f3ef;border-color:#f2f3ef}.featured-post{margin-top:calc(48 * var(--u))}.featured-post__label{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));margin:0 0 max(10px, calc(14 * var(--u)));color:var(--ink-faint);font-size:max(10px, calc(11 * var(--u)));letter-spacing:max(1.5px, calc(2.4 * var(--u)));text-transform:uppercase;font-weight:500;display:flex}.featured-post__label span:first-child{color:#c6dda8c2}.featured-post__card{min-height:min(550px, calc(530 * var(--u)));border-radius:calc(32 * var(--u));background:var(--card);color:var(--card-ink);box-shadow:0 calc(28 * var(--u)) calc(68 * var(--u)) #10150d4d;transition:transform .6s var(--ease-out), box-shadow .6s var(--ease);border:1px solid #ffffff1a;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);text-decoration:none;display:grid;overflow:hidden}.featured-post__card:hover{transform:translateY(calc(-5 * var(--u)));box-shadow:0 calc(40 * var(--u)) calc(86 * var(--u)) #10150d6b}.featured-post__card figure{background:#263025;min-height:100%;margin:0;overflow:hidden}.featured-post__card img{object-fit:cover;object-position:50% 0;filter:saturate(.94)contrast(1.02);width:100%;height:100%;transition:transform 1.1s var(--ease-out);display:block}.featured-post__card:hover img{transform:scale(1.045)}.featured-post__body{padding:clamp(28px, calc(48 * var(--u)), 64px);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.featured-post__body h2{max-width:16ch;margin:max(14px, calc(18 * var(--u))) 0 0;font-size:clamp(28px, calc(39 * var(--u)), 52px);letter-spacing:calc(-.6 * var(--u));font-weight:300;line-height:1.08}.featured-post__body>p{max-width:44ch;margin:max(14px, calc(18 * var(--u))) 0 0;color:#23261fad;font-size:max(14px, calc(16 * var(--u)));line-height:1.55}.featured-post__body .post-meta{margin-top:max(20px, calc(28 * var(--u)))}.featured-post__link{margin-top:max(24px, calc(36 * var(--u)));color:#2f5d3a;font-size:max(11px, calc(12 * var(--u)));letter-spacing:max(1px, calc(1.4 * var(--u)));text-transform:uppercase;font-weight:600}.featured-post__link span{margin-left:calc(4 * var(--u));transition:transform .3s var(--ease);display:inline-block}.featured-post__card:hover .featured-post__link span{transform:translateX(calc(4 * var(--u)))}.archive{margin-top:clamp(58px, calc(100 * var(--u)), 124px)}.archive__head{align-items:baseline;gap:calc(20 * var(--u));padding-bottom:max(18px, calc(24 * var(--u)));border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(120px,.32fr) 1fr auto;display:grid}.archive__head .sect-label{margin:0}.archive__head h2{font-size:clamp(25px, calc(34 * var(--u)), 42px);letter-spacing:calc(-.5 * var(--u));margin:0;font-weight:300}.archive__head>p{color:var(--ink-faint);font-size:max(12px, calc(13 * var(--u)));margin:0}.posts{gap:calc(24 * var(--u));margin-top:calc(48 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.post-card{border-radius:calc(30 * var(--u));background:var(--card);color:var(--card-ink);box-shadow:0 calc(24 * var(--u)) calc(56 * var(--u)) #10150d42;transition:transform .6s var(--ease-out), box-shadow .6s var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post-card:hover{transform:translateY(calc(-5 * var(--u)));box-shadow:0 calc(36 * var(--u)) calc(78 * var(--u)) #10150d5c}.post-card figure{aspect-ratio:16/9;background:#263025;position:relative;overflow:hidden}.post-card figure img{object-fit:cover;object-position:50% 0;filter:saturate(.94)contrast(1.02);width:100%;height:100%;transition:transform 1.1s var(--ease-out);display:block;transform:scale(1.02)}.post-card:hover figure img{transform:scale(1.07)}.post-body{gap:max(9px, calc(12 * var(--u)));padding:max(20px, calc(26 * var(--u)));flex-direction:column;flex:1;display:flex}.chip{padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(30 * var(--u));font-size:max(9.5px, calc(10.5 * var(--u)));letter-spacing:max(1px, calc(1.4 * var(--u)));text-transform:uppercase;color:#5c6157;border:1px solid #23261f2e;align-self:flex-start;font-weight:500}.post-card h2{font-size:max(16px, calc(21 * var(--u)));letter-spacing:calc(-.3 * var(--u));font-weight:400;line-height:1.24}.post-card p{font-size:max(13px, calc(14.4 * var(--u)));color:#5c6157;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.post-meta{justify-content:flex-start;align-items:center;column-gap:calc(12 * var(--u));row-gap:calc(6 * var(--u));padding-top:calc(14 * var(--u));font-size:max(11px, calc(12 * var(--u)));color:#6d7268;border-top:1px solid #23261f1a;flex-wrap:wrap;margin-top:auto;font-weight:300;display:flex}.empty{margin-top:calc(48 * var(--u));padding:calc(70 * var(--u)) calc(30 * var(--u));border-radius:calc(24 * var(--u));text-align:center;font-size:max(14px, calc(16 * var(--u)));color:var(--ink-faint);border:1px dashed #ffffff29;font-weight:300}.crumbs{align-items:center;gap:calc(9 * var(--u));font-size:max(11px, calc(12 * var(--u)));color:var(--ink-faint);flex-wrap:wrap;font-weight:300;display:flex}.crumbs a{color:var(--ink-soft);transition:color .25s var(--ease);text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span[aria-hidden]{opacity:.5}.article-head{max-width:calc(940 * var(--u))}.article-head h1{margin-top:calc(22 * var(--u));font-size:max(28px, calc(52 * var(--u)));letter-spacing:calc(-.8 * var(--u));color:var(--ink);font-weight:300;line-height:1.1}.article-head .lead{margin-top:calc(22 * var(--u));max-width:calc(760 * var(--u));font-size:max(15px, calc(19 * var(--u)));color:var(--ink-soft);font-weight:300;line-height:1.6}.byline{align-items:center;gap:calc(10 * var(--u)) calc(18 * var(--u));margin-top:calc(30 * var(--u));padding-top:calc(22 * var(--u));font-size:max(12px, calc(13.4 * var(--u)));color:var(--ink-faint);border-top:1px solid #ffffff17;flex-wrap:wrap;font-weight:300;display:flex}.byline .who{color:var(--ink-soft);font-weight:400}.byline .dot{width:calc(3 * var(--u));height:calc(3 * var(--u));background:#ffffff40;border-radius:50%;min-width:3px;min-height:3px}.poster{margin-top:calc(48 * var(--u))}.poster-mount{width:100%;padding:max(7px, calc(10 * var(--u)));border-radius:max(18px, calc(26 * var(--u)));box-shadow:0 calc(26 * var(--u)) calc(64 * var(--u)) #10150d4d;cursor:zoom-in;transition:border-color .4s var(--ease), box-shadow .5s var(--ease);background:linear-gradient(#ffffff0d,#ffffff04);border:1px solid #ffffff1a;display:block}.poster-mount:hover{box-shadow:0 calc(32 * var(--u)) calc(76 * var(--u)) #10150d66;border-color:#fff3}.poster-mount img{object-fit:contain;border-radius:max(12px, calc(17 * var(--u)));background:#eef0e9;width:100%;height:auto;max-height:74svh;display:block}.js .poster-mount img{clip-path:inset(0 100% 0 0)}.js .poster.in .poster-mount img{animation:1.15s steps(11,end) .15s both plate-cut}@keyframes plate-cut{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.poster figcaption{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));margin-top:calc(14 * var(--u));padding:0 calc(6 * var(--u));font-size:max(11.5px, calc(13 * var(--u)));color:var(--ink-faint);flex-wrap:wrap;font-weight:300;display:flex}.poster figcaption .zoom{align-items:center;gap:calc(8 * var(--u));font-family:inherit;font-size:inherit;color:var(--ink-soft);cursor:zoom-in;transition:color .25s var(--ease);background:0 0;border:0;padding:0;font-weight:400;display:inline-flex}.poster figcaption .zoom:hover{color:var(--ink)}.poster figcaption .zoom svg{width:calc(15 * var(--u));height:calc(15 * var(--u));fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;min-width:13px;min-height:13px}.viewer{z-index:60;padding:calc(56 * var(--u)) calc(26 * var(--u)) calc(26 * var(--u));overscroll-behavior:contain;background:#141712eb;display:none;position:fixed;inset:0;overflow:auto}.viewer[open],.viewer.is-open{display:block}.viewer img{max-width:100%;max-height:calc(100svh - 82 * var(--u));border-radius:calc(14 * var(--u));cursor:zoom-in;background:#eef0e9;width:auto;height:auto;margin:auto;display:block}.viewer.is-zoom img{cursor:zoom-out;max-width:none;max-height:none}.viewer-close{top:max(12px, calc(16 * var(--u)));right:max(14px, calc(20 * var(--u)));z-index:1;align-items:center;gap:calc(9 * var(--u));height:calc(40 * var(--u));min-height:36px;padding:0 calc(16 * var(--u));border-radius:calc(20 * var(--u));color:var(--ink-soft);font-family:inherit;font-size:max(11px, calc(12 * var(--u)));letter-spacing:max(1.2px, calc(1.8 * var(--u)));text-transform:uppercase;cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease);background:#22281fcc;border:1px solid #ffffff29;font-weight:500;display:inline-flex;position:fixed}.viewer-close:hover{color:var(--ink);border-color:#ffffff4d}body.viewing{overflow:hidden}.article-grid{grid-template-columns:calc(268 * var(--u)) minmax(0, calc(780 * var(--u)));justify-content:center;gap:calc(60 * var(--u));margin-top:calc(52 * var(--u));align-items:start;display:grid}.toc{top:max(96px, calc(122 * var(--u)));padding:max(18px, calc(24 * var(--u)));border-radius:max(14px, calc(20 * var(--u)));max-height:calc(100svh - max(140px, 180 * var(--u)));background:#282c246b;border:1px solid #ffffff17;position:sticky;overflow-y:auto}.toc>summary{display:none}.toc h2{font-size:max(10px, calc(11 * var(--u)));letter-spacing:max(2px, calc(3.2 * var(--u)));text-transform:uppercase;color:#ffffff75;font-weight:500}.toc ol{margin-top:calc(16 * var(--u));list-style:none}.toc li+li{margin-top:calc(9 * var(--u))}.toc li.lvl-3{padding-left:calc(14 * var(--u))}.toc a{font-size:max(12.5px, calc(13.6 * var(--u)));color:var(--ink-faint);transition:color .22s var(--ease);font-weight:300;line-height:1.42;text-decoration:none;display:block}.toc a:hover,.toc a.is-current{color:var(--ink)}.sheet{padding:max(26px, calc(56 * var(--u))) max(22px, calc(56 * var(--u))) max(24px, calc(44 * var(--u)));border-radius:max(18px, calc(34 * var(--u)));background:var(--card);color:var(--card-ink);box-shadow:0 calc(30 * var(--u)) calc(76 * var(--u)) #10150d4d}.prose{font-size:max(15.5px, calc(17.5 * var(--u)));color:#33372d;overflow-wrap:anywhere;font-weight:300;line-height:1.75}.prose>*+*{margin-top:max(16px, calc(22 * var(--u)))}.prose h2,.prose h3,.prose h4{letter-spacing:calc(-.4 * var(--u));color:#1e2119;scroll-margin-top:max(96px, calc(122 * var(--u)));break-after:avoid;font-weight:400}.prose>:first-child{margin-top:0}.prose h2{margin-top:max(34px, calc(46 * var(--u)));font-size:max(21px, calc(30 * var(--u)));line-height:1.2}.prose h3{margin-top:max(26px, calc(34 * var(--u)));font-size:max(17.5px, calc(23 * var(--u)));line-height:1.26}.prose h4{margin-top:max(22px, calc(28 * var(--u)));font-size:max(15.5px, calc(19 * var(--u)))}.prose strong,.prose b{color:#1e2119;font-weight:500}.prose a{color:#2f5d3a;text-underline-offset:calc(3 * var(--u));transition:color .2s var(--ease);text-decoration:underline 1px}.prose a:hover{color:#23472c}.prose ul,.prose ol{padding-left:max(20px, calc(26 * var(--u)))}.prose li+li{margin-top:max(7px, calc(9 * var(--u)))}.prose ul li::marker{color:#8d9486}.prose ol li::marker{color:#8d9486;font-variant-numeric:tabular-nums}.prose blockquote{padding-left:calc(24 * var(--u));border-left:calc(2 * var(--u)) solid #b9c2ac;color:#4a4f43;font-style:normal}.prose img{border-radius:calc(18 * var(--u));max-width:100%;height:auto;display:block}.prose hr{height:1px;margin:calc(40 * var(--u)) 0;background:#23261f24;border:0}.prose table{border-collapse:collapse;width:100%;font-size:max(13px, calc(15 * var(--u)));display:block;overflow-x:auto}.prose th,.prose td{padding:calc(11 * var(--u)) calc(14 * var(--u));text-align:left;vertical-align:top;border:1px solid #23261f1f}.prose th{background:#23261f0b;font-weight:500}.tags{gap:calc(8 * var(--u));margin-top:calc(46 * var(--u));padding-top:calc(28 * var(--u));border-top:1px solid #23261f1a;flex-wrap:wrap;display:flex}.tag-pill{padding:calc(5 * var(--u)) calc(12 * var(--u));border-radius:calc(30 * var(--u));font-size:max(11px, calc(12.4 * var(--u)));color:#5c6157;background:#23261f0f;font-weight:300}.neighbours{gap:calc(20 * var(--u));margin-top:calc(56 * var(--u));grid-template-columns:1fr 1fr;display:grid}.neighbour{gap:calc(10 * var(--u));padding:calc(28 * var(--u));border-radius:calc(22 * var(--u));transition:border-color .4s var(--ease), background .4s var(--ease);border:1px solid #ffffff17;flex-direction:column;text-decoration:none;display:flex}.neighbour:hover{background:#ffffff06;border-color:#ffffff2e}.neighbour--next{text-align:right;grid-column:2}.neighbour .k{font-size:max(10px, calc(11 * var(--u)));letter-spacing:max(1.8px, calc(3 * var(--u)));text-transform:uppercase;color:#c6dda899;font-weight:500}.neighbour p{font-size:max(14px, calc(17 * var(--u)));color:var(--ink);font-weight:300;line-height:1.3}.related{margin-top:max(56px, calc(90 * var(--u)))}.related .sect-head{margin-bottom:0}.related .posts{margin-top:max(24px, calc(34 * var(--u)))}@media (width<=1240px){.posts{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.featured-post__card{grid-template-columns:1fr}.featured-post__card figure{aspect-ratio:16/8;min-height:0}.featured-post__body h2{max-width:22ch}.archive__head{grid-template-columns:1fr auto}.archive__head .sect-label{grid-column:1/-1}}@media (width<=1100px){.article-grid{gap:max(18px, calc(26 * var(--u)));grid-template-columns:minmax(0,1fr)}.toc{background:#282c2452;max-height:none;padding:0;position:static;overflow:visible}.toc>summary{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));padding:max(14px, calc(18 * var(--u))) max(16px, calc(20 * var(--u)));font-size:max(11px, calc(12 * var(--u)));letter-spacing:max(1.6px, calc(2.6 * var(--u)));text-transform:uppercase;color:var(--ink-soft);cursor:pointer;font-weight:500;list-style:none;display:flex}.toc>summary::-webkit-details-marker{display:none}.toc>summary:after{content:"+";font-size:max(15px, calc(17 * var(--u)));color:var(--ink-faint);line-height:1}.toc[open]>summary:after{content:"−"}.toc h2{display:none}.toc ol{padding:0 max(16px, calc(20 * var(--u))) max(16px, calc(20 * var(--u)));margin-top:0}}@media (width<=900px){.page--inner{padding-top:clamp(112px, calc(190 * var(--u)), 172px)}.poster-mount img{max-height:52svh}.poster figcaption{align-items:flex-start;gap:max(8px, calc(10 * var(--u)));flex-direction:column}.neighbours{grid-template-columns:1fr}.neighbour--next{text-align:left;grid-column:1}.neighbour{padding:max(20px, calc(28 * var(--u)));border-radius:max(16px, calc(22 * var(--u)))}.related{margin-top:max(56px, calc(90 * var(--u)))}}@media (width<=720px){.featured-post{margin-top:max(32px, calc(40 * var(--u)))}.featured-post__card{border-radius:max(20px, calc(26 * var(--u)))}.featured-post__body{padding:max(22px, calc(28 * var(--u)))}.featured-post__body h2{font-size:max(27px, calc(34 * var(--u)))}.archive{margin-top:max(58px, calc(72 * var(--u)))}.archive__head{display:block}.archive__head h2{margin-top:max(9px, calc(12 * var(--u)))}.archive__head>p{margin-top:max(8px, calc(10 * var(--u)))}.posts{gap:max(16px, calc(20 * var(--u)));grid-template-columns:minmax(0,1fr)}.post-body{padding:max(20px, calc(26 * var(--u)))}.filters{gap:max(7px, calc(8 * var(--u)))}.viewer{padding:max(58px, calc(56 * var(--u))) max(12px, calc(26 * var(--u))) max(12px, calc(26 * var(--u)))}}@media (prefers-reduced-motion:reduce){.post-card,.post-card figure img{transition:none!important;transform:none!important}.poster-mount img,.js .poster-mount img{clip-path:none!important;animation:none!important}}
