:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--mono:"SFMono-Regular", Consolas, monospace;--ink:#fff;--paper:#000;--muted:#8a8a8a;--line:#262626;background:#000;font-family:Helvetica Neue,Arial,sans-serif;font-weight:400}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--paper)}button,a{color:inherit;font:inherit}a{text-decoration:none}button{-webkit-tap-highlight-color:transparent}.screen{background:var(--paper);position:fixed;inset:0;overflow:hidden auto}.overview-screen{flex-direction:column;padding:0 clamp(18px,5vw,76px);display:flex}.site-header,.site-footer,.viewer-header,.viewer-footer{justify-content:space-between;align-items:center;display:flex}.site-header{border-bottom:1px solid var(--line);min-height:120px;position:relative}.wordmark{position:absolute;left:50%;transform:translate(-50%)}.site-header .collection-count{margin-left:auto}.wordmark img{width:auto;height:88px;display:block}.collection-count,.site-footer,.eyebrow,.tile-caption,.viewer-position,.viewer-footer,.outbound-link{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:10px}.collection-count,.site-footer,.tile-caption,.viewer-footer{color:var(--muted)}.overview-content{flex:1;width:min(100%,1120px);margin:0 auto;padding:clamp(32px,7vw,82px) 0 58px}.overview-heading{margin-bottom:30px}.eyebrow{color:var(--muted);margin:0 0 10px}.overview-heading h1{letter-spacing:-.07em;margin:0;font-size:clamp(32px,6vw,54px);font-weight:500;line-height:.98}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.7vw,22px);display:grid}.card-tile{min-width:0;display:block}.card-thumb{aspect-ratio:63/88;color:var(--ink);background:#111;border-radius:8px;display:block;position:relative;overflow:hidden}.card-thumb img{object-fit:contain;width:100%;height:100%;display:block}.thumb-placeholder{width:100%;height:100%;font-family:var(--mono);letter-spacing:.05em;text-align:center;border:1px solid #262626;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:clamp(7px,1vw,11px);line-height:1.5;display:flex}.thumb-placeholder span:last-child{color:var(--muted);font-size:9px}.tile-caption{justify-content:space-between;gap:8px;padding-top:9px;font-size:9px;display:flex}.tile-caption span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-tile:hover .card-thumb img{transform:scale(1.025)}.card-thumb img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.empty-state{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;margin:clamp(60px,18vh,180px) auto;font-size:13px;display:flex}.empty-state[hidden]{display:none}.empty-state span:first-child{color:var(--ink);letter-spacing:-.03em;font-size:18px}.empty-state code{color:var(--ink);font-family:var(--mono);font-size:11px}.site-footer{border-top:1px solid var(--line);min-height:45px;font-size:9px}.viewer-screen{--logo-zone:92px;--viewer-inset:calc(var(--logo-zone) + 70px);flex-direction:column;padding:0 clamp(16px,4vw,52px);display:flex}.viewer-screen[hidden],.overview-screen[hidden]{display:none}.viewer-header{z-index:3;min-height:70px;margin-top:var(--logo-zone);position:relative}.icon-button,.viewer-arrow{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.back-button{width:44px;height:44px;margin-left:-12px;font-size:21px}.viewer-position{color:var(--muted)}.outbound-link{align-items:center;gap:6px;min-height:42px;font-size:9px;display:flex}.outbound-link[hidden]{visibility:hidden}.viewer-stage{margin-top:calc(-1 * var(--viewer-inset));isolation:isolate;touch-action:pan-y;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.card-frame{z-index:2;top:calc(50% + var(--viewer-inset) / 2);aspect-ratio:63/88;touch-action:none;outline:none;width:min(78vw,420px,71.5909svh - 186.136px);position:absolute;left:50%}.viewer-stage.is-zoomed .card-frame{cursor:grab}.viewer-stage.is-zoomed .card-frame:active{cursor:grabbing}#card-canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-arrow{z-index:2;width:42px;height:52px;color:var(--muted);font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.viewer-arrow:hover:not(:disabled){color:var(--ink)}.viewer-arrow:disabled{cursor:default;opacity:.2}.viewer-arrow-prev{left:0}.viewer-arrow-next{right:0}.viewer-error{z-index:3;color:#ff8a78;text-align:center;margin:0;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px}.viewer-error[hidden]{display:none}.viewer-footer{border-top:1px solid var(--line);min-height:60px;font-size:9px}.viewer-tools{align-items:center;gap:clamp(10px,2vw,20px);display:flex}.viewer-tool{color:var(--ink);cursor:pointer;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0;padding:8px 0;font-size:9px}.viewer-tool[hidden]{display:none}.viewer-hint{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:9px}.transition-ghost{z-index:20;background:var(--paper);border-radius:8px;overflow:hidden}.transition-ghost img{object-fit:contain;width:100%;height:100%;display:block}.transition-ghost .thumb-placeholder{font-size:10px}@media (width>=720px){.overview-content{padding-top:clamp(56px,9vh,100px)}.overview-heading{margin-bottom:44px}.viewer-arrow-prev{left:max(4vw,50vw - 450px)}.viewer-arrow-next{right:max(4vw,50vw - 450px)}}@media (width<=719px){.card-frame{width:min(72vw,71.5909svh - 186.136px)}.viewer-arrow{display:none}}@media (width<=480px){.viewer-tools{gap:10px}.viewer-hint{text-align:right;max-width:92px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}