:root{--keyline:48px;--motion:cubic-bezier(.1,.9,.2,1)}*{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}html,body{background:#000;color:#fff}body{font-weight:400}header{padding:32px var(--keyline) 24px;overflow:hidden}header h1{font-size:128px;line-height:1;font-weight:300;letter-spacing:-.02em;white-space:nowrap;width:max-content;will-change:transform}.panorama{padding:24px 0 96px var(--keyline);gap:48px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.panorama::-webkit-scrollbar{display:none}.panorama>section{scroll-snap-align:start;scroll-margin-left:var(--keyline)}.panorama>aside{flex-basis:176px}h2{font-size:56px;font-weight:300;line-height:1;margin:0 0 32px;letter-spacing:-.02em}nav{gap:24px}nav button{font-size:24px;color:#999;font-weight:400;transition:transform 100ms var(--motion),color 160ms var(--motion)}nav button.active:before{content:none}nav button.active{color:#fff}nav button:hover{transform:none}.mosaic{--tile:160px;grid-template-columns:repeat(4,var(--tile));grid-template-rows:repeat(2,var(--tile));gap:8px}.new .mosaic{grid-template-columns:repeat(2,var(--tile))}.tile{background:#000;animation:metro-enter 400ms var(--motion) both;transform-origin:center;transition:transform 100ms var(--motion)}.tile:after{background:none}.tile span{font-size:24px;line-height:1.15;bottom:8px;left:8px;right:8px;padding:0;background:transparent}.large span{font-size:32px;letter-spacing:-.02em;bottom:8px;left:8px}.tile img{transition:transform 400ms var(--motion);filter:grayscale(1)}.tile:hover img{transform:scale(1.025);filter:grayscale(1)}.tile:nth-child(2){animation-delay:25ms}.tile:nth-child(3){animation-delay:50ms}.tile:nth-child(4){animation-delay:75ms}.tile:nth-child(5){animation-delay:100ms}.topics button{font-size:24px;margin-bottom:24px;color:#999}.topics{padding-right:48px}@keyframes metro-enter{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}.tile:active,button:active{transform:perspective(600px) rotateX(4deg) scale(.98)}button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
dialog.reader{--paper:#000;--ink:#fff;--muted:#999;--line:#4c4c4c;scrollbar-width:thin}dialog.reader[data-theme=light]{--paper:#fff;--ink:#000;--muted:#666;--line:#999}dialog.reader[open]{animation:metro-enter 400ms var(--motion)}.reader-bar{border:0;padding:16px var(--keyline);height:72px}.reader-tools{border:2px solid var(--ink);top:72px;right:var(--keyline);padding:24px}.reader-tools label{margin:16px 0}.reader-tools select{border:1px solid var(--line)}.reader-heading{max-width:none;margin:48px var(--keyline);padding:0}.reader-heading h2{max-width:1100px;font-size:clamp(48px,6vw,88px);font-weight:300;letter-spacing:-.02em;line-height:1;margin:24px 0 32px}.reader-kicker{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.reader-deck{font-size:28px;line-height:1.4;max-width:800px}.reader-body{margin-left:var(--keyline);margin-right:var(--keyline);padding:0 0 96px;max-width:var(--reading-width);font-size:var(--reading-size);line-height:1.75}.reader-body p{color:var(--ink);margin-bottom:24px}.reader-body h3{font-size:28px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:48px 0 24px}.reader-body blockquote{font-size:32px;font-weight:300;line-height:1.3;padding:0;border:0;margin:40px 0}.reader-end{border:0;margin-top:48px;padding:0}.reader-end small{text-transform:uppercase;font-weight:600;letter-spacing:.05em}.reader-cover{height:40vh}.reader-progress{height:2px}.reader-tools input{accent-color:var(--ink)}@media(max-width:700px){:root{--keyline:24px}header h1{font-size:96px}header{padding-top:24px}.panorama{gap:24px;padding-top:16px}.panorama>aside{flex-basis:128px}.panorama>section:not(.topics){width:calc(100vw - 80px);overflow:hidden}.mosaic{--tile:calc((100vw - 88px)/2);grid-template-columns:repeat(2,var(--tile));grid-template-rows:repeat(4,var(--tile))}.new .mosaic{grid-template-rows:repeat(2,var(--tile))}.panorama h2{font-size:48px}.tile span{font-size:20px}.large span{font-size:28px}nav button{font-size:24px}.reader-heading{margin-top:32px;margin-bottom:32px}.reader-heading h2{font-size:48px}.reader-deck{font-size:24px}.reader-cover{height:28vh}.reader-body blockquote{font-size:28px}.reader-bar{padding:16px 24px}.reader-tools{right:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.tile span{overflow-wrap:anywhere;hyphens:auto;font-size:20px;line-height:1.2}.tile.large span{font-size:28px}@media(min-width:701px){.panorama>section:not(.topics){width:calc(100vw - 368px)}.mosaic{--tile:calc((100vw - 392px)/4)}}
@media(max-width:700px){.panorama{position:relative;padding-top:96px}.panorama>aside{position:absolute;top:0;left:24px;right:24px;width:auto}.panorama>aside h2{display:none}.panorama nav{flex-direction:row;gap:24px;overflow-x:auto;scrollbar-width:none;padding:8px 0 16px}.panorama nav button{white-space:nowrap;min-height:44px;flex:none}.reader-heading h2{overflow-wrap:anywhere;hyphens:auto}.reader-body{overflow-wrap:break-word}.reader-bar button{min-width:44px;min-height:44px}.reader-tools{max-width:calc(100vw - 48px)}}

header h1{font-weight:200}h2,.reader-heading h2{font-weight:200}nav button,.topics button,.tile span,.tile.large span,.reader-bar button{font-weight:300}
.reader-tools{border:0;width:320px;padding:24px;background:var(--paper);animation:metro-enter 240ms var(--motion)}.reader-tools label[hidden]{display:none}.reading-control+.reading-control{margin-top:24px}.control-caption{font-size:14px;font-weight:400;color:var(--muted);margin-bottom:8px}.text-choices{display:flex;flex-wrap:wrap;gap:8px 16px}.reader-tools .text-choices button{font-size:20px;font-weight:300;padding:8px 0;min-height:44px;color:var(--muted)}.reader-tools .text-choices button[aria-pressed=true]{color:var(--ink)}.reader-tools .text-choices button[aria-pressed=true]::before{content:'›';margin-right:8px}.size-choices{display:flex;align-items:center;gap:24px}.reader-tools .size-choices button{font-size:32px;font-weight:200;min-width:44px;min-height:44px;padding:0;color:var(--ink)}.size-choices output{font-size:32px;font-weight:200;min-width:40px;text-align:center}.reader-tools button:disabled{color:var(--line);cursor:default}.reader-tools button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.reader-body figure{margin:40px 0}.reader-body figure img{width:100%;height:auto;max-height:none;filter:grayscale(1)}.reader-body figcaption{font-size:16px;color:var(--muted);line-height:1.5;margin-top:12px}.reader-body h2{font-size:36px;line-height:1.2;font-weight:300;margin:48px 0 24px}.reader-body strong{font-weight:600}.reader-body a{color:inherit;text-underline-offset:4px}.reader-body ul,.reader-body ol{padding-left:28px;margin-bottom:24px}.reader-body p{white-space:pre-wrap}
.tile-flipping dialog.reader[open]{animation:none}.tile-flipping dialog.reader .reader-heading h2{animation:none}.tile-flipping dialog.reader{backface-visibility:hidden}
a.tile{display:block;cursor:pointer}.reader-body a{display:inline-block;padding:12px 0}.topics .archive-item{font-size:20px;max-width:280px;line-height:1.4}.reader-body figure img{filter:none}
.standalone-bar{position:sticky;top:0;z-index:4;background:var(--paper,#000);display:flex;justify-content:space-between;align-items:center;height:72px;padding:12px var(--keyline)}.standalone-bar a{color:inherit;text-decoration:none}.standalone-bar button,.standalone-tools button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;min-width:44px;min-height:44px}.standalone-tools{position:fixed;z-index:5}.standalone-tools .control-caption{margin-top:24px}.standalone-tools .control-caption:first-child{margin-top:0}body:has(.standalone-bar){min-height:100vh}.permalink>a:first-child{display:none}.reader-body figure img{object-fit:contain}
.tile span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tile.large span{-webkit-line-clamp:5}@media(max-width:700px){.mosaic{grid-auto-rows:var(--tile)}.mosaic .tile:not(.large){grid-column:span 2}.new .mosaic{grid-auto-rows:var(--tile)}}
dialog.reader[open]{animation:none}
.blog-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(160px,auto);gap:8px}.blog-grid .tile{grid-column:span 1;min-height:160px;height:100%;color:inherit;text-decoration:none}.blog-grid .large{grid-column:span 2;grid-row:span 2}.blog-grid .wide{grid-column:span 2}.blog-grid .text,.blog-grid .text-tile{background:#000}.blog-grid .text-tile span{position:relative;display:block;margin:24px 16px;padding:0;top:auto!important;bottom:auto!important;font-size:28px;font-weight:300;-webkit-line-clamp:unset}.note-entry{grid-column:1/-1;padding:24px 0;max-width:720px}.note-entry small{display:block;color:#999;font-size:14px;margin-bottom:16px}.note-title{color:inherit;text-decoration:none;font-size:32px;font-weight:300;line-height:1.2}.note-body.reader-body{margin:16px 0 0;padding:0;--reading-size:20px}.blog-profile{min-width:280px;max-width:400px;padding-right:48px}.blog-profile p{font-size:20px;line-height:1.6;color:#999}.blog-profile a,.topics>a{display:block;color:inherit;text-decoration:none;font-size:24px;margin:24px 0}.article-toc{margin:32px 0;font-size:18px}.article-toc summary{cursor:pointer;color:inherit;font-weight:300}.article-toc a{display:block!important;padding:8px 0!important;font-size:18px}.code-block{white-space:pre;overflow:auto;padding:24px 0;font-size:16px;line-height:1.6;border-top:1px solid #333;border-bottom:1px solid #333}.copy-code{display:block;background:none;color:inherit;border:0;font:16px "Source Sans 3",sans-serif;padding:16px 0;cursor:pointer}.footnote{font-size:16px;color:var(--muted,#999);margin:24px 0}.empty-section{grid-column:1/-1;color:#999}@media(max-width:700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(116px,auto)}.blog-grid .tile:not(.large){grid-column:span 2;min-height:116px}.blog-grid .large{min-height:240px}.panorama>section:not(.topics){overflow:visible}.note-body.reader-body{margin:16px 0}.blog-profile{min-width:calc(100vw - 80px)}}

.panorama>aside.sections-column{position:relative;top:auto;left:auto;right:auto;flex:0 0 272px;width:272px;padding:0;scroll-snap-align:start;scroll-margin-left:var(--keyline)}.panorama>.sections-column h2{display:block;font-size:56px;font-weight:200;margin:0 0 32px}.panorama>.sections-column nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px;overflow:visible;padding:0}.panorama>.sections-column nav button{font-size:28px;font-weight:300;min-height:44px;white-space:nowrap;color:#999}.panorama>.sections-column nav button.active,.panorama>.sections-column nav button:hover{color:#fff}.panorama-jump{position:fixed;top:40px;right:var(--keyline);z-index:6;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:2px solid #fff;border-radius:50%!important;background:#000;color:#fff}.panorama-jump svg{width:24px;height:24px;transition:transform 280ms var(--motion)}.panorama-jump.at-sections svg{transform:rotate(180deg)}.panorama.panorama-moving{scroll-snap-type:none}@media(max-width:700px){.panorama{padding-top:24px}.panorama>aside.sections-column{flex-basis:calc(100vw - 80px);width:calc(100vw - 80px)}.panorama>.sections-column h2{font-size:48px}.panorama>.sections-column nav{gap:8px}.panorama>.sections-column nav button{font-size:28px;flex:none}.panorama-jump{top:32px}}
.panorama .tile img,.panorama .tile:hover img,.panorama .note-entry img{filter:grayscale(1)!important}