/* An image cabinet, with the original paper cutouts doing the talking. */
.index-modes .index-stickers-link{font:12px var(--mono);padding:18px 0;min-height:44px;display:flex;align-items:center;position:relative;text-decoration:none;white-space:nowrap}
.index-modes .index-stickers-link:hover::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--signal)}
.record-header .atlas-sticker-door{display:inline-block}
.sticker-cabinet{--cabinet-paper:#f1eee5;--cabinet-ink:#181916;--cabinet-acid:#e3ff31;--cabinet-line:#bdbcb1;padding:0 var(--gutter);color:var(--ink)}
.sticker-cabinet [hidden]{display:none!important}
.sticker-breadcrumb{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start;border-bottom:1px solid var(--ink);padding:24px 0 18px;line-height:1.6}
.sticker-breadcrumb>span:last-child{margin-left:auto}
.sticker-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:560px;align-items:center;gap:24px;padding:50px 0 62px}
.sticker-opening-copy{position:relative;z-index:1}
.sticker-opening-copy>.micro{margin:0 0 30px}
.sticker-opening h1{font-size:clamp(54px,7.4vw,128px);letter-spacing:-.065em;line-height:.91;font-weight:500;margin:0 0 30px;overflow-wrap:normal}
.sticker-opening h1 em{font-style:normal;color:var(--signal)}
.sticker-opening-line{font-size:clamp(16px,1.6vw,22px);line-height:1.35;margin:0 0 28px;letter-spacing:-.02em}
.sticker-opening-enter{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid currentColor}
.sticker-opening-assemblage{height:470px;position:relative;isolation:isolate}
.sticker-opening-assemblage::before{content:"";position:absolute;inset:7% 6% 4% 10%;border:1px solid var(--ink);border-radius:50%;rotate:-17deg}
.sticker-opening-art{position:absolute;object-fit:contain;width:48%;height:48%;filter:drop-shadow(0 3px 1px #0002)}
.sticker-opening-art-0{left:4%;top:2%;rotate:-18deg;z-index:2}
.sticker-opening-art-1{left:48%;top:-2%;rotate:15deg}
.sticker-opening-art-2{left:26%;top:25%;width:50%;height:50%;rotate:-10deg;z-index:3}
.sticker-opening-art-3{left:-5%;top:40%;rotate:17deg;z-index:4}
.sticker-opening-art-4{left:50%;top:43%;rotate:9deg;z-index:2}
.sticker-opening-art-5{left:26%;top:64%;width:35%;height:35%;rotate:-16deg;z-index:4}
.sticker-opening-seal{position:absolute;right:2%;top:34%;display:grid;place-content:center;text-align:center;border-radius:50%;width:78px;height:78px;background:var(--cabinet-acid);color:var(--cabinet-ink);font:27px/1.1 var(--mono);rotate:14deg;z-index:5}
.sticker-opening-seal small{font:8px/1.5 var(--mono);letter-spacing:.04em}
.sticker-collection{scroll-margin-top:24px}
.sticker-toolbar{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto auto;align-items:end;gap:24px;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sticker-toolbar label{font:10px/1.4 var(--mono);letter-spacing:.04em;display:grid;gap:9px;min-width:0}
.sticker-toolbar input,.sticker-toolbar select{width:100%;min-width:0;min-height:44px;background:transparent;color:inherit;border:1px solid var(--ink);padding:10px 12px;border-radius:0;font:13px/1.4 var(--mono)}
.sticker-toolbar select option,.sticker-toolbar select optgroup{background:var(--paper);color:var(--ink)}
.sticker-toolbar>button{font:12px var(--mono);min-height:44px;text-align:left;padding:10px 0}
.sticker-toolbar>p{font-variant-numeric:tabular-nums;white-space:nowrap;min-height:44px;display:flex;align-items:center;margin:0}
.sticker-cabinet-rule{display:flex;justify-content:space-between;gap:24px;padding:20px 0;font-size:9px;line-height:1.5}
.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--paper);border:1px solid var(--cabinet-line)}
.sticker-card{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--cabinet-paper);color:var(--cabinet-ink);padding:14px 14px 15px;box-shadow:0 0 0 1px var(--cabinet-line)}
.sticker-card:nth-child(12n+3),.sticker-card:nth-child(12n+4),.sticker-card:nth-child(12n+9),.sticker-card:nth-child(12n+10){background:var(--cabinet-ink);color:var(--cabinet-paper)}
.sticker-card-art{width:100%;aspect-ratio:1;display:block;position:relative;text-decoration:none;isolation:isolate}
.sticker-card-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 300ms cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 2px 1px #0002)}
.sticker-card-art:hover img,.sticker-card-art:focus-visible img{transform:rotate(-4deg) scale(1.035)}
.sticker-card-caption{display:flex;align-items:baseline;gap:12px;padding:7px 1px 0;min-width:0}
.sticker-card-number{font:10px/1.4 var(--mono);opacity:.6;flex-shrink:0;font-variant-numeric:tabular-nums}
.sticker-card-caption h2{font-size:12px;font-weight:500;line-height:1.35;letter-spacing:-.01em;margin:0;overflow-wrap:anywhere}
.sticker-card[data-image-error] .sticker-card-art img{visibility:hidden}
.sticker-card[data-image-error] .sticker-card-art::after{content:"";position:absolute;inset:24%;border:1px dashed currentColor;border-radius:48% 51% 43% 49%;opacity:.35;rotate:-12deg}
.sticker-card-retry{position:absolute;top:calc(50% - 18px);left:0;width:100%;min-height:44px;text-align:center;font:11px var(--mono);z-index:1}
.sticker-empty{text-align:center;padding:70px 15px;font-size:20px;line-height:1.4}
.sticker-cabinet-exit{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:32px;padding:60px 0 80px;border-bottom:1px solid var(--ink);margin-bottom:50px}
.sticker-cabinet-exit p{font-size:clamp(36px,5vw,68px);line-height:.96;letter-spacing:-.055em;margin:0}
.sticker-cabinet-exit a{min-height:44px;display:flex;align-items:end;line-height:1.8}
.sticker-detail{width:min(900px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--cabinet-ink);background:var(--cabinet-paper);color:var(--cabinet-ink);overflow:auto;overscroll-behavior:contain}
.sticker-detail::backdrop{background:#181916a8}
.sticker-detail-top{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;border-bottom:1px solid var(--cabinet-line);gap:20px}
.sticker-detail-top button{min-height:44px;font:12px var(--mono);color:inherit}
.sticker-detail-art{position:relative;display:grid;place-items:center;height:min(58dvh,570px);min-height:180px;padding:0 20px}
.sticker-detail-art img{display:block;object-fit:contain;width:100%;height:100%;max-height:min(58dvh,570px)}
.sticker-detail-art>p{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;gap:12px;padding:20px;text-align:center;font-size:14px}
.sticker-detail-art>p button{min-height:44px;text-decoration:underline;color:inherit}
.sticker-detail-copy{padding:0 26px 20px;text-align:center}
.sticker-detail-copy h2{font-size:clamp(25px,4vw,42px);line-height:1.05;letter-spacing:-.04em;font-weight:500;margin:0 0 12px;overflow-wrap:anywhere}
.sticker-detail-copy p{font-size:9px;line-height:1.6;margin:0}
.sticker-detail-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cabinet-line);padding:0 15px;gap:16px}
.sticker-detail-bottom button{width:54px;min-height:50px;font-size:26px;color:inherit}
.sticker-detail-bottom>span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}
.sticker-cabinet a:focus-visible,.sticker-cabinet button:focus-visible,.sticker-cabinet input:focus-visible,.sticker-cabinet select:focus-visible{outline:3px solid #2446ff;outline-offset:4px}
@media(min-width:1051px){.sticker-grid:not(:has(.sticker-card[hidden]))>.sticker-card:nth-last-child(-n+2){grid-column:span 2}.sticker-grid:not(:has(.sticker-card[hidden]))>.sticker-card:nth-last-child(-n+2) .sticker-card-art{max-width:400px;align-self:center}}
@media(max-width:1050px){.sticker-opening{min-height:470px}.sticker-opening-assemblage{height:390px}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-toolbar{gap:16px}.sticker-cabinet-exit{gap:24px}.sticker-cabinet-exit a{font-size:9px}}
@media(max-width:700px){.index-modes .index-stickers-link{font-size:11px}.sticker-breadcrumb{font-size:9px;gap:14px;padding-top:20px}.sticker-opening{grid-template-columns:1fr;gap:4px;padding:38px 0 30px;min-height:0}.sticker-opening-copy>.micro{margin-bottom:22px}.sticker-opening h1{font-size:clamp(49px,11.7vw,80px);margin-bottom:20px}.sticker-opening-line{font-size:16px;margin-bottom:10px}.sticker-opening-assemblage{height:clamp(300px,83vw,430px);margin:0 10px}.sticker-opening-seal{width:65px;height:65px;font-size:23px}.sticker-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:16px 12px;padding:20px 0}.sticker-toolbar>label{grid-column:1/-1}.sticker-toolbar>p{justify-content:end}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-card{padding:5px 8px 12px}.sticker-card-caption{gap:7px;padding-top:4px;align-items:baseline}.sticker-card-caption h2{font-size:11px}.sticker-card-number{font-size:9px}.sticker-cabinet-rule{font-size:8px;gap:16px}.sticker-cabinet-rule>span:last-child{max-width:18ch;text-align:right}.sticker-cabinet-exit{grid-template-columns:1fr 1fr;gap:22px 14px;padding:40px 0 40px;margin-bottom:30px}.sticker-cabinet-exit p{grid-column:1/-1;font-size:44px}.sticker-cabinet-exit a{align-items:center;font-size:9px}.sticker-detail-top{padding:5px 14px}.sticker-detail-copy{padding:0 15px 20px}.sticker-detail-art{height:min(47dvh,410px)}.sticker-detail-art img{max-height:min(47dvh,410px)}.sticker-detail-copy p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sticker-card-art img{transition:none}.sticker-card-art:hover img,.sticker-card-art:focus-visible img{transform:none}}
