.gallery-page{--mm:1.1px}@media (width<=639px){.gallery-page{--mm:.95px}}.gallery-page .g-head{padding-block:var(--space-9) var(--space-6)}.gallery-page .g-head .grid{row-gap:var(--space-5);align-items:end}.gallery-page .g-title{gap:var(--space-4);grid-column:1/-1;display:grid}.gallery-page .g-title p{max-width:46ch}@media (width>=1024px){.gallery-page .g-title{grid-column:1/8}}.gallery-page .g-scale{gap:var(--space-2);font-size:var(--step--1);color:var(--text-faint);grid-column:1/-1;display:grid}@media (width>=1024px){.gallery-page .g-scale{grid-column:9/-1;justify-items:end}}.gallery-page .g-scale .readout{font-family:var(--font-mono);color:var(--text-muted);font-size:.8125rem}.gallery-page .g-scale .bar{align-items:flex-end;gap:var(--space-3);display:flex}.gallery-page .g-scale .bar i{width:calc(100 * var(--mm));border:1px solid var(--text-faint);border-top:0;height:7px;display:block}.gallery-page .g-scale label{align-items:center;gap:var(--space-3);display:flex}.g-range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:11rem;height:1.25rem}.g-range::-webkit-slider-runnable-track{background:var(--rule-strong);height:1px}.g-range::-moz-range-track{background:var(--rule-strong);height:1px}.g-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg);border:1px solid var(--text);border-radius:50%;width:11px;height:11px;margin-top:-5px}.g-range::-moz-range-thumb{background:var(--bg);border:1px solid var(--text);border-radius:50%;width:11px;height:11px}.gallery-page .g-bar{top:var(--nav-h);z-index:10;background:color-mix(in oklch, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-block:1px solid var(--rule);position:sticky}.gallery-page .g-bar-inner{align-items:center;gap:var(--space-2);scrollbar-width:none;min-height:3.25rem;display:flex;overflow-x:auto}.gallery-page .g-bar-inner::-webkit-scrollbar{display:none}.gallery-page .g-bar .sep{background:var(--rule-strong);width:1px;height:1rem;margin-inline:var(--space-2);flex:none}.gallery-page .g-bar .spacer{flex:1}.gallery-page .view-switch{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);flex:none;padding:2px;display:flex}.gallery-page .view-switch button{border-radius:var(--radius-pill);height:1.5rem;color:var(--text-muted);padding-inline:.7rem;font-size:.75rem}.gallery-page .view-switch button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.gallery-page .wall{padding-block:var(--space-8) var(--space-10)}.gallery-page .sheets{align-items:flex-start;gap:var(--space-7) var(--space-6);flex-wrap:wrap;display:flex}.gallery-page .sheet{width:calc(var(--w) * var(--mm));max-width:100%}.gallery-page .sheet[hidden]{display:none}.gallery-page .sheet a{display:block}.gallery-page .sheet .art{aspect-ratio:var(--w) / var(--h);background:var(--surface-2);transition:transform var(--dur-3) var(--ease-out);position:relative;overflow:hidden}.gallery-page .sheet.paper .art{background:var(--paper);box-shadow:inset 0 0 0 1px var(--paper-edge)}.gallery-page .sheet .art img{object-fit:cover;width:100%;height:100%}.gallery-page .sheet .cap{justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-faint);white-space:nowrap;margin-top:.55rem;display:flex}.gallery-page .sheet .cap .t{text-overflow:ellipsis;overflow:hidden}.gallery-page .sheet a:hover .art{transform:translateY(-3px)}.gallery-page .sheet a:hover .cap{color:var(--text-muted)}.gallery-page .draft-flag{margin-top:var(--space-2)}[data-view=index] .gallery-page .sheets{gap:var(--space-6) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=768px){[data-view=index] .gallery-page .sheets{grid-template-columns:repeat(6,minmax(0,1fr))}}[data-view=index] .gallery-page .sheet{width:auto}[data-view=index] .gallery-page .sheet .art{aspect-ratio:1;background:var(--surface);box-shadow:none;place-items:center;display:grid}[data-view=index] .gallery-page .sheet .art img{object-fit:contain;width:auto;max-width:78%;height:auto;max-height:78%}[data-view=index] .gallery-page .g-scale{visibility:hidden}.lightbox{background:color-mix(in oklch, var(--bg) 97%, transparent);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);border:0;margin:0;padding:0}.lightbox::backdrop{background:0 0}.lightbox .lb-frame{height:100%;padding:var(--space-6) var(--margin) var(--space-5);gap:var(--space-5);grid-template-rows:1fr auto;display:grid}@media (width>=1024px){.lightbox .lb-frame{padding-block:var(--space-7);grid-template-rows:none;grid-template-columns:1fr 18rem}}.lightbox .lb-stage{place-items:center;min-height:0;display:grid;position:relative}.lightbox .lb-measure{padding:1.75rem 0 0 2.25rem;position:relative}.lightbox .lb-art{background:var(--surface-2);display:block}.lightbox .lb-art.paper{background:var(--paper)}.lightbox .lb-art img{object-fit:cover;width:100%;height:100%}.lightbox .ruler-x,.lightbox .ruler-y{color:var(--text-faint);font-family:var(--font-mono);font-size:.5625rem;position:absolute}.lightbox .ruler-x{height:1.75rem;top:0;left:2.25rem;right:0}.lightbox .ruler-y{width:2.25rem;top:1.75rem;bottom:0;left:0}.lightbox .ruler-x i,.lightbox .ruler-y i{background:var(--rule-strong);position:absolute}.lightbox .ruler-x i{width:1px;height:4px;bottom:.35rem}.lightbox .ruler-x i.major{background:var(--text-faint);height:9px}.lightbox .ruler-y i{width:4px;height:1px;right:.35rem}.lightbox .ruler-y i.major{background:var(--text-faint);width:9px}.lightbox .ruler-x b,.lightbox .ruler-y b{font-weight:400;position:absolute}.lightbox .ruler-x b{bottom:.95rem;transform:translate(-50%)}.lightbox .ruler-y b{right:1rem;transform:translateY(-50%)}.lightbox .lb-info{align-content:end;gap:var(--space-4);font-size:var(--step--1);color:var(--text-muted);display:grid}@media (width>=1024px){.lightbox .lb-info{align-content:center}}.lightbox .no{font-family:var(--font-mono);color:var(--text-faint)}.lightbox h2{font-size:var(--step-1);color:var(--text);letter-spacing:var(--track-1);font-weight:500}.lightbox dl{gap:.35rem var(--space-3);grid-template-columns:5.5rem 1fr;display:grid}.lightbox dt{color:var(--text-faint)}.lightbox .mono{font-size:.75rem}.lightbox .lb-nav{gap:var(--space-2);margin-top:var(--space-3);display:flex}.lightbox .lb-nav button,.lightbox .lb-nav a{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);min-width:2.25rem;height:2.25rem;color:var(--text-muted);transition:color var(--dur-1) linear, border-color var(--dur-1) linear;place-items:center;padding-inline:.75rem;font-size:.8125rem;display:inline-grid}.lightbox .lb-nav button:hover,.lightbox .lb-nav a:hover{color:var(--text);border-color:var(--text-faint)}.lightbox .lb-nav .close{margin-left:auto}.lightbox .hint{font-size:var(--step--2);color:var(--text-faint)}@media (pointer:coarse){.lightbox .hint{display:none}}:root:has(.lightbox[open]){overflow:hidden}
