:root{--paper: #f2f3f5;--ink: #14161a;--mute: #5c636e;--accent: #0f6e6a;--peel-selection: rgb(0 122 255 / .45);--line: #d4d8de;--gallery-pad: clamp(32px, 6vw, 96px);--slide-gap: clamp(28px, 4vw, 64px);--page-pad-y: clamp(12px, 2.2vh, 28px);--stack-gap: clamp(10px, 1.8vh, 22px)}*,*:before,*:after{box-sizing:border-box}html{margin:0;height:100%;background:var(--paper);color:var(--ink);font-family:Fragment Mono,ui-monospace,monospace}body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink)}.page{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:stretch;gap:var(--stack-gap);padding:var(--page-pad-y) 0;overflow:hidden}.intro{flex:0 0 auto;padding:0 var(--gallery-pad);max-width:min(42rem,calc(100% - min(640px,42vw)))}.meta{margin:0 0 8px;color:var(--accent);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.title{margin:0;font-family:Syne,system-ui,sans-serif;font-size:clamp(32px,7vh,64px);font-weight:800;letter-spacing:-.05em;line-height:.92}.lede{margin:10px 0 0;max-width:36ch;color:var(--mute);font-size:clamp(12px,1.5vh,14px);line-height:1.45}.lede__mob{display:none}.lede__desk{display:inline}.lede code{color:var(--ink);font-size:.92em}.gallery-shell{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}.gallery-shell.is-peeled .gallery{position:relative;z-index:3;background:transparent}.gallery-shell.is-peeled .peel-canvas{z-index:2}.gallery-shell.is-peeled [data-peel-track] .shot{visibility:hidden;pointer-events:none;user-select:none;-webkit-user-select:none}.gallery-shell.is-peeled [data-peel-track] .shot.is-live{visibility:hidden;pointer-events:none;user-select:text;-webkit-user-select:text;overflow:visible}.gallery-shell.is-peeled [data-peel-track] .shot.is-live [data-peel-text]{visibility:visible;pointer-events:auto;user-select:text;-webkit-user-select:text;width:max-content;max-width:100%;color:transparent;-webkit-text-fill-color:transparent;cursor:text;caret-color:transparent;-webkit-tap-highlight-color:transparent;will-change:transform}.gallery-shell.is-peeled [data-peel-track] .shot.is-live .shot__cap[data-peel-text]{line-height:1}.gallery-shell.is-peeled [data-peel-track] .shot.is-live .shot__index[data-peel-text]{line-height:1.2}.gallery-shell.is-peeled [data-peel-track] .shot.is-live [data-peel-text]::selection,.gallery-shell.is-peeled [data-peel-track] .shot.is-live [data-peel-text] *::selection{color:transparent;background:transparent;background-color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}.gallery-shell.is-peeled [data-peel-track] .shot.is-live [data-peel-text]::-moz-selection,.gallery-shell.is-peeled [data-peel-track] .shot.is-live [data-peel-text] *::-moz-selection{color:transparent;background:transparent;text-shadow:none}.gallery-shell.is-peeled [data-peel-track] .shot.is-live:focus-within [data-peel-text]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gallery{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none}.gallery::-webkit-scrollbar{display:none}.gallery.is-dragging{cursor:grabbing;scroll-snap-type:none}.gallery__track{display:flex;align-items:center;gap:var(--slide-gap);width:max-content;height:100%;padding:4px var(--gallery-pad);box-sizing:border-box}.shot{position:relative;margin:0;flex:0 0 auto;height:min(48vh,100%);width:auto;aspect-ratio:3 / 4;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(14px,2vh,22px);color:#f4f5f7;background:#2a3038}.shot__photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;-webkit-user-select:none;user-select:none}.shot__index{position:absolute;z-index:1;top:clamp(12px,1.8vh,20px);left:clamp(14px,2vh,22px);font-size:11px;letter-spacing:.16em;opacity:.88;color:#fff}.shot__cap{position:relative;z-index:1;margin:0;align-self:flex-start;width:max-content;max-width:100%;line-height:1;font-family:Syne,system-ui,sans-serif;font-size:clamp(16px,2.4vh,26px);font-weight:700;letter-spacing:-.03em;color:#fff}.shot--1,.shot--2,.shot--3,.shot--4,.shot--5,.shot--6{background:#2a3038}.hint{flex:0 0 auto;margin:0;padding:0 var(--gallery-pad);color:var(--mute);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.peel-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}.shelf-field{position:fixed;top:clamp(10px,1.6vh,24px);right:clamp(12px,2vw,28px);z-index:30;width:min(520px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;pointer-events:auto}.shelf-field__caption{margin:0;color:var(--mute);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.shelf-field__body{display:flex;flex-direction:row;align-items:stretch;gap:12px}.shelf-field__plot{display:block;flex:0 0 auto;width:min(420px,46vw);height:clamp(140px,28vh,240px);cursor:default;touch-action:none;background:transparent}.shelf-field__plot.is-dragging{cursor:grabbing}.shelf-field__nums{flex:0 0 96px;display:flex;flex-direction:column;justify-content:space-between;gap:0;min-height:0;align-self:stretch}.shelf-field__num{display:flex;flex-direction:column;gap:2px;min-width:0}.shelf-field__num-label{color:var(--mute);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.shelf-field__num-wrap{display:flex;align-items:baseline;gap:2px;border-bottom:1px solid var(--line);padding-bottom:1px}.shelf-field__num-wrap:focus-within{border-bottom-color:var(--accent)}.shelf-field__num input{width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-variant-numeric:tabular-nums;outline:none}.shelf-field__num input::-webkit-outer-spin-button,.shelf-field__num input::-webkit-inner-spin-button{appearance:none;margin:0}.shelf-field__num input[type=number]{appearance:textfield}.shelf-field__suffix{color:var(--mute);font-size:10px;flex:0 0 auto}@media(max-width:720px){:root{--gallery-pad: 0px;--slide-gap: 20px;--page-pad-y: 12px;--stack-gap: 0}.page{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;align-content:stretch;column-gap:12px;row-gap:10px;padding:var(--page-pad-y) 0;overflow:hidden}.intro{display:contents}.meta{grid-row:1;grid-column:1;margin:0;padding-left:16px;align-self:end;font-size:8px;letter-spacing:.14em}.title{grid-row:1;grid-column:2;margin:0;padding-right:16px;justify-self:end;text-align:right;font-size:clamp(18px,5.2vw,24px);line-height:1}.lede{grid-row:3;grid-column:1;margin:0;padding-left:16px;align-self:start;max-width:none;font-size:9px;line-height:1.3;text-align:left}.lede__desk{display:none}.lede__mob{display:inline}.gallery-shell{grid-row:2;grid-column:1 / -1;flex:none;align-self:stretch;width:100%;max-width:none;max-height:none;min-height:0;margin:0;overflow:visible}.gallery{overflow-x:auto;overflow-y:visible}.gallery__track{padding:0}.shot{height:min(62dvh,100%);aspect-ratio:2 / 3;padding:14px}.shot__index{top:12px;left:14px;font-size:10px}.shot__cap{font-size:clamp(15px,4.2vw,20px)}.hint{grid-row:3;grid-column:2;margin:0;padding-right:16px;justify-self:end;align-self:start;text-align:right;font-size:8px;letter-spacing:.1em}.shelf-field{display:none!important}}html.is-stage .intro,html.is-stage .hint,html.is-stage .shelf-field{display:none!important}html.is-stage .page{justify-content:center;gap:0;padding:0}html.is-stage .gallery-shell{flex:0 0 auto;height:min(48vh,100%);max-height:none;margin:0}html.is-stage .gallery__track{padding-block:0}@media(max-width:720px){html.is-stage .page{display:flex;grid-template-rows:none;grid-template-columns:none;padding:0}html.is-stage .gallery-shell{grid-row:auto;grid-column:auto;height:min(62dvh,100%)}}