@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-roman.latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-roman.latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-italic.latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-italic.latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/literata-roman.latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/literata-roman.latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/literata-italic.latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/literata-italic.latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Commit Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/commit-mono-400.woff2)format("woff2")}@font-face{font-family:Commit Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/commit-mono-500.woff2)format("woff2")}@font-face{font-family:Commit Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/commit-mono-400-italic.woff2)format("woff2")}@font-face{font-family:Newsreader-Fallback;src:local(Georgia);ascent-override:95%;descent-override:25%;size-adjust:100%}@font-face{font-family:Literata-Fallback;src:local(Georgia);ascent-override:96%;descent-override:26%;size-adjust:101%}@layer reset{:root{--paper:oklch(95% .018 83);--paper-deep:oklch(91% .02 80);--ink:oklch(18% .012 63);--soft-ink:oklch(38% .017 64);--rule:oklch(71% .022 78);--blue:oklch(45% .245 264);--display:"Newsreader", "Newsreader-Fallback", Georgia, serif;--body:"Literata", "Literata-Fallback", Georgia, serif;--notation:"Commit Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.2, .8, .2, 1);--text-xs:.75rem;--text-sm:.875rem;--text-md:.9375rem;--text-base:1.125rem;--text-lg:1.3125rem;--text-xl:1.4375rem;--spacing:.25rem;--space-1:calc(var(--spacing) * 1);--space-2:calc(var(--spacing) * 2);--space-3:calc(var(--spacing) * 3);--space-4:calc(var(--spacing) * 4);--space-5:calc(var(--spacing) * 5);--space-6:calc(var(--spacing) * 6);--space-8:calc(var(--spacing) * 8);--space-10:calc(var(--spacing) * 10);--space-12:calc(var(--spacing) * 12);--space-14:calc(var(--spacing) * 14);--space-16:calc(var(--spacing) * 16);--space-20:calc(var(--spacing) * 20);--space-24:calc(var(--spacing) * 24);--space-32:calc(var(--spacing) * 32);--space-40:calc(var(--spacing) * 40)}*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}}body{min-inline-size:320px;color:var(--ink);background:var(--paper);font:var(--text-base)/1.48 var(--body);-webkit-font-smoothing:antialiased}body:before{content:"";z-index:8;pointer-events:none;opacity:.11;background:url(/assets/washi.webp);position:fixed;inset:0}a{color:inherit;text-underline-offset:.2em;text-decoration:none}a:hover{color:var(--blue);text-decoration:underline 1px}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}:where(header,nav,article>footer) a:not(.skip,.prose a,.archive-index a),#work a:not(.prose a),#writing h2 a{display:inline-block;position:relative;&:after{background:var(--blue);content:"";transform-origin:50%;block-size:2px;transition:transform .11s var(--ease-out);position:absolute;inset-block-end:-3px;inset-inline:0;transform:scaleX(0);@media (prefers-reduced-motion:reduce){transition:none}}&:is(:hover,:focus-visible){text-decoration:none;&:after{transform:scaleX(1)}}}::selection{color:var(--paper);background:var(--blue)}}@layer composition{.page{min-block-size:100svh;inline-size:min(100%,1660px);padding:0 clamp(var(--space-5), 4.3vw, 4.625rem);flex-direction:column;margin:auto;display:flex}#main{flex-direction:column;flex:1;display:flex}.top{min-block-size:calc(44px + var(--space-6) + var(--space-4));justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6) 0 var(--space-4);display:flex;@media (width<=700px){padding:var(--space-4) 0 var(--space-4);min-block-size:calc(44px + var(--space-8))}& .name{font:600 var(--text-xl)/1 var(--display);white-space:nowrap;text-decoration:none}& .back{font-size:var(--text-sm);@media (width<=420px){font-size:var(--text-xs)}}}.writing-top{align-items:center;& .search-toggle,& .close-icon{display:none}@media (width<=700px){&.search-ready{grid-template-columns:minmax(0,1fr);display:grid;& .name,& .writing-tools{grid-area:1/1}& .name{justify-self:start}& .writing-tools{block-size:44px;inline-size:44px;transition:inline-size .24s var(--ease-out);gap:0;margin-block-start:0;position:relative;@media (prefers-reduced-motion:reduce){transition:none}&:focus-within{inline-size:44px}}& .search-toggle{z-index:1;block-size:44px;inline-size:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:0}& search{visibility:hidden;opacity:0;transition:opacity .18s var(--ease-out), visibility 0s .24s;position:absolute;inset:0;@media (prefers-reduced-motion:reduce){transition:none}}& input{min-block-size:44px;font-size:max(16px, var(--text-base));padding-inline-end:44px}&.search-open{& .name{visibility:hidden}& .writing-tools{inline-size:100%;&:focus-within{inline-size:100%}}& search{visibility:visible;opacity:1;transition-delay:0s}& .close-icon{display:block}& .search-icon{display:none}}}flex-wrap:wrap}& .writing-tools{align-items:center;gap:var(--space-6);inline-size:min(100%,20rem);transition:inline-size .18s var(--ease-out);margin-inline-start:auto;display:flex;&:focus-within{inline-size:min(100%,26rem)}@media (width<=700px){inline-size:100%;margin-block-start:var(--space-3);&:focus-within{inline-size:100%}}@media (prefers-reduced-motion:reduce){transition:none}&>a{font-size:var(--text-sm);flex:none}& search{flex:1;min-inline-size:0}& input{inline-size:100%;padding:var(--space-1) 0 var(--space-2);border:0;border-block-end:1px solid var(--rule);color:var(--ink);font:var(--text-base)/1.3 var(--body);caret-color:var(--blue);background:0 0;border-radius:0;&::-webkit-search-cancel-button{display:none}&::placeholder{color:var(--soft-ink)}&:focus-visible{border-block-end-color:var(--blue);box-shadow:0 1px 0 var(--blue);outline:none}}}}.clearing{min-block-size:min(830px,90svh);position:relative;@media (width<=700px){min-block-size:min(780px,83svh)}@media (width<=420px){min-block-size:690px}& h1{inline-size:min(740px,68%);font:400 clamp(3rem, 5.9vw, 5.5rem)/1.03 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;position:absolute;inset-block-start:clamp(10rem,27vh,17.5rem);inset-inline-start:clamp(0px,7vw,7.5rem);@media (width<=1000px){inline-size:min(680px,72%)}@media (width<=700px){inline-size:100%;font-size:clamp(2.875rem,10.8vw,4.6875rem);inset-block-start:38%;inset-inline-start:0}@media (width<=420px){font-size:clamp(2.6875rem,11.5vw,3.125rem)}& span{display:block;&:last-child{margin-inline-start:clamp(0px,5vw,5.125rem);@media (width<=700px){margin-inline-start:clamp(var(--space-3), 8vw, 3.125rem)}}}}&>p{max-inline-size:215px;font:var(--text-sm)/1.5 var(--body);margin:0;position:absolute;inset-block-start:var(--space-20);inset-inline-end:clamp(0px, 2vw, var(--space-8));@media (width<=700px){inline-size:190px;inset-block-start:var(--space-8);inset-inline-end:0}@media (width<=420px){inline-size:165px;font-size:var(--text-xs)}}& .routes{gap:var(--space-3) var(--space-10);flex-wrap:wrap;display:flex;position:absolute;inset-block-end:var(--space-10);inset-inline-start:0;@media (width<=700px){inset-block-end:var(--space-8)}@media (width<=420px){gap:var(--space-2) var(--space-5)}& a{font:600 var(--text-md)/1.35 var(--body);white-space:nowrap;@media (width<=420px){font-size:var(--text-sm)}}}& .seal{block-size:100px;inline-size:78px;position:absolute;inset-block-end:var(--space-8);inset-inline-end:2.5%;@media (width<=700px){block-size:60px;inline-size:47px;inset-block-end:var(--space-8);inset-inline-end:0}@media (width<=420px){inline-size:36px;inset-block-end:var(--space-12)}}}#work{padding:clamp(6.25rem, 15vw, 15rem) 0 var(--space-40);position:relative;@media (width<=700px){padding:var(--space-20) 0 var(--space-24)}&:before{background:var(--blue);content:"";block-size:3px;inline-size:23px;position:absolute;inset-block-start:0;inset-inline-start:30%}}.featured-work{inline-size:min(69%,920px);margin-inline-start:clamp(1.75rem,12vw,11.875rem);position:relative;@media (width<=1000px){inline-size:76%}@media (width<=700px){inline-size:88%;margin-inline-start:5%}@media (width<=420px){inline-size:100%;margin-inline-start:0}& h2{font:500 clamp(4.25rem, 7.8vw, 7.8rem)/.88 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;@media (width<=700px){font-size:clamp(4.125rem,14vw,6.2rem)}@media (width<=420px){font-size:clamp(3.9rem,17vw,4.625rem)}& span{display:block;&:last-child{margin-inline-start:clamp(1.5rem,6vw,5.625rem);@media (width<=420px){margin-inline-start:var(--space-4)}}}}}.work-story{min-block-size:350px;padding:0 0 var(--space-20) 11%;margin-block-start:var(--space-16);position:relative;@media (width<=700px){margin-block-start:var(--space-14);padding-inline-start:5%}@media (width<=420px){margin-block-start:var(--space-14);padding-inline-start:2%}& .prose{z-index:1;max-inline-size:50ch;position:relative;& p{margin:0 0 var(--space-5);font:1.375rem/1.35 var(--display);@media (width<=700px){font-size:1.25rem}&+p{font:var(--text-base)/1.5 var(--body)}}}& .route{z-index:1;font-size:var(--text-md);white-space:nowrap;margin-block-start:var(--space-3);font-weight:600;display:inline-block;position:relative;@media (width<=420px){margin-block-start:var(--space-4)}}}.work-heading{isolation:isolate;margin-block-end:var(--space-4);position:relative;& h2,& h3{z-index:1;position:relative}}.work-mark{opacity:.12;pointer-events:none;block-size:auto;inline-size:clamp(180px,22vw,280px);position:absolute;inset-block-start:-32px;inset-inline-start:-64px;@media (width<=700px){inline-size:160px;inset-block-start:-20px;inset-inline-start:-20px}}.second-work{inline-size:min(40%,535px);margin:var(--space-6) 3% 0 auto;@media (width<=700px){inline-size:min(75%,460px);margin:var(--space-24) 0 0 auto}@media (width<=420px){inline-size:82%;margin-block-start:var(--space-24)}& .work-mark{opacity:.1;inline-size:160px;inset-block-start:-44px;inset-inline-start:-44px;@media (width<=700px){inline-size:112px;inset-block-start:-24px;inset-inline-start:-24px}}& h3{font:400 clamp(3rem, 5.6vw, 5.125rem)/.98 var(--display);margin:0}& p{max-inline-size:45ch;margin:0 0 var(--space-4);font:1.1875rem/1.42 var(--display);&+p{font:var(--text-md)/1.52 var(--body)}}& a{font-size:var(--text-md);font-weight:600}}#writing{padding:var(--space-10) 0 var(--space-32);position:relative;@media (width<=700px){min-block-size:auto;padding:var(--space-8) 0 var(--space-24)}&>h2{font:400 2.4375rem/1.08 var(--display);margin:0;@media (width<=420px){font-size:2.125rem}& span{color:var(--blue);font:400 .58em/1 var(--body);vertical-align:.16em;margin-inline-start:.12em;display:inline-block}}}.pieces{gap:var(--space-16);flex-direction:column;padding-block-start:var(--space-24);display:flex;&>article{min-inline-size:0;& h3{margin:0 0 var(--space-4);font:400 clamp(1.75rem, 3vw, 2.875rem)/1.12 var(--display);& a{font:inherit}}& p{margin:0 0 var(--space-4);max-inline-size:58ch}& time{color:var(--soft-ink);font:var(--text-xs)/1.5 var(--notation);display:block}& p a{font-size:inherit;font-weight:600}& code{font:.85em/1.5 var(--notation);padding:1px var(--space-1);background:var(--paper-deep);overflow-wrap:anywhere}&:before{block-size:2px;inline-size:15px;background:var(--ink);content:"";transform-origin:50%;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);margin-block-end:var(--space-6);display:block;transform:rotate(-12deg)scaleX(1);@media (prefers-reduced-motion:reduce){transition:none}}&:hover:before,&:focus-within:before{transform:rotate(-12deg)scaleX(1.65)}&:first-child{inline-size:min(66%,730px);margin-inline-start:9%;@media (width<=1000px){inline-size:67%}@media (width<=700px){align-self:flex-start;inline-size:min(91%,620px);margin-inline-start:7%}@media (width<=420px){inline-size:94%;margin-inline-start:5%}& h3{font-size:clamp(2.75rem,4.6vw,4.1875rem);@media (width<=420px){font-size:2.625rem}}& p{max-inline-size:52ch;font:1.1875rem/1.48 var(--body)}&:before{background:var(--blue);block-size:3px;inline-size:23px;transform:scaleX(1)}&:hover:before,&:focus-within:before{transform:scaleX(1.4)}}&:nth-child(2){align-self:flex-end;inline-size:min(27%,295px);margin-inline-end:4%;@media (width<=1000px){inline-size:30%}@media (width<=700px){align-self:flex-end;inline-size:min(72%,300px);margin-inline-end:0}@media (width<=420px){inline-size:81%}& h3{font-size:1.8125rem}}&:nth-child(3n){inline-size:min(55%,580px);margin-inline-start:27%;@media (width<=700px){align-self:flex-start;inline-size:min(87%,550px);margin-inline-start:4%}@media (width<=420px){inline-size:92%;margin-inline-start:0}& h3{max-inline-size:390px}& p{max-inline-size:56ch;font-size:var(--text-base)}}}&>article:nth-child(4){inline-size:min(46%,520px);margin-inline-start:4%}&>article:nth-child(5){align-self:flex-end;inline-size:min(38%,440px);margin-inline-end:9%}@media (width<=700px){gap:var(--space-20);padding-block-start:var(--space-16);&>article:nth-child(4),&>article:nth-child(5){inline-size:85%}}&:has(article:is(:hover,:focus-within)) article:not(:hover):not(:focus-within):before{opacity:.3}}.tertiary-work{inline-size:min(78%,970px);margin:var(--space-32) 0 0 12%;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.2rem,8vw,7.5rem);display:grid;@media (width<=760px){inline-size:85%;margin:var(--space-24) 0 0 6%;gap:var(--space-8)}@media (width<=520px){display:block}& article:nth-child(2){margin-block-start:var(--space-20);@media (width<=520px){margin-block-start:var(--space-16)}}& h3{margin:0 0 var(--space-4);font:400 clamp(1.625rem, 3vw, 2.625rem)/1.1 var(--display)}& p{margin:0 0 var(--space-3);font:var(--text-md)/1.5 var(--body)}& a{font-size:var(--text-sm);margin-block-start:var(--space-2);font-weight:600;display:inline-block}}.page>footer{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) 0 var(--space-8);border-block-start:1px solid var(--rule);font-size:var(--text-xs);display:flex}.footer-links{gap:var(--space-2);display:flex;& a{place-items:center;block-size:44px;inline-size:44px;display:grid}& svg{display:block}}.skip{z-index:10;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--paper);position:absolute;inset-block-start:-100px;inset-inline-start:var(--space-5)}.skip:focus{color:var(--paper);inset-block-start:var(--space-3)}.mark,.seal{& path{--mark-drift:-1.5px}& path:nth-child(2){--mark-drift:1px}& path:nth-child(3){--mark-drift:-1px}@media (hover:hover){&:hover path{animation:3.6s ease-in-out mark-settle}&:hover path:nth-child(2){animation-duration:4.2s}&:hover path:nth-child(3){animation-duration:4.8s}}@media (prefers-reduced-motion:reduce){& path,&:hover path{transition:none;animation:none;transform:none}}}@keyframes mark-settle{0%,to{transform:translateY(0)}50%{transform:translateY(var(--mark-drift))}}.archive-opening,.archive-year{grid-template-columns:minmax(0,.48fr) minmax(0,1fr);gap:clamp(3.5rem,9vw,10rem);display:grid;@media (width<=760px){display:block}}.archive-opening{padding:clamp(5.3rem, 11vw, 9.6875rem) 0 var(--space-20);@media (width<=760px){padding:var(--space-20) 0 var(--space-16);grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid}& h1{font:400 clamp(4.625rem, 9.5vw, 9rem)/.92 var(--display);letter-spacing:-.035em;margin:0;@media (width<=760px){z-index:1;grid-area:1/1;font-size:clamp(4.375rem,17vw,7rem);position:relative}}& .mark{block-size:112px;inline-size:80px;margin:var(--space-8) 0 0 auto;display:block;@media (width<=760px){opacity:.7;grid-area:1/1;justify-self:end;block-size:67.2px;inline-size:48px;margin:0}}}.archive-return{margin:0 0 var(--space-12);font-size:var(--text-sm);& a{text-decoration:underline 1px}}.post .prose a[href^="/tags/"],.post h1 a[href^="/tags/"]{text-decoration:underline;text-decoration-color:var(--rule);text-decoration-thickness:1px;&:hover,&:focus-visible{text-decoration-color:var(--blue)}}.search-area{margin-block-end:var(--space-32);& #search-status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden;&.is-visible{block-size:auto;inline-size:auto;margin:0 0 var(--space-8);clip-path:none;color:var(--soft-ink);font:var(--text-sm)/1.5 var(--body);position:static}}}.search-results{margin:0;padding:0;list-style:none;& li{border-block-start:1px solid var(--rule);&:first-child{border-block-start:0}}& a{gap:0 var(--space-6);padding:var(--space-5) 0 var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid;&:hover,&:focus-visible{text-decoration:none}}& span{font:400 clamp(1.375rem, 2.1vw, 1.9375rem)/1.16 var(--display)}& time{color:var(--soft-ink);font:var(--text-xs)/1.4 var(--notation);white-space:nowrap;@media (width<=520px){grid-area:1/1/auto/-1;margin-block-end:var(--space-2)}}& p{max-inline-size:65ch;margin:var(--space-3) 0 0;color:var(--soft-ink);font-size:var(--text-sm);grid-column:1/-1}& mark{color:var(--blue);text-underline-offset:.14em;background:0 0;text-decoration:underline 1px}}.archive-year{padding-block-end:var(--space-24);@media (width<=760px){padding-block-end:var(--space-20)}& h2{margin:var(--space-3) 0 0;font:400 clamp(2.125rem, 4vw, 3.375rem)/1 var(--display);align-self:start;position:sticky;inset-block-start:var(--space-6);@media (width<=760px){margin:0 0 var(--space-6);position:static}}}.archive-index{margin:0;padding:0;list-style:none;& li a{gap:var(--space-6);padding:var(--space-3) 0 var(--space-4) var(--space-6);grid-template-columns:minmax(0,1fr) 90px;align-items:baseline;display:grid;position:relative;@media (width<=760px){gap:var(--space-3);grid-template-columns:minmax(0,1fr) 76px}@media (width<=420px){align-items:flex-start;gap:var(--space-1);flex-direction:column-reverse;padding-block-start:var(--space-3);padding-block-end:var(--space-4);display:flex}&:before{background:var(--ink);opacity:.55;content:"";block-size:2px;inline-size:8px;transition:opacity .11s var(--ease-out), transform .11s var(--ease-out);position:absolute;inset-block-start:var(--space-6);inset-inline-start:0;transform:rotate(-10deg);@media (prefers-reduced-motion:reduce){transition:none}}&:hover:before,&:focus-visible:before{opacity:1;background:var(--blue);transform:rotate(-10deg)scaleX(1.8)}& span{max-inline-size:46ch;font:400 clamp(1.375rem, 2.1vw, 1.9375rem)/1.16 var(--display);overflow-wrap:anywhere;@media (width<=760px){font-size:clamp(1.375rem,5vw,1.8125rem)}@media (width<=420px){font-size:1.375rem}}&:hover span,&:focus-visible span{text-underline-offset:.13em;text-decoration:underline 1px}}& time{color:var(--soft-ink);font:var(--text-xs)/1.4 var(--notation);white-space:nowrap;justify-self:end;@media (width<=420px){font-size:var(--text-xs)}}}.post{padding:clamp(6.25rem, 10vw, 10.625rem) 0 var(--space-32);@media (width<=760px){padding:var(--space-20) 0 var(--space-24)}&>header,&>.article-body,&>footer{grid-template-columns:minmax(0,.38fr) minmax(0,1fr);gap:clamp(2.8rem,8vw,8.4rem);display:grid;@media (width<=760px){display:block}}&>header{& .margin{padding-block-start:var(--space-4);@media (width<=760px){padding:0}}& time{font:var(--text-xs)/1.5 var(--notation);color:var(--soft-ink);display:block}& .mark{block-size:82px;inline-size:60px;margin-block-start:var(--space-24);@media (width<=760px){display:none}}& h1{max-inline-size:960px;font:400 clamp(3.3rem, 6.4vw, 6rem)/1.02 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;@media (width<=760px){margin-block-start:var(--space-4);font-size:clamp(3rem,11vw,4.75rem)}@media (width<=420px){font-size:clamp(2.875rem,12vw,3.5625rem)}}}&>.article-body{margin-block-start:clamp(3.75rem,7vw,6.5rem);@media (width<=760px){margin-block-start:var(--space-14)}& .prose{min-inline-size:0;max-inline-size:70ch;font:var(--text-lg)/1.59 var(--body);grid-column:2;@media (width<=760px){font-size:1.25rem}@media (width<=420px){font-size:1.1875rem}&>:first-child{margin-block-start:0}& p{margin:0 0 var(--space-6)}& strong{font-weight:600}& code{font:var(--text-sm)/1.5 var(--notation);overflow-wrap:anywhere}& :not(pre)>code{background:var(--paper-deep);padding:1px var(--space-1)}& pre{max-inline-size:100%;margin:var(--space-8) 0 var(--space-10);padding:var(--space-5) var(--space-6);background:var(--paper-deep);font:var(--text-sm)/1.55 var(--notation);tab-size:2;overflow:auto;@media (width<=420px){padding:var(--space-4) var(--space-4)}& code{font:inherit;white-space:pre;overflow-wrap:normal}}& ol,& ul{margin:var(--space-2) 0 var(--space-8);padding-inline-start:1.35em}& li{margin:0 0 var(--space-2);padding-inline-start:.25em}& blockquote{margin:var(--space-8) 0;border-inline-start:1px solid var(--ink);font-size:var(--text-xl);padding-inline-start:var(--space-6);line-height:1.4;& p{font-size:inherit}}& a{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:.17em}& h2,& h3{font-family:var(--display);margin:2em 0 .7em;font-weight:500;line-height:1.12}& h2{font-size:1.45em}& h3{font-size:1.2em}& .references,& .footnotes{font:var(--text-sm)/1.6 var(--body);overflow-wrap:anywhere;margin-block-start:3rem;padding-block-start:1rem}& .footnotes-sep{display:none}& .footnotes-list{margin:0;padding-inline-start:1.25rem;& p{margin:0;display:inline}}& .references li,& .footnotes-list li{margin-block-end:.5rem}& .footnote-backref{color:var(--blue);margin-inline-start:.25rem;text-decoration:none;&:hover{text-decoration:underline}}& sup{font:var(--text-xs)/1 var(--notation);vertical-align:super;& a{color:var(--blue);text-decoration:none;&:hover{text-decoration:underline}}}}}&>footer{margin-block-start:clamp(6rem,10vw,9.6875rem);@media (width<=760px){margin-block-start:var(--space-24)}& a{font-size:var(--text-md);grid-column:2;justify-self:start;font-weight:600}}}.token.comment,.token.prolog{color:oklch(35% .075 65)}.token.string,.token.number,.token.boolean,.token.char{color:var(--ink);background:color-mix(in oklab, var(--blue) 26%, var(--paper));box-decoration-break:clone}.token.function{color:inherit}.token.keyword+.token.function,.token.class-name{color:var(--ink);background:color-mix(in oklab, var(--blue) 36%, var(--paper));box-decoration-break:clone}.token.punctuation,.token.operator{color:oklch(48% .015 65)}.token.keyword,.token.variable,.token.property,.token.builtin,.token.tag{color:inherit}.token.important,.token.bold{font-weight:inherit}.token.italic{font-style:inherit}.unwritten-clearing{padding:clamp(3.75rem, 14vh, 11.25rem) 0 clamp(var(--space-6), 4vh, var(--space-12));flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative;@media (width<=700px){padding:var(--space-10) 0 var(--space-6)}& h1{font:400 clamp(2.875rem, 6.2vw, 5.25rem)/1.03 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere;max-inline-size:min(820px,90%);margin:0;@media (width<=700px){font-size:clamp(2.375rem,9.5vw,3.5rem)}& span{display:block;&:last-child{margin-inline-start:clamp(0px,5vw,5.125rem);@media (width<=700px){margin-inline-start:clamp(var(--space-2), 4vw, 2.25rem)}}}}& footer{justify-content:space-between;align-items:flex-end;gap:var(--space-8);flex-wrap:wrap;margin-block-start:clamp(3rem,8vh,6.25rem);display:flex}& .routes{gap:var(--space-4) calc(var(--spacing) * 9);flex-wrap:wrap;display:flex;@media (width<=420px){gap:var(--space-3) var(--space-6)}& a{font:600 var(--text-md)/1.35 var(--body);white-space:nowrap;@media (width<=420px){font-size:var(--text-sm)}}}& .seal{opacity:.85;flex-shrink:0;block-size:82px;inline-size:64px;@media (width<=700px){block-size:59px;inline-size:46px}@media (width<=420px){block-size:46px;inline-size:36px}}}.audio-list{& li{gap:0 var(--space-6);padding:var(--space-5) 0 var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}& h2{font:400 clamp(1.375rem, 2.1vw, 1.9375rem)/1.16 var(--display);overflow-wrap:anywhere;margin:0}& .audio-date{max-inline-size:none;font:var(--text-xs)/1.4 var(--notation);grid-column:auto;margin:0}@media (width<=520px){& .audio-date{grid-area:1/1/auto/-1;margin-block-end:var(--space-2)}}}.audio-date{color:var(--soft-ink);font:var(--text-xs)/1.4 var(--notation);white-space:nowrap;margin:0}audio-log{grid-column:1/-1;margin-block-start:var(--space-3);display:block;& audio{inline-size:100%}& [hidden]{display:none}}.audio-controls{gap:var(--space-2) var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;& button{min-block-size:44px;min-inline-size:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--ink);color:var(--ink);font:inherit;font-size:var(--text-md);cursor:pointer;background:0 0;&:hover{color:var(--blue);border-color:var(--blue)}&:disabled{color:var(--soft-ink);border-color:var(--rule);cursor:default}}& .audio-play{min-inline-size:76px}& input[type=range]{min-block-size:44px;inline-size:100%;min-inline-size:0;accent-color:var(--blue);cursor:pointer;margin:0;&:disabled{cursor:default}}& :is(button,input):focus-visible{outline:2px solid var(--blue);outline-offset:5px}@media (width<=520px){& .audio-options{grid-column:1/-1}}}.audio-skip{justify-self:center;display:flex;& button{padding:var(--space-2);border-color:#0000;place-items:center;display:grid;&:is(:hover,:disabled){border-color:#0000}}}.audio-options{grid-column:2;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;display:grid;@media (width<=380px){grid-template-columns:1fr auto;& .audio-time{grid-column:1/-1}}}.audio-controls .audio-speed{justify-self:start;gap:var(--space-1);grid-template-columns:repeat(3,44px);display:grid;position:relative;&:before{border:1px solid var(--ink);background:var(--paper-deep);content:"";pointer-events:none;inline-size:44px;transform:translateX(var(--speed-offset,0px));transition:transform .12s cubic-bezier(.16,1,.3,1);position:absolute;inset-block:0;inset-inline-start:0;@media (prefers-reduced-motion:reduce){transition:none}}&:has(label:nth-child(2) input:checked){--speed-offset:calc(44px + var(--space-1))}&:has(label:nth-child(3) input:checked){--speed-offset:calc(88px + var(--space-1) * 2)}& label{cursor:pointer;position:relative}& input{clip-path:inset(50%);block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:hidden}& span{min-block-size:44px;min-inline-size:44px;padding:var(--space-2);font:var(--text-sm)/1 var(--body);white-space:nowrap;transition:color .12s var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:grid;@media (prefers-reduced-motion:reduce){transition:none}}& input:checked+span{font-weight:600}& label:hover span{color:var(--blue)}& input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}}.audio-controls .audio-time{font:var(--text-sm)/1.5 var(--notation);white-space:nowrap;font-variant-numeric:tabular-nums;justify-self:end}}@view-transition{navigation:auto}::view-transition-old(root){animation:90ms ease-out both fade-out}::view-transition-new(root){animation:.12s cubic-bezier(.16,1,.3,1) both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}