@layer reset,tokens,base,layout,components,pages,print;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}ul[class],ol[class]{padding:0;list-style:none}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit}[hidden]{display:none!important}}@layer tokens{:root{color-scheme:light dark;--color-paper: light-dark(oklch(.985 .004 95), oklch(.195 .012 265));--color-ink: light-dark(oklch(.24 .02 265), oklch(.925 .006 95));--color-ink-2: light-dark(oklch(.43 .018 265), oklch(.75 .01 265));--color-ink-3: light-dark(oklch(.57 .014 265), oklch(.61 .012 265));--color-rule: light-dark(oklch(.24 .02 265 / .14), oklch(.925 .006 95 / .14));--color-rule-strong: light-dark(oklch(.24 .02 265), oklch(.925 .006 95 / .6));--color-dot: light-dark(oklch(.24 .02 265 / .14), oklch(.925 .006 95 / .11));--color-accent: light-dark(#b71c1c, oklch(.725 .145 27));--color-plain: oklch(.995 .002 95);--color-night: oklch(.16 .012 265);--color-night-ink: oklch(.9 .006 95);--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Special Gothic Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--display-tracking: -.015em;--text-label: .75rem;--text-small: .875rem;--text-body: 1.0625rem;--text-lead: 1.25rem;--text-h3: 1.0625rem;--text-h2: 1.375rem;--text-nav: clamp(1rem, .94rem + .3cqi, 1.1875rem);--text-title: clamp(2.25rem, 1.75rem + 2cqi, 3.25rem);--text-h1: clamp(2.5rem, 1.9rem + 2.4cqi, 3.5rem);--text-intro: clamp(1.3125rem, 1rem + 1.5cqi, 1.75rem);--tracking-label: .08em;--name-size: 2.5rem;--grid: 24px;--space-1: calc(var(--grid) / 4);--space-2: calc(var(--grid) / 2);--space-3: calc(var(--grid) * .75);--space-4: var(--grid);--space-6: calc(var(--grid) * 1.5);--space-8: calc(var(--grid) * 2);--space-12: calc(var(--grid) * 3);--space-16: calc(var(--grid) * 4);--sheet-max: calc(var(--grid) * 49);--page-pad: clamp(16px, 5vw, 48px);--gutter: calc(var(--grid) * 5);--measure: 40rem;--header-height: calc(var(--grid) * 2.5);--band-pad: clamp(2.25rem, 1.5rem + 3cqi, 4rem);--rule: 1px;--rule-strong: 2px;--mark-width: 2.5rem;--mark-height: 6px;--dot-size: 1px;--paper-dots: radial-gradient(circle at center, var(--color-dot) 0 var(--dot-size), transparent calc(var(--dot-size) + .5px));--sketch-text: 9px;--sketch-line: 1px;--sketch-stroke: 1.25px;--sketch-atom: 4.5px;--sketch-pitch: 9px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer base{@view-transition{navigation:auto}html{scroll-padding-block-start:calc(var(--header-height) + var(--grid))}body{display:flex;flex-direction:column;min-block-size:100svb;font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;color:var(--color-ink);background-color:var(--color-paper);background-image:var(--paper-dots);background-size:var(--grid) var(--grid);background-position:calc(var(--grid) / -2) calc(var(--grid) / -2);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}a{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--color-ink-3);&:hover{color:var(--color-accent);text-decoration-color:currentColor}}h1,h2,h3,h4{font-weight:600;line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}h1{font-family:var(--font-display);font-size:var(--text-h1);line-height:.95;letter-spacing:var(--display-tracking)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p,li,dd,figcaption{text-wrap:pretty}time,.key,.count{font-variant-numeric:tabular-nums}::selection{background:color-mix(in oklch,var(--color-accent) 22%,transparent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*{transition:none!important;animation:none!important}}}@layer layout{.sheet{inline-size:min(100% - 2 * var(--page-pad),var(--sheet-max));margin-inline:auto;container:sheet / inline-size}.site-main{flex:1}.site-header{position:sticky;inset-block-start:0;z-index:2;background:var(--color-paper);view-transition-name:site-header}.site-header__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) clamp(var(--space-4),3cqi,var(--space-8));padding-block:1.125rem 1rem;border-block-end:var(--rule-strong) solid var(--color-ink)}.nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) clamp(var(--space-4),.4rem + 2cqi,2.5rem);font-size:var(--text-nav);font-weight:500;& a{display:inline-flex;align-items:baseline;gap:.4em;text-decoration:none;&:hover{color:var(--color-accent)}}[aria-current]{font-weight:600;&:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--color-accent);align-self:center}}}.count{font-family:var(--font-mono);font-size:var(--text-label);font-weight:400;color:var(--color-ink-3)}.site-header__aside{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-6);margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-2);& ul{display:flex;gap:var(--space-6);padding:0;list-style:none}& a{text-decoration:none}& a:hover{color:var(--color-accent)}}.theme{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-2);&:hover{color:var(--color-accent)}}.site-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--space-4);row-gap:var(--space-4);align-items:baseline;padding-block:var(--space-8) var(--space-12);border-block-start:var(--rule-strong) solid var(--color-ink)}.site-footer__title{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1cqi,2rem);font-weight:600;letter-spacing:var(--display-tracking);line-height:1}.elsewhere{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:var(--space-1) clamp(var(--space-4),.4rem + 2cqi,2.5rem);font-size:var(--text-nav);font-weight:500;& a{text-decoration:none}}.site-footer__note{grid-column:2 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-6);font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-3)}.page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:var(--space-4);align-items:start;padding-block:var(--band-pad) var(--space-12);counter-reset:fig}.page>*{min-inline-size:0}.page__head{grid-column:1 / span 3;grid-row:1}.page__facts{grid-column:1;grid-row:2;display:grid;gap:var(--space-6);padding-inline-end:var(--space-4)}.page__body{grid-column:2 / span 2;grid-row:2}.page__aside{grid-column:4;grid-row:1 / span 2;display:grid;gap:var(--space-6)}.page__wide,.page__foot{grid-column:1 / -1}.page--list .page__aside{grid-row:1;padding-block-end:var(--band-pad)}@media(min-height:50rem){@container sheet (inline-size >= 62rem){.page:not(.page--list)>:is(.page__aside,.page__facts){position:sticky;inset-block-start:calc(var(--header-height) + var(--space-8))}}}.head{display:grid;grid-template-columns:subgrid;align-items:start;row-gap:var(--space-4);padding-block-end:var(--band-pad);>*{grid-column:2 / -1;min-inline-size:0}>.head__label{grid-column:1;grid-row:1}}.head__label a{text-decoration:none}.head__label a:hover{color:var(--color-accent)}.head__title{text-box:trim-both cap alphabetic}.head__lede{max-inline-size:var(--measure);font-size:var(--text-lead);line-height:1.4;color:var(--color-ink-2)}@container sheet (inline-size < 62rem){.page{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.page__head,.page__body,.page__facts,.page__aside,.page__wide,.page__foot,.page--list .page__aside{grid-column:1;grid-row:auto}.page__aside,.page__facts{padding-block-end:var(--space-8);padding-inline-end:0}.page__aside .plate{max-inline-size:24rem}.page__facts{max-inline-size:32rem}.head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-3);padding-block-end:var(--space-8)}.head>*,.head>.head__label{grid-column:1;grid-row:auto}.site-footer{grid-template-columns:minmax(0,1fr)}.elsewhere,.site-footer__note{grid-column:1}}@container sheet (inline-size < 40rem){.site-header__aside{display:none}}@media(max-width:40rem){.site-header{position:static}html{scroll-padding-block-start:var(--grid)}}}@layer components{.label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3)}.key{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-3)}.kind{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-2)}.meta{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-2)}.sample{font-family:var(--font-mono);font-size:var(--text-label);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3);margin-inline-start:.5em}.empty{color:var(--color-ink-2)}.more{font-family:var(--font-mono);font-size:var(--text-small);text-decoration:none;color:var(--color-ink-2)}.button{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-2);padding:var(--space-1) var(--space-3);border:var(--rule) solid var(--color-ink-3);&:hover{color:var(--color-accent);border-color:currentColor}}.field{inline-size:100%;padding:var(--space-2) 0;font:inherit;color:var(--color-ink);background:none;border:0;border-block-end:var(--rule) solid var(--color-ink-3);border-radius:0;&:focus{outline:none;border-color:var(--color-accent)}}.gate{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-2);text-decoration:none;&:hover{color:var(--color-accent)}}.signature{display:inline-block;inline-size:auto;block-size:calc(var(--name-size) * var(--h));vertical-align:calc(var(--name-size) * var(--d) * -1);max-inline-size:none;overflow:visible}.signature__ink{fill:currentColor}.signature__mark{fill:var(--color-accent)}.sketch{inline-size:100%;overflow:visible;color:var(--color-ink-2);font-family:var(--font-mono);fill:none;stroke-linecap:round;stroke-linejoin:round;& text{fill:var(--color-ink-3);stroke:none;font-size:var(--sketch-text);letter-spacing:.04em}}.sk-ink{stroke:currentColor;stroke-width:var(--sketch-stroke)}.sk-line{stroke:var(--color-ink-3);stroke-width:var(--sketch-line)}.sk-dash{stroke:var(--color-ink-3);stroke-width:var(--sketch-line);stroke-dasharray:2 3}.sk-accent{stroke:var(--color-accent);stroke-width:var(--sketch-stroke)}.sk-atoms{stroke:currentColor;stroke-width:var(--sketch-atom);stroke-dasharray:0 var(--sketch-pitch)}.sk-dot{fill:currentColor;stroke:none}.sk-accent-dot{fill:var(--color-accent);stroke:none}.sk-hole{fill:var(--color-paper);stroke:currentColor;stroke-width:var(--sketch-stroke)}.plates,.atlas{--columns: 4;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(13rem,(100% - (var(--columns) - 1) * var(--space-4)) / var(--columns)),1fr))}.plates{--columns: var(--plates, 4);gap:var(--space-8) var(--space-4)}.plate{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:var(--space-3);block-size:100%;padding-block-start:var(--space-2);border-block-start:var(--rule) solid var(--color-rule-strong);text-decoration:none;&:is(a):hover{color:inherit}&:is(a):hover .plate__name{color:var(--color-accent)}&:is(a):hover .plate__go{translate:4px 0;color:var(--color-accent)}}.plate__head{display:flex;align-items:baseline;gap:.5em}.plate__name{min-inline-size:0;font-size:var(--text-h2);font-weight:600;line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}.plate__go{margin-inline-start:auto;font-family:var(--font-mono);color:var(--color-ink-3);transition:translate .12s}.plate__caption{font-size:var(--text-small);line-height:1.45;color:var(--color-ink-2);text-wrap:pretty}.plate__picture img{inline-size:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-plain);border:var(--rule) solid var(--color-rule)}.figno{font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink);margin-inline-end:.5em}.plate--fig{grid-template-rows:none;block-size:auto}.plate--inline{max-inline-size:24rem}.plate--wide{max-inline-size:none}.page figure{counter-increment:fig}.figno--auto:before{content:"Fig. " counter(fig)}.atlas{gap:var(--space-12) var(--space-4);>li{display:contents}.plate{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--space-3);block-size:auto}.plate__name{font-size:var(--text-h3);line-height:1.3}.plate__caption .key{font-size:var(--text-label);margin-inline-end:.5em;color:var(--color-ink);font-weight:500}}.band{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6) var(--space-4);align-items:start;padding-block:var(--band-pad);border-block-start:var(--rule) solid var(--color-rule-strong);scroll-margin-block-start:var(--header-height);&:before{content:"";position:absolute;inset-block-start:calc(var(--rule) * -1);inset-inline-start:0;inline-size:var(--mark-width);block-size:var(--mark-height);background:var(--color-accent)}}.band__head{grid-column:1;display:grid;gap:var(--space-4);min-inline-size:0}.band__body{grid-column:2 / -1;min-inline-size:0;--key: calc(var(--grid) * 4);>.more{display:inline-block;margin-block-start:var(--space-4)}>.prose{margin-block-end:var(--space-6)}}.band--wide>.band__head,.band--wide>.band__body{grid-column:1 / -1}.band__no{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-3)}.band__title{font-family:var(--font-display);font-size:var(--text-title);font-weight:600;letter-spacing:var(--display-tracking);line-height:.95;text-box:trim-both cap alphabetic}.rows>li{display:grid;grid-template-columns:var(--key, var(--gutter)) minmax(0,1fr) auto;align-items:baseline;padding-block:var(--space-3);border-block-end:var(--rule) solid var(--color-rule)}.rows>li:first-child{padding-block-start:0}.rows>li>*{min-inline-size:0}.rows>li>.meta{padding-inline-start:var(--space-4);text-align:end}.entry__title{font-size:var(--text-body);font-weight:600;line-height:1.5;& a{text-decoration:none}& a:hover{text-decoration:underline}}.entry__text{max-inline-size:44rem;color:var(--color-ink-2)}.rows--log>li{grid-template-columns:calc(var(--grid) * 5) calc(var(--grid) * 4) minmax(0,1fr)}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-4);>div{padding-inline-end:var(--space-4)}& dt{font-weight:600}& dd{color:var(--color-ink-2)}}.facts{font-size:var(--text-small);border-block-end:var(--rule) solid var(--color-rule);>div{display:grid;grid-template-columns:calc(var(--grid) * 3) minmax(0,1fr);align-items:baseline;column-gap:var(--space-2);padding-block:var(--space-2);border-block-start:var(--rule) solid var(--color-rule)}& dt{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3)}& dd{color:var(--color-ink-2);overflow-wrap:anywhere}& ul{padding:0;list-style:none}}.tags{display:flex;flex-wrap:wrap;gap:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-small);& a{text-decoration:none;color:var(--color-ink-2)}& a:hover{color:var(--color-accent)}& a:before{content:"#";color:var(--color-ink-3)}}a.external:after{content:"\2009\2197";font-family:var(--font-mono);font-size:.8em;color:var(--color-ink-3)}.prose{max-inline-size:var(--measure);>*+*{margin-block-start:var(--space-4)}>:is(h2,h3,h4){margin-block-start:var(--space-8)}>:is(h2,h3,h4)+*{margin-block-start:var(--space-2)}>:first-child{margin-block-start:0}:is(ul,ol){padding-inline-start:1.25em}& li+li{margin-block-start:var(--space-1)}& li::marker{color:var(--color-ink-3)}& ol>li::marker{font-family:var(--font-mono);font-size:var(--text-small)}& strong{font-weight:600}& code{font-family:var(--font-mono);font-size:.9em}& pre{overflow-x:auto;padding:var(--space-3) var(--space-4);border:var(--rule) solid var(--color-rule);background:var(--color-paper);font-size:var(--text-small);line-height:1.6;tab-size:2}& pre code{font-size:inherit}& blockquote{padding-inline-start:var(--space-4);border-inline-start:2px solid var(--color-accent);color:var(--color-ink-2)}& hr{border:0;border-block-start:var(--rule) solid var(--color-rule);margin-block:var(--space-8)}& table{display:block;overflow-x:auto;border-collapse:collapse;font-size:var(--text-small);font-variant-numeric:tabular-nums}& th,td{padding:var(--space-2) var(--space-4) var(--space-2) 0;border-block-end:var(--rule) solid var(--color-rule);text-align:start;vertical-align:baseline}& th{font-family:var(--font-mono);font-size:var(--text-label);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3);border-block-end-color:var(--color-rule-strong)}}.heading-anchor{font-family:var(--font-mono);font-weight:400;text-decoration:none;color:var(--color-ink-3);opacity:0}:is(h2,h3):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.chroma :is(.c,.c1,.cm,.ch,.cs,.cp){color:var(--color-ink-3);font-style:italic}.chroma :is(.k,.kc,.kd,.kn,.kp,.kr,.kt,.nt){font-weight:500}.chroma :is(.s,.s1,.s2,.sb,.sc,.sd,.se,.sh,.si,.sx){color:var(--color-accent)}.chroma :is(.m,.mi,.mf,.mh,.mo,.il){color:var(--color-ink-2)}.figure{display:grid;gap:var(--space-2);& img{inline-size:100%;background:var(--color-plain);border:var(--rule) solid var(--color-rule)}& figcaption{font-size:var(--text-small);line-height:1.45;color:var(--color-ink-2)}}.figure-link{display:block}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4);align-items:start}.pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-4);margin-block-start:var(--space-12);padding-block-start:var(--space-3);border-block-start:var(--rule) solid var(--color-rule-strong)}.pager-link{display:grid;gap:var(--space-1);text-decoration:none;font-weight:600;& span{font-family:var(--font-mono);font-size:var(--text-label);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3)}}.pager-link--older{grid-column:2;text-align:end}@container sheet (inline-size < 62rem){.band{grid-template-columns:minmax(0,1fr)}.band__head,.band__body{grid-column:1}}@container sheet (inline-size < 40rem){.atlas{row-gap:var(--space-8)}.plates{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--page-pad));padding-inline:var(--page-pad);scroll-padding-inline:var(--page-pad);>li{flex:0 0 min(78%,20rem);scroll-snap-align:start}}.rows>li{grid-template-columns:calc(var(--grid) * 3) minmax(0,1fr)}.rows>li>*{min-inline-size:0}.rows>li>.meta{grid-column:2;text-align:start;padding-inline-start:0}.rows--log>li{grid-template-columns:calc(var(--grid) * 5) minmax(0,1fr)}.rows--log>li>.entry__title{grid-column:1 / -1}.skills{grid-template-columns:minmax(0,1fr);row-gap:var(--space-3);>div{padding-inline-end:0}}}@media(prefers-reduced-motion:reduce){.plate__go{transition:none}}}@layer pages{.hero{padding-block:var(--band-pad)}.hero__top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:baseline;gap:var(--space-3) var(--space-4);margin-block-end:var(--space-8)}.name{grid-column:1;line-height:1}.intro{grid-column:2 / -1;max-inline-size:45rem;font-size:var(--text-intro);line-height:1.3;color:var(--color-ink-2);& strong{color:var(--color-ink);font-weight:600}}.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);& a{display:block}& img{inline-size:100%}}.log>li{display:grid;grid-template-columns:calc(var(--grid) * 5) minmax(0,1fr);align-items:baseline;row-gap:var(--space-2);padding-block:var(--space-6);border-block-end:var(--rule) solid var(--color-rule);&:first-child{padding-block-start:0}>*{grid-column:2;min-inline-size:0}>.log__when{grid-column:1;grid-row:1 / span 3;display:grid;gap:var(--space-1)}& h2{font-size:var(--text-h2)}& h2 a{text-decoration:none}& h2 a:hover{text-decoration:underline}}.log__summary{color:var(--color-ink-2);max-inline-size:var(--measure)}.tags--all{gap:var(--space-2) var(--space-6);font-size:var(--text-body)}.ingredients{font-size:var(--text-small);& h2{font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;padding-block:var(--space-2);border-block-start:var(--rule) solid var(--color-rule-strong)}& h3{font-family:var(--font-mono);font-size:var(--text-label);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3);padding-block:var(--space-4) var(--space-2)}& ul{padding:0;list-style:none}& li{padding-block:var(--space-2);border-block-start:var(--rule) solid var(--color-rule)}}.method>ol{padding:0;list-style:none;counter-reset:step;>li{position:relative;counter-increment:step;padding-block:var(--space-3);padding-inline-start:var(--space-8);border-block-end:var(--rule) solid var(--color-rule);margin:0}>li:first-child{padding-block-start:0}>li:before{content:counter(step);position:absolute;inset-inline-start:0;font-family:var(--font-mono);font-size:var(--text-small);line-height:calc(var(--text-body) * 1.5);color:var(--color-ink-3)}}.develop{position:relative;max-inline-size:var(--measure);margin-block-start:var(--space-12);padding-block-start:var(--space-4);border-block-start:var(--rule) solid var(--color-rule-strong);&:before{content:"";position:absolute;inset-block-start:calc(var(--rule) * -1);inset-inline-start:0;inline-size:var(--mark-width);block-size:var(--mark-height);background:var(--color-accent)}& h2{font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;padding-block:var(--space-2)}& ul{padding:0;list-style:none}& li{display:grid;grid-template-columns:var(--space-8) minmax(0,1fr);padding-block:var(--space-2);border-block-start:var(--rule) solid var(--color-rule);color:var(--color-ink-2)}& li:before{content:"";inline-size:.7em;block-size:.7em;margin-block-start:.45em;border:var(--rule) solid var(--color-ink-3)}}.albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:var(--space-8) var(--space-4)}.album{display:grid;gap:var(--space-2);text-decoration:none;& img{inline-size:100%}&:hover .album__title{color:var(--color-accent)}}.album__title{font-weight:600}.photos{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-2);&:after{content:"";flex-grow:1000000}}.photo{flex-grow:calc(var(--ratio) * 100);flex-basis:calc(var(--ratio) * 15rem);min-inline-size:0;& figure{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1)}& img{inline-size:100%;aspect-ratio:var(--ratio);object-fit:cover}& figcaption{display:grid;grid-template-columns:minmax(0,1fr);font-size:var(--text-small);color:var(--color-ink-2)}& figcaption>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photo-camera{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-ink-3)}}.lightbox{inline-size:100vw;block-size:100dvh;max-inline-size:100vw;max-block-size:100dvh;padding:0;border:0;background:transparent;color:var(--color-night-ink);&::backdrop{background:color-mix(in oklch,var(--color-night) 96%,transparent)}& button{position:fixed;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-lead);line-height:1;color:var(--color-night-ink)}& button:hover{color:#f47f73}[data-close]{inset-block-start:0;inset-inline-end:0}[data-prev]{inset-block-start:calc(50% - var(--space-6));inset-inline-start:0}[data-next]{inset-block-start:calc(50% - var(--space-6));inset-inline-end:0}}.lightbox-stage{display:grid;place-items:center;inline-size:100%;block-size:100%;padding:var(--space-12) var(--space-4);& img{max-inline-size:100%;max-block-size:calc(100dvh - 2 * var(--space-12));object-fit:contain}}.lightbox-caption{position:fixed;inset-inline:0;inset-block-end:0;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-small);text-align:center;color:color-mix(in oklch,var(--color-night-ink) 80%,transparent)}.cv-head .name{grid-column:2 / -1}.cv-contact{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-6);font-size:var(--text-small);color:var(--color-ink-2)}.cv-entries>li{display:grid;grid-template-columns:calc(var(--grid) * 5) minmax(0,1fr);column-gap:var(--space-4);align-items:baseline;padding-block:var(--space-3);border-block-end:var(--rule) solid var(--color-rule);break-inside:avoid}.cv-entries>li:first-child{padding-block-start:0}.cv-entries--compact>li{padding-block:var(--space-2)}.cv-entries--undated>li{grid-template-columns:minmax(0,1fr)}.cv-body{display:grid;gap:var(--space-1);max-inline-size:var(--measure);& h3{font-size:var(--text-body)}& ul{padding-inline-start:1.25em;color:var(--color-ink-2)}& li::marker{color:var(--color-ink-3)}}.cv-note,.cv-org{font-weight:400;color:var(--color-ink-2)}.cv-ref{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-3);overflow-wrap:anywhere}.cv-list{padding:0;list-style:none;counter-reset:item;>li{display:grid;grid-template-columns:calc(var(--grid) * 5) minmax(0,var(--measure));column-gap:var(--space-4);align-items:baseline;counter-increment:item;padding-block:var(--space-3);border-block-end:var(--rule) solid var(--color-rule)}>li:first-child{padding-block-start:0}>li:before{content:"[" counter(item) "]";font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-3)}}.proofs{display:grid;gap:var(--space-8);margin-inline:calc(-1 * var(--page-pad));padding:var(--space-8) var(--page-pad);color:var(--color-ink);background-color:var(--color-paper);background-image:var(--paper-dots);background-size:var(--grid) var(--grid);overflow-x:auto}.proof{display:grid;gap:var(--space-2)}.proof__sizes{display:flex;align-items:end;gap:var(--space-8)}.proof__sizes>div{flex:none}.lost p{max-inline-size:var(--measure)}.enter__form{display:grid;justify-items:start;gap:var(--space-3);max-inline-size:22rem;.button{margin-block-start:var(--space-3)}}.enter__wrong{color:var(--color-accent)}@container sheet (inline-size < 62rem){.cv-head .name{grid-column:1}.hero__top{grid-template-columns:minmax(0,1fr)}.name,.intro{grid-column:1}.intro{max-inline-size:36rem}.strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@container sheet (inline-size < 40rem){.hero{padding-block-start:var(--space-6)}.hero__top{row-gap:var(--space-2);margin-block-end:var(--space-6)}.name{--name-size: 1.75rem}.log>li{grid-template-columns:minmax(0,1fr)}.log>li>*,.log>li>.log__when{grid-column:1;grid-row:auto}.log>li>.log__when{display:flex;gap:var(--space-4);align-items:baseline}.cv-entries>li,.cv-list>li{grid-template-columns:minmax(0,1fr);row-gap:var(--space-1)}}}@layer print{@media print{@page{size:A4;margin:16mm 16mm 18mm}:root{color-scheme:light;--color-paper: #fff;--color-ink: #000;--color-ink-2: #222;--color-ink-3: #555;--color-rule: #bbb;--color-rule-strong: #000;--color-accent: #b71c1c;--band-pad: 6mm;--text-title: 15pt;--text-h1: 22pt;--name-size: 22pt}html{font-size:9.5pt}body{display:block;background:none;line-height:1.4}.site-header,.site-footer,.page__aside,.page__foot,.pager,.cv-actions,.heading-anchor{display:none!important}.sheet{inline-size:auto;margin:0;container-type:normal}.page{display:block;padding:0}.head,.band{grid-template-columns:34mm minmax(0,1fr);column-gap:6mm}.head>*,.band__body,.cv-head .name{grid-column:2}.head>.head__label,.band__head{grid-column:1}.head{padding-block-end:6mm}.band{row-gap:2mm}.band__head{gap:1mm;break-after:avoid}.cv-entries>li,.cv-list>li{grid-template-columns:26mm minmax(0,1fr);padding-block:2mm;break-inside:avoid}a{text-decoration:none}a.external:after{content:none}}}