@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}img,picture,svg,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{overflow-wrap:anywhere}}@layer tokens{:root{color-scheme:light dark;--paper:oklch(96% .004 80);--carbon:oklch(24% .004 260);--ground:light-dark(var(--paper),var(--carbon));--ink-iron:oklch(21% .025 265);--ink-paper:oklch(91% .006 80);--ink-soft-iron:oklch(48% .075 60);--ink-soft-paper:oklch(72% .055 80);--ink:light-dark(var(--ink-iron),var(--ink-paper));--ink-soft:light-dark(var(--ink-soft-iron),var(--ink-soft-paper));--hairline:var(--ink-soft);--rule:1px solid var(--hairline);--pearl:oklch(80% .13 350);--pearl-hue-shift:0deg;--pearl-bands:1;--sheen-angle:120deg;--gloss-x:30%;--gloss-y:30%;--pearl-shift:oklch(78% .1 calc(350deg + var(--pearl-hue-shift)));--pearl-gloss:oklch(94% .03 340);--blue-deep:#00a;--blue-light:#55f;--blue:light-dark(var(--blue-deep),var(--blue-light));--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-text:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-retro:Tahoma, Verdana, "DejaVu Sans", sans-serif;--weight-retro:700;--text-s:clamp(.875rem, .8505rem + .1087vw, .9375rem);--text-m:clamp(1.062rem, .9891rem + .3261vw, 1.25rem);--text-l:clamp(1.375rem, 1.228rem + .6522vw, 1.75rem);--text-xl:clamp(1.875rem, 1.63rem + 1.087vw, 2.5rem);--text-2xl:clamp(2.5rem, 2.011rem + 2.174vw, 3.75rem);--text-3xl:clamp(3.25rem, 2.37rem + 3.913vw, 5.5rem);--leading-text:1.45;--leading-display:1.02;--measure:72ch;--space-3xs:clamp(.25rem, .2255rem + .1087vw, .3125rem);--space-2xs:clamp(.5rem, .4511rem + .2174vw, .625rem);--space-xs:clamp(.75rem, .6766rem + .3261vw, .9375rem);--space-s:clamp(1.062rem, .9891rem + .3261vw, 1.25rem);--space-m:clamp(1.625rem, 1.527rem + .4348vw, 1.875rem);--space-l:clamp(2.125rem, 1.978rem + .6522vw, 2.5rem);--space-xl:clamp(3.188rem, 2.967rem + .9783vw, 3.75rem);--space-2xl:clamp(4.25rem, 3.957rem + 1.304vw, 5rem);--space-3xl:clamp(6.375rem, 5.935rem + 1.957vw, 7.5rem);--radius:0;--shadow:none;--dur:.24s}@media (prefers-reduced-motion:reduce){:root{--sheen-angle:120deg;--gloss-x:30%;--gloss-y:30%;--pearl-hue-shift:-40deg;--dur:0s}}}@layer base{html{background:var(--ground);color:var(--ink);font-family:var(--font-text);font-size:var(--text-m);line-height:var(--leading-text);font-kerning:normal;font-variant-ligatures:common-ligatures;overflow-x:clip}body{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}body>main{flex-grow:1}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--leading-display);text-wrap:balance}h1{font-size:var(--text-3xl);letter-spacing:-.01em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l)}h4{font-size:var(--text-m)}p,li,dd,figcaption,blockquote{max-width:var(--measure)}a{color:inherit;text-underline-offset:.12em;text-decoration:underline 1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}hr{border:0;border-top:var(--rule)}small,.meta{color:var(--ink-soft);font-size:var(--text-s)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}pre{font-size:var(--text-s);border-top:var(--rule);border-bottom:var(--rule);padding-block:var(--space-xs);white-space:pre-wrap;overflow-x:auto}figure{border:var(--rule);padding:var(--space-m)}figcaption{color:var(--ink-soft);font-size:var(--text-s);margin-block-start:var(--space-xs)}ul,ol{padding-inline-start:var(--space-m)}}@layer layout{.stack{flex-direction:column;justify-content:flex-start;display:flex}.stack>*+*{margin-block-start:var(--gap,var(--space-s))}.cluster{gap:var(--gap,var(--space-s));align-items:var(--align,center);flex-wrap:wrap;display:flex}.center{box-sizing:content-box;max-inline-size:var(--max,var(--measure));padding-inline:var(--space-m);margin-inline:auto}.sidebar{gap:var(--gap,var(--space-m));flex-wrap:wrap;display:flex}.sidebar>:first-child{flex-basis:var(--side,20rem);flex-grow:1}.sidebar>:last-child{flex-grow:999;flex-basis:0;min-inline-size:50%}.grid{gap:var(--gap,var(--space-m));grid-template-columns:repeat(auto-fit, minmax(min(var(--min,16rem), 100%), 1fr));display:grid}.cover{min-block-size:100svh;padding:var(--space-l) 0;flex-direction:column;display:flex}.cover>*{margin-block:var(--space-s)}.cover>:first-child:not(.principal){margin-block-start:0}.cover>:last-child:not(.principal){margin-block-end:0}.cover>.principal{margin-block:auto}.bleed{inline-size:100vw;margin-inline:calc(50% - 50vw)}}@layer blocks{.substrate-ink{--ground:light-dark(var(--ink-iron),var(--ink-paper));--ink:light-dark(var(--paper),var(--carbon));--ink-soft:light-dark(var(--ink-soft-paper),var(--ink-soft-iron));--blue:light-dark(var(--blue-light),var(--blue-deep));--hairline:var(--ink-soft);--rule:1px solid var(--hairline);background:var(--ground);color:var(--ink)}.band{padding-block:var(--space-2xl)}.plate{border:var(--rule);padding:0}.grid>.plate{align-self:start}.plate-frame{position:relative}.plate-photo{visibility:hidden;filter:grayscale();block-size:auto;inline-size:100%;display:block}.plate-art{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.plate-ink,.plate-spot{background:var(--ink);image-rendering:pixelated;pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.plate-paper{image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.plate-gaps{background:var(--ground);image-rendering:pixelated;pointer-events:none;position:absolute;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}.plate-spot{transform:translate(var(--space-3xs), calc(-.5 * var(--space-3xs)))}.plate:not(.is-inked) .plate-ink,.plate:not(.is-inked) .plate-spot,.plate:not(.is-inked) .plate-paper,.plate:not(.is-inked) .plate-gaps{display:none}.plate-ink.fill-blue{background:var(--blue)}.plate figcaption{padding:var(--space-xs) var(--space-s);border-top:var(--rule);margin:0}.ascii{border:var(--rule);padding:0;overflow:hidden}.grid>.ascii{align-self:start}.ascii-frame{position:relative}.ascii-photo{visibility:hidden;filter:grayscale();block-size:auto;inline-size:100%;display:block}.ascii-text{font-family:var(--font-mono);white-space:pre;color:var(--ink);margin:0;line-height:1;position:absolute;inset:0;overflow:hidden}.ascii-canvas{pointer-events:none;position:absolute;inset:0}.ascii:not(.is-inked) .ascii-text,.ascii:not(.is-inked) .ascii-canvas{visibility:hidden}.ascii figcaption{padding:var(--space-xs) var(--space-s);border-top:var(--rule);margin:0}.plate.is-real .plate-photo{visibility:visible;filter:none}.plate.is-real .plate-art{background:color-mix(in oklch, var(--ground) calc(var(--paper-alpha,1) * 100%), transparent)}.plate.is-real .plate-gaps{opacity:var(--paper-alpha,1)}.plate.is-real .plate-ink,.plate.is-real .plate-spot{opacity:var(--dots-alpha,1)}.plate[data-art=scene] .plate-art{mask-image:linear-gradient(#fff, #fff), var(--region);mask-composite:exclude;mask-mode:luminance;-webkit-mask-image:linear-gradient(#fff, #fff), var(--region);-webkit-mask-composite:xor}.plate-real{padding:var(--space-3xs) var(--space-2xs);border:var(--rule);background:var(--ground);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-s);cursor:pointer;position:absolute;inset-block-end:var(--space-2xs);inset-inline-end:var(--space-2xs)}.plate:not(.is-inked) .plate-real{display:none}.metadata{font-family:var(--font-mono);font-size:var(--text-s);max-inline-size:var(--measure)}.metadata>div{justify-content:space-between;gap:var(--space-s);border-block-start:var(--rule);padding-block:var(--space-3xs);display:flex}.metadata dt{color:var(--ink-soft)}.metadata dd{text-align:end}.steps{counter-reset:step}.section-head{counter-increment:step;font-family:var(--font-mono);font-weight:400;font-size:var(--text-s);line-height:var(--leading-text);letter-spacing:0;text-wrap:wrap}.section-head:before{content:"[" counter(step, decimal-leading-zero) "]  ";color:var(--ink-soft)}.cells{grid-template-columns:repeat(auto-fit, minmax(min(var(--cell,var(--space-3xl)), 100%), 1fr));padding:1px 0 0 1px;list-style:none;display:grid}.cells>*{border:var(--rule);padding:var(--space-2xs);min-block-size:var(--space-2xl);max-width:none;margin-block-start:-1px;margin-inline-start:-1px}.overshoot{padding-block-start:var(--space-3xs);position:relative}.overshoot:after{content:"";inset-block-start:0;inset-inline:calc(-1 * var(--space-3xs));border-block-start:var(--rule);position:absolute}.skip{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip:focus{clip-path:none;block-size:auto;inline-size:auto;margin:var(--space-xs) var(--space-m);padding:var(--space-3xs) var(--space-2xs);border:var(--rule);background:var(--ground);align-self:start;position:static}.head{padding-block:var(--space-s)}.head>.center{justify-content:space-between}.head-name{font-size:var(--text-m);vertical-align:middle;display:inline-block}.head-name svg{block-size:1.5em;inline-size:auto;display:block}.head-path{align-items:baseline;gap:var(--space-2xs);flex-wrap:wrap;max-width:none;display:flex}.head-sep{color:var(--ink-soft)}.head nav{font-size:var(--text-s)}.head ul{padding-inline-start:0;list-style:none}.head [aria-current],.foot [aria-current]{color:var(--ink-soft);text-decoration:none}.foot{border-block-start:var(--rule);padding-block:var(--space-l);margin-block-start:var(--space-3xl)}.head-more{font:inherit;color:var(--ink-soft);padding:0 var(--space-3xs);cursor:pointer;background:0 0;border:0;line-height:1}.head-more:before{content:"+"}.head-more[aria-expanded=true]:before{content:"−"}.head-menu{block-size:0;transition:block-size var(--dur) ease-out;overflow:hidden}.head-menu ul{padding-block:var(--space-2xs) var(--space-xs);font-size:var(--text-s);justify-content:flex-end;list-style:none}.window{border:0;padding:0}.grid>.window{align-self:start}.window-pane{position:relative}.window-pane:after{content:"";background-color:var(--ink);-webkit-mask:var(--frame) center / 100% 100% no-repeat;mask:var(--frame) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.window-glass{aspect-ratio:var(--aspect,4 / 3);-webkit-mask:var(--frame-mask) center / 100% 100% no-repeat;mask:var(--frame-mask) center / 100% 100% no-repeat;position:relative;overflow:hidden}.window-glass:before,.window-glass:after{content:"";z-index:2;pointer-events:none;background:repeating-conic-gradient(var(--ink) 0 25%, transparent 0 50%) 0 0 / 4px 4px;--l:var(--reveal-l,0%);--r:var(--reveal-r,0%);--t:var(--reveal-t,0%);--b:var(--reveal-b,0%);position:absolute;inset:0}.window-glass:before{clip-path:polygon(0 0, 100% 0, calc(100% - var(--r)) var(--t), var(--l) var(--t), var(--l) calc(100% - var(--b)), 0 100%)}.window-glass:after{clip-path:polygon(100% 100%, 0 100%, var(--l) calc(100% - var(--b)), calc(100% - var(--r)) calc(100% - var(--b)), calc(100% - var(--r)) var(--t), 100% 0)}.window[data-front=subject] .window-glass:before,.window[data-front=subject] .window-glass:after{mask-image:linear-gradient(#fff, #fff), var(--region);mask-size:100% 100%, calc(100% * (1 + 2 * var(--overscan,.12))) calc(100% * (1 + 2 * var(--overscan,.12)));mask-position:50%;mask-repeat:no-repeat;mask-composite:exclude;mask-mode:luminance}.window-glass>.plate{inset:calc(-100% * var(--overscan,.12));border:0;position:absolute}.window-glass[data-fit]>.plate{aspect-ratio:var(--plate-aspect);inset:50% auto auto 50%;translate:-50% -50%}.window-glass[data-fit=wide]>.plate{inline-size:auto;block-size:calc(100% * (1 + 2 * var(--overscan,.12)))}.window-glass[data-fit=tall]>.plate{inline-size:calc(100% * (1 + 2 * var(--overscan,.12)));block-size:auto}.window-glass>.plate .plate-frame,.window-glass>.plate .plate-photo{block-size:100%}.window-glass>.plate .plate-photo{object-fit:cover}.window>figcaption{padding:var(--space-xs) var(--space-s) 0;margin:0}.window-glass>.plate figcaption{display:none}.window-real{justify-content:flex-end;padding-block-start:var(--space-3xs);display:flex}.window .window-glass .plate-real{display:none}.window .window-real .plate-real{position:static}.window:has(.plate:not(.is-inked)) .window-real{display:none}.retro{font-family:var(--font-retro);font-weight:var(--weight-retro);letter-spacing:.02em;paint-order:stroke fill;-webkit-text-stroke:1px var(--ground)}.pearl{background:radial-gradient(60% 45% at var(--gloss-x) var(--gloss-y), color-mix(in oklch, var(--pearl-gloss) 55%, transparent), transparent 70%), repeating-linear-gradient(var(--sheen-angle), var(--pearl) 0%, var(--pearl-shift) calc(50% / var(--pearl-bands)), var(--pearl) calc(100% / var(--pearl-bands)))}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@layer exceptions{.home-hero .window{max-inline-size:min(calc((100svh - var(--space-3xl) - var(--space-2xl)) * (var(--aspect))), calc(var(--measure) * 1.5));margin-inline:auto}.home-doors{padding-inline:var(--space-m)}.home-doors>.window+.window{margin-block-start:var(--space-xl)}.home-doors>.window:first-child{inline-size:min(100%, max(56vw, calc(var(--measure) * .8)))}.home-doors>.window:nth-child(2){--room:min(calc(var(--measure) / 4), 25vw);inline-size:min(calc(100% - var(--room)), max(30vw, calc(var(--measure) * .45)));margin-inline:auto var(--room)}.home-doors>.window:nth-child(3){inline-size:min(100%, max(42vw, calc(var(--measure) * .6)))}.home-peek{inline-size:min(calc(var(--measure) / 2), 50vw);translate:calc(100% - 52% * var(--peek-out,1)) 0;transition:translate var(--dur);pointer-events:none;margin:0;position:fixed;inset-block-end:0;inset-inline-end:0}.home-peek .plate{mask:var(--peek) center / 100% 100% no-repeat;border:0;mask-mode:luminance}}