.collection{overflow:hidden;background:radial-gradient(circle at 50% 44%,#242219 0,#111310 54%)}
.collection .wrap{width:min(1440px,calc(100% - 48px))}
.collection-heading{position:relative;z-index:2}
.collection-toolbar{justify-content:flex-start;flex-wrap:wrap}
#collection-count{margin-left:auto}
.carousel-controls{display:flex;align-items:center;gap:8px;margin-left:12px}
.carousel-controls button{border:1px solid #66604e;color:#f0d38e;background:#151712;cursor:pointer;height:42px;padding:0 15px;font:11px Arial,sans-serif;letter-spacing:.04em;transition:background .25s,color .25s,border-color .25s}
.carousel-controls button:hover{background:#dec078;color:#111;border-color:#dec078}
.carousel-prev,.carousel-next{width:42px;padding:0!important;border-radius:50%;font-size:18px!important}
.carousel-play{border-radius:24px}
.carousel-controls button:disabled{opacity:.35;cursor:default}
.carousel-position{min-width:52px;text-align:center;color:#c6b17d;font:11px monospace}
.collection-grid,.collection-grid.is-filtered{--slide-w:clamp(280px,32vw,440px);display:flex;gap:clamp(18px,3vw,46px);overflow-x:auto;position:relative;margin-inline:calc(50% - 50vw);padding:30px calc((100vw - var(--slide-w))/2) 44px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
.collection-grid::-webkit-scrollbar{display:none}
.collection-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.collection-grid .collection-piece,.collection-grid .collection-piece:first-child{position:relative;display:block;flex:0 0 var(--slide-w);grid-column:auto;grid-row:auto;scroll-snap-align:center;color:#fff;opacity:.34;transform:scale(.88);filter:saturate(.68);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.8,.24,1),filter .65s ease}
.collection-grid .collection-piece.is-active{opacity:1;transform:scale(1);filter:saturate(1)}
.collection-grid .collection-piece[hidden]{display:none}
.collection-grid .collection-piece .collection-image,.collection-grid .collection-piece:first-child .collection-image{aspect-ratio:4/5;min-height:0;background:#ddd5c4;border:1px solid #4b4638;border-radius:2px;box-shadow:0 32px 70px #0008;overflow:hidden}
.collection-grid .collection-piece:nth-child(even){padding-top:0}
.collection-image::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#090a08e8);pointer-events:none}
.collection-image img{object-fit:cover;transform:scale(1.02);transition:transform 1.1s cubic-bezier(.22,.8,.24,1)}
.collection-piece.is-active .collection-image img{transform:scale(1)}
.collection-caption{position:absolute;z-index:2;left:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px);bottom:clamp(22px,3vw,40px);padding:0;align-items:end}
.collection-caption small{color:#dbc27f;margin-bottom:9px}
.collection-caption strong{display:block;font:400 clamp(22px,3vw,38px)/1.05 Georgia,serif;letter-spacing:-.025em;max-width:80%}
.piece-number{font-size:clamp(26px,4vw,58px);line-height:.8;color:#ffffff52}
.collection-expand{z-index:3;top:18px;right:18px;bottom:auto;background:#0c0e0abf;backdrop-filter:blur(8px);transition:transform .25s,background .25s}
.collection-piece:hover .collection-expand{transform:rotate(45deg);background:#c4a85f;color:#111}
.carousel-index{display:flex;align-items:stretch;border-top:1px solid #39372e;border-bottom:1px solid #39372e;overflow-x:auto;scrollbar-width:none}
.carousel-index::-webkit-scrollbar{display:none}
.carousel-index button{position:relative;min-width:170px;flex:1;border:0;border-right:1px solid #39372e;background:transparent;color:#777d71;text-align:left;padding:16px 18px 18px;cursor:pointer;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;transition:color .3s,background .3s}
.carousel-index button::before{content:"";position:absolute;left:0;right:100%;top:-1px;height:2px;background:#d1b776;transition:right .45s cubic-bezier(.22,.8,.24,1)}
.carousel-index button span{display:block;color:#b6a77d;font:10px monospace;margin-bottom:7px}
.carousel-index button[aria-current=true]{color:#f7f3e9;background:#191b16}
.carousel-index button[aria-current=true]::before{right:0}
.carousel-index button[hidden]{display:none}
.collection-note{margin-top:28px}
.collection-grid:focus-visible{outline-offset:-4px}
@media(max-width:760px){
 .collection .wrap{width:calc(100% - 32px)}
 .collection-grid,.collection-grid.is-filtered{--slide-w:82vw;gap:16px;margin-inline:-16px;padding-inline:calc((100vw - var(--slide-w))/2)}
 .collection-grid .collection-piece,.collection-grid .collection-piece:first-child{transform:scale(.93)}
 .collection-grid .collection-piece.is-active{transform:scale(1)}
 .collection-toolbar{gap:12px}
 #collection-count{margin-left:0}
 .carousel-controls{width:100%;margin:4px 0 0}
 .carousel-play{margin-left:auto}
 .carousel-index{margin-inline:-16px;padding-left:16px}
 .carousel-index button{min-width:145px}
}
@media(prefers-reduced-motion:reduce){.collection-grid .collection-piece,.collection-image img,.carousel-index button::before{transition:none}}