@layer tokens{:root{--color-paper:light-dark(#efeee9,#141413);--color-ink:light-dark(#232321,#e7e6e1);--color-ink-soft:light-dark(#5e5d57,#a3a29c);--color-ink-rule:light-dark(#23232130,#e7e6e129);--space-fluid-pad:clamp(20px, 8.34vw, 120px);--layout-max:1440px;--ease-standard:cubic-bezier(.2, .7, .2, 1);--duration-fast:.16s;--duration-mid:.28s;--radius-sm:8px;color-scheme:light dark;--bg:var(--color-paper);--ink:var(--color-ink);--secondary:var(--color-ink-soft);--rule:var(--color-ink-rule);--selection-bg:light-dark(#23232124,#e7e6e133);--maxw:var(--layout-max);--pad:var(--space-fluid-pad);--ease:var(--ease-standard)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--sans:var(--font-plex-sans);--serif:var(--font-plex-serif);--mono:var(--font-plex-mono)}}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer base{body{isolation:isolate;background-color:var(--bg);flex-direction:column;min-height:100dvh;display:flex;position:relative}main{flex:1}body:after{content:"";z-index:-1;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}:root[data-theme=dark] body:after{opacity:.07}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:after{opacity:.07}}html{scroll-behavior:smooth;scrollbar-gutter:stable;min-width:320px}body{min-width:320px;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:var(--selection-bg)}a{color:inherit;text-underline-offset:.22em;touch-action:manipulation;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}::selection{background:var(--selection-bg);color:var(--ink)}main:focus-visible{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus-visible{left:max(16px, env(safe-area-inset-left));top:max(16px, env(safe-area-inset-top));border:1px solid var(--ink);background:var(--bg);width:auto;height:auto;color:var(--ink);padding:10px 12px;font-size:14px;font-weight:500;position:fixed}.theme-dark-only,:root[data-theme=dark] .theme-light-only{display:none}:root[data-theme=dark] .theme-dark-only{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-light-only{display:none}:root:not([data-theme=light]) .theme-dark-only{display:block}}}@layer layout{.wrap{width:min(100%, var(--maxw));padding-inline:calc(var(--pad) + env(safe-area-inset-left,0px)) calc(var(--pad) + env(safe-area-inset-right,0px));margin-inline:auto}}@layer components{.label{color:var(--secondary);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:12px;line-height:1.6}.site-nav a,.footer-links a,.intro-links a,.text-link,.recent-head a,.reader-back{min-height:44px;padding-block:10px;line-height:24px;display:inline-block}.site-nav a,.footer-links a{transition:text-decoration-color var(--duration-fast) var(--ease);font-size:15px;text-decoration-line:underline;text-decoration-color:#0000;&:is(:hover,:focus-visible,[aria-current]){text-decoration-color:currentColor}}.footer-links a{color:var(--secondary);font-size:14px;&:is(:hover,:focus-visible){color:var(--ink)}}.text-link,.intro-links a,.intro-lede a,.article-body a,.article-related a{text-decoration-line:underline;text-decoration-color:var(--secondary);transition:text-decoration-color var(--duration-fast) var(--ease);&:is(:hover,:focus-visible){text-decoration-color:currentColor;text-decoration-thickness:2px}}:is(.site-nav,.footer-links,.intro-links,.recent,.post-list,.reader) a:active{opacity:.7}.header-inner{min-height:104px;padding-top:env(safe-area-inset-top,0px);align-items:center;gap:clamp(20px,2.5vw,36px);display:flex}.home-link{font-family:var(--serif);margin:0 auto 0 -8px;padding:6px 8px;font-size:34px;font-style:italic;line-height:1}.site-nav{gap:clamp(20px,2.5vw,36px);display:flex}.theme-toggle{--edge-gap:20px;width:76px;height:76px;margin-inline:-12px min(0px, var(--edge-gap) - var(--pad));color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;&:focus-visible{border-radius:50%}& img{width:100%;height:100%}}@media (width<=640px){.header-inner{min-height:76px}.home-link{font-size:30px}.theme-toggle{width:56px;height:56px;margin-inline:-8px}}.intro{justify-items:start;gap:28px;padding-top:clamp(48px,10.4vw,150px);display:grid;& h1{max-width:820px;font-family:var(--serif);letter-spacing:-.014em;text-wrap:pretty;font-size:clamp(34px,4.03vw,58px);font-weight:400;line-height:1.1}}.intro-lede{max-width:600px;color:var(--secondary);text-wrap:pretty;font-size:clamp(16px,1.25vw,18px);line-height:1.6}.intro-links{flex-wrap:wrap;align-items:baseline;gap:0 28px;margin-top:-6px;font-size:16px;display:flex}.intro-email{font-family:var(--serif);font-size:19px;font-style:italic}.recent{padding-top:clamp(64px,9vw,130px)}.recent-head,.recent-list{max-width:620px}.recent-head{justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:14px;display:flex;& a{font-size:14px}}.recent-list{padding:0;list-style:none;& a{border-top:1px solid var(--rule);grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:28px;padding-block:18px;display:grid}& a:is(:hover,:focus-visible) .recent-title{text-decoration:underline}}.recent-title{font-family:var(--serif);text-wrap:pretty;font-size:19px;line-height:1.4}@media (width<=640px){.intro{gap:20px}.intro-email{flex-basis:100%;font-size:18px}.recent-list a{grid-template-columns:minmax(0,1fr);gap:6px;padding-block:16px}}.site-footer{margin-top:clamp(32px,4vw,56px);position:relative}.footer-links{inset-inline:0;z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:0 24px;display:flex;position:absolute;top:36%}.scene-art{--feather:clamp(0px, (100vw - var(--scene-max-width)) / 2, 240px);width:100%;max-width:var(--scene-max-width);height:auto;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);margin-inline:auto}@media (width<=640px){.footer-links{gap:0 22px;top:20px}.scene-art{height:var(--scene-crop-height);object-fit:cover;object-position:right bottom}}.post-list{max-width:820px;margin-top:clamp(44px,6vw,90px);padding:0;list-style:none}.post-row{border-top:1px solid var(--rule);gap:10px;padding-block:28px;display:grid;& h2{font-family:var(--serif);text-wrap:balance;font-size:clamp(22px,1.9vw,27px);font-weight:400;line-height:1.25}&:is(:hover,:focus-visible) h2{text-decoration:underline 1px}}.post-description{max-width:640px;color:var(--secondary);font-size:clamp(15px,1.1vw,16px);line-height:1.55}.reader{grid-template-columns:200px minmax(0,680px);align-items:start;column-gap:60px;padding-top:clamp(28px,6.7vw,96px);display:grid}.reader-sidebar{max-height:calc(100dvh - 64px);margin:-6px;padding:6px;position:sticky;top:32px;overflow-y:auto}.reader-back{font-size:14px}.reader-toc{margin-top:28px;& ol{margin-top:10px;padding:0;list-style:none}& a{color:var(--secondary);padding-block:6px;font-size:14px;line-height:1.45;display:block}& a:is(:hover,:focus-visible,[aria-current]){color:var(--ink)}& .nested a{padding-left:12px}}.reader-mobile-contents{display:none}.article-header{gap:26px;margin-bottom:48px;display:grid;& h1{font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;font-size:clamp(32px,3.5vw,50px);font-weight:400;line-height:1.12}&:after{content:"";background:var(--ink);width:40px;height:1px}}.article-deck{color:var(--secondary);font-family:var(--serif);text-wrap:pretty;font-size:clamp(18px,1.5vw,21px);font-style:italic;line-height:1.5}.article-source{justify-self:start;font-size:14px}.article-cover{border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:40px}.article-body{overflow-wrap:anywhere;font-size:18px;line-height:1.7;& :is(p,ul,ol){margin-block:26px}& h2{font-family:var(--serif);margin:64px 0 22px;scroll-margin-top:32px;font-size:30px;font-weight:400;line-height:1.25}& h3{font-family:var(--serif);margin:40px 0 16px;scroll-margin-top:32px;font-size:23px;font-weight:400;line-height:1.3}& blockquote{border-left:2px solid var(--ink);color:var(--secondary);margin-block:32px;padding-left:20px}& pre{border:1px solid var(--rule);border-radius:var(--radius-sm);margin-block:32px;padding:24px;font-size:15px;line-height:1.7;overflow-x:auto}& :not(pre)>code{background:var(--rule);padding:2px 5px;font-size:.85em}& img{border-radius:var(--radius-sm);height:auto;margin-block:32px}& table{border-collapse:collapse;display:block;overflow-x:auto}& :is(td,th){border:1px solid var(--rule);padding:8px 16px}}.article-cover,.article-body img{--feather:clamp(16px, 4vw, 40px);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.article-end{border-top:1px solid var(--rule);justify-items:start;gap:14px;margin-top:56px;padding-top:36px;display:grid}.article-related ul{font-family:var(--serif);gap:8px;margin-top:14px;padding:0;font-size:20px;line-height:1.4;list-style:none;display:grid}@media (width<=860px){.reader{display:block}.reader-sidebar{max-height:none;margin:0 0 12px -6px;padding:0 6px;position:static}.reader-sidebar>.reader-toc{display:none}.reader-mobile-contents{border-block:1px solid var(--rule);margin-bottom:32px;display:block;& summary{color:var(--ink);cursor:pointer;padding-block:16px}& .reader-toc{margin-top:0;padding-bottom:12px}}.article-header{gap:20px;margin-bottom:28px}.article-body{font-size:17px;& h2{font-size:24px}& h3{font-size:20px}}}}@layer motion{@media (prefers-reduced-motion:no-preference){.theme-toggle img{transition:rotate var(--duration-mid) var(--ease)}.theme-toggle:is(:hover,:focus-visible) img{rotate:20deg}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}