:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text:#000;--muted:#818181;--bg:#fff;--bg-subtle:#f8f8f8;--line:#0000001a;--figure-bg:#f4f4f4;--figure-plate:#fbfbfb;--size:14px;--size-small:12px;--size-large:20px;--leading:1.6;--leading-large:1.4;--width:540px;--gutter:32px;--space-s:4vh;--space-m:8vh;--space-l:16vh}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);font-size:var(--size);font-weight:400;line-height:var(--leading);font-synthesis:none;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}main{max-width:var(--width);padding:var(--space-l) var(--gutter);margin:0 auto}h1{font-size:var(--size-large);font-weight:500;line-height:var(--leading-large)}h2,h3,h4{font-size:var(--size);font-weight:500}p{margin:0}a{color:inherit;text-decoration:underline 1px var(--line);text-underline-offset:2px}a:hover{text-decoration-color:var(--muted)}.small{font-size:var(--size-small)}.muted{color:var(--muted)}.site-header{margin-bottom:var(--space-l);justify-content:space-between;gap:16px;display:flex}.site-header nav{gap:16px;display:flex}nav a:not([aria-current]){color:var(--muted)}.views{margin-top:var(--space-s);gap:10px;display:flex}.year{margin:var(--space-m) 0 var(--space-s);font-weight:400}section:first-of-type>.year{margin-top:var(--space-l)}.list-item{padding:.8vh 0;text-decoration:none;display:block}.list-item span{text-decoration:underline 1px var(--line);text-underline-offset:2px;font-weight:500}.list-item:hover span{text-decoration-color:var(--muted)}.list-item .small{white-space:nowrap;margin-left:2px}.work-item{margin-top:var(--space-m);text-decoration:none;display:block}.work-item:first-of-type{margin-top:var(--space-l)}.work-item .tile{aspect-ratio:1;background:var(--bg-subtle);margin-bottom:16px}.work-item .tile.live{aspect-ratio:auto;background:0 0}.prose .piece{margin:6vh 0}.prose .wide .piece{margin:0}.work-item .tile img{object-fit:cover;width:100%;height:100%;display:block}.work-item .title{font-weight:500;display:block}.hairline-plate{position:relative}[data-figure]{aspect-ratio:5/4;background:var(--figure-bg);--hairline-plate:var(--figure-plate)}.hairline-tag{z-index:1;font:11px/1.2 var(--font-mono);letter-spacing:.02em;color:var(--figure-tag,var(--muted));text-transform:uppercase;pointer-events:none;position:absolute}.hairline-fig{top:14px;left:16px}.hairline-note{top:14px;right:16px}.hairline-replay{z-index:2;width:20px;height:20px;color:var(--figure-tag,var(--muted));cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;bottom:9px;left:14px}.hairline-replay svg{width:100%;height:100%;display:block}.hairline-replay circle{fill:none;stroke:currentColor;stroke-width:1.5px}.hairline-replay .track{opacity:.15}.hairline-replay .arc{stroke-dasharray:100 100;stroke-linecap:round}.hairline-replay .icon *{fill:none;stroke:currentColor;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round}.hairline-replay.rewinding .arc{transition:stroke-dashoffset .45s}.hairline-hint{max-width:62%;bottom:14px;left:42px}.hairline-read{bottom:14px;right:16px}.hairline-callout{z-index:1;font:11px/1 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--figure-ink,var(--text));pointer-events:none;align-items:center;gap:5px;padding-bottom:5px;display:flex;position:absolute;transform:translate(-1px,-100%)}.hairline-callout[hidden]{display:none}.hairline-callout[data-hang=left]{flex-direction:row-reverse;transform:translate(calc(1px - 100%),-100%)}.hairline-callout[data-below]{padding:5px 0 0;transform:translate(-1px)}.hairline-callout[data-bare]{padding-bottom:3px;transform:translate(-50%,-100%)}.hairline-callout svg{fill:currentColor;width:auto;height:11px}.hairline-callout-líder{transition:left .5s,top .5s}.work-item .hairline{margin:0}.prose h1{margin-bottom:12vh}.prose h2,.prose h3,.prose h4{margin:80px 0 20px}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin:0 0 40px}.prose>:first-child{margin-top:0}.prose>p:first-child{margin-bottom:0}.prose p.notice{margin-bottom:var(--space-m)}.prose ul,.prose ol{padding-left:20px}.prose ul{list-style:none}.prose ul>li:before{content:"-";width:1em;margin-left:-1em;display:inline-block}.prose li{margin-bottom:8px}.prose li p{margin:0}.prose blockquote{color:var(--muted);padding-left:20px;font-style:italic}.prose blockquote p:last-child{margin:0}.prose img,.prose video{width:100%;height:auto;margin:6vh 0;display:block}.prose figure{margin:6vh 0}.prose figure img,.prose figure video{margin:0}.prose figcaption{font-size:var(--size-small);color:var(--muted);margin-top:12px}.prose code{font-family:var(--font-mono);font-size:var(--size-small)}.prose :not(pre)>code{background:var(--bg-subtle);padding:.2em .4em}.prose pre{padding:24px;overflow-x:auto;background:var(--bg-subtle)!important}.prose hr{border:0;border-top:1px solid var(--line);margin:5vh 0}.prose .footnotes{margin-top:var(--space-m);font-size:var(--size-small);color:var(--muted)}.prose [data-footnote-backref]{font-variant-emoji:text}.prose .footnotes ol{list-style:decimal}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.back{margin-top:var(--space-l)}.shot-frame{background:#efefef}.prose table{border-collapse:collapse;width:100%;font-size:var(--size-small);margin:0 0 40px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:6px 8px 6px 0}.prose th{font-weight:500}.zoom{cursor:zoom-in;margin:6vh 0;display:block}.zoom:has(:focus-visible){outline:1px solid var(--muted);outline-offset:3px}.lightbox{z-index:10;background:color-mix(in srgb, var(--bg) 80%, transparent);cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.zoom:has(:checked) .lightbox{opacity:1;visibility:visible}.prose .zoom img{margin:0}.prose .zoom>img{background:var(--bg-subtle)}.prose .lightbox img{width:auto;max-width:min(880px, 100vw - var(--gutter) * 2);max-height:80vh;margin:auto;position:fixed;inset:0}@supports (top:anchor(top)){.prose .morph .lightbox img{--w:min(880px, 100vw - var(--gutter) * 2, 80vh * var(--ratio));position-anchor:var(--anchor);inset:auto;top:anchor(top);left:anchor(left);width:anchor-size(width);height:anchor-size(height);max-width:none;max-height:none;margin:0;transition:top .3s,left .3s,width .3s,height .3s}.prose .morph:has(:checked) .lightbox img{top:calc(50vh - var(--w) / var(--ratio) / 2);left:calc(50vw - var(--w) / 2);width:var(--w);height:calc(var(--w) / var(--ratio))}}@media (prefers-reduced-motion:reduce){.lightbox,.prose .morph .lightbox img{transition:none}}.contact label{font-size:var(--size-small);color:var(--muted);margin-bottom:20px;display:block}.contact input,.contact textarea{width:100%;font:inherit;font-size:var(--size);color:var(--text);background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:0;margin-top:6px;padding:8px 10px;display:block}.contact button{font:inherit;color:inherit;cursor:pointer;text-decoration:underline 1px var(--line);text-underline-offset:2px;background:0 0;border:0;padding:0}.chapter{border-top:1px solid var(--line);padding:1vh 0}.chapter:first-of-type{margin-top:var(--space-m)}.prose h1 a{text-decoration:none}.wide{width:min(100vw - var(--gutter) * 2, 1100px);margin:6vh calc(50% - min(100vw - var(--gutter) * 2, 1100px) / 2)}
