.collection-opening{min-height:100vh;background:#191919;color:#fff;font-family:var(--sans);padding: max(144px,11.111111vw) var(--page-inset-right) 80px var(--page-inset-left)}
.collection-intro{display:grid;min-height:12.638889vw;grid-template-columns:minmax(0,575fr) minmax(0,615fr);column-gap:10.555556vw;align-items:start;animation:collection-fade-in 900ms ease-out both}
.collection-heading h1{display:flex;align-items:center;height:6.944444vw;margin:0;font-size:8.888889vw;font-weight:700;line-height:normal;letter-spacing:-.355556vw;white-space:nowrap}
.collection-subtitle{margin:1.041667vw .208333vw 0 0;font-size:3.333333vw;font-style:italic;font-weight:300;line-height:4.444444vw;letter-spacing:-.133333vw;text-align:right;white-space:nowrap}
.collection-description{margin:0;font-size:2.916667vw;font-weight:300;line-height:3.055556vw;letter-spacing:-.116667vw}
@keyframes collection-fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:700px){
  .collection-opening{padding:144px var(--page-inset-right) 60px var(--page-inset-left)}
  .collection-intro{min-height:0;grid-template-columns:1fr;gap:36px}
  .collection-heading h1{height:auto;font-size:clamp(48px,11.5vw,80px);letter-spacing:-.04em}
  .collection-subtitle{margin:8px 0 0;font-size:clamp(21px,4.5vw,32px);line-height:1.25;letter-spacing:-.04em;text-align:left}
  .collection-description{font-size:clamp(22px,4.6vw,30px);line-height:1.1;letter-spacing:-.04em}
  .collection-description br{display:none}
}
@media(prefers-reduced-motion:reduce){.collection-intro{animation:none}}

.collection-category-bar{--category-scale:1;position:relative;height:calc(99px * var(--category-scale));margin-top:max(40px,5.694444vw);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;isolation:isolate}
.collection-category-bar.is-dragging{cursor:grabbing}
.collection-category-ruler{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.category-line{position:absolute;left:0;right:0;height:1px}
.category-line-top{top:0}.category-line-bottom{bottom:0}
.category-line>img{display:block;max-width:none;transform:scaleX(var(--category-line-scale));transform-origin:left center;opacity:.6}
.category-tick{position:absolute;top:0;left:calc(50% + var(--tick-x) * var(--category-scale));width:1px;height:calc(99px * var(--category-scale));opacity:.6}
.category-tick>img{display:block;max-width:none;transform:scaleY(var(--category-scale));transform-origin:top center}
.collection-category-viewport{position:absolute;inset:0;overflow:hidden}
.collection-category-track{position:absolute;top:0;bottom:0;left:calc(-1 * var(--page-inset-left));right:calc(-1 * var(--page-inset-right));will-change:transform}
.collection-category{position:absolute;left:calc(50% + var(--category-x) * var(--category-scale));top:calc(15.26px * var(--category-scale));height:67px;width:max-content;max-width:none;padding:0;margin:0;transform:translateX(-50%) scale(var(--category-scale));transform-origin:top center;line-height:68px;font-size:42px;font-weight:400;letter-spacing:-.04em;white-space:nowrap;opacity:.5;cursor:inherit;color:#fff}
.collection-category[data-category-index="2"]{font-size:50px;font-weight:400;opacity:1}
@media(max-width:700px){.collection-category-bar{margin-top:60px}}

.collection-sort-toolbar{--sort-scale:1;position:relative;height:calc(67px * var(--sort-scale));margin-top:2.777778vw;z-index:2}
.collection-sort{position:absolute;right:0;top:0;width:347px;background:#171717;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.5);transition:border-color 160ms ease;transform:scale(var(--sort-scale));transform-origin:top right}
.collection-sort-trigger,.collection-sort-option{display:flex;align-items:center;width:100%;height:67px;box-sizing:border-box;margin:0;padding:0 20px;background:#171717;color:rgba(255,255,255,.5);font-family:var(--sans);font-size:36px;font-weight:400;line-height:68px;letter-spacing:-1.44px;text-align:left;cursor:pointer;transition:background-color 160ms ease,color 160ms ease}
.collection-sort-trigger{position:relative;list-style:none;height:65px}
.collection-sort-trigger::-webkit-details-marker{display:none}
.collection-sort-options{border-top:1px solid rgba(255,255,255,.5)}
.collection-sort-option+.collection-sort-option{border-top:1px solid rgba(255,255,255,.5)}
.collection-sort-icon{position:absolute;right:29px;top:50%;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;opacity:.5;transition:opacity 160ms ease}
.collection-sort-icon>img{position:absolute;display:block;max-width:none}
.sort-horizontal{left:0;top:9.5px}.sort-vertical{left:9.5px;top:0}
.collection-sort[open] .sort-vertical{visibility:hidden}
@media(hover:hover){.collection-sort:hover{border-color:#fff}.collection-sort-trigger:hover,.collection-sort-option:hover{background:#FBFF00;color:#191919}.collection-sort-trigger:hover .collection-sort-icon{opacity:1;filter:brightness(0) invert(.0980392)}}
.collection-sort-trigger:focus-visible,.collection-sort-option:focus-visible{background:#FBFF00;color:#191919;outline:2px solid #fff;outline-offset:3px}
.collection-sort-trigger:focus-visible .collection-sort-icon{opacity:1;filter:brightness(0) invert(.0980392)}
@media(max-width:700px){.collection-sort-toolbar{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.collection-sort-trigger,.collection-sort-option{transition:none}}

.collection-gallery{margin-top:2.430556vw;width:100%}
.collection-masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:start}
.collection-masonry-column{min-width:0;display:flex;flex-direction:column;gap:0}
.collection-asset{position:relative;container-type:inline-size;display:block;width:100%;margin:0;padding:0;overflow:hidden}
.collection-asset::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 .5px #fff;opacity:.5;transition:opacity 180ms ease}
@media(hover:hover){.collection-asset:hover::after{opacity:1}}
.collection-asset img{display:block;width:100%;height:auto;opacity:1;transition:opacity 220ms ease}
.collection-asset-placeholder{aspect-ratio:var(--asset-ratio)}
@media(max-width:700px){.collection-gallery{margin-top:24px}}

@media(prefers-reduced-motion:reduce){.collection-asset::after{transition:none}}

.collection-asset-caption{position:absolute;left:4.776119%;right:3.880597%;bottom:4.057279%;margin:0;color:#fff;font-family:var(--sans);font-size:14.328358cqw;line-height:1;font-weight:700;letter-spacing:-.04em;opacity:0;pointer-events:none;transition:opacity 220ms ease}
.collection-asset-caption>span{display:block}
@media(hover:hover){.collection-asset:hover img{opacity:.7}.collection-asset:hover .collection-asset-caption{opacity:1}}
@media(prefers-reduced-motion:reduce){.collection-asset img,.collection-asset-caption{transition:none}}

/* Keep the shared navigation opaque while collection content scrolls beneath it. */
.collection-page .header{position:fixed;inset:0 0 auto;height:100px;background:#191919;z-index:20}
@media(max-width:700px){.collection-page .header{height:120px}}

/* Fade the rolling labels and ruler toward both outer edges. */
.collection-category-viewport,.collection-category-ruler{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 6%,rgba(0,0,0,.6) 17%,#000 34%,#000 66%,rgba(0,0,0,.6) 83%,rgba(0,0,0,.18) 94%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 6%,rgba(0,0,0,.6) 17%,#000 34%,#000 66%,rgba(0,0,0,.6) 83%,rgba(0,0,0,.18) 94%,transparent 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
}

.collection-asset[data-collection-asset]{cursor:pointer}
.collection-asset[data-collection-asset]:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.collection-asset[data-collection-asset]:focus-visible::after{opacity:1}
.collection-asset[data-collection-asset]:focus-visible img{opacity:.7}
.collection-asset[data-collection-asset]:focus-visible .collection-asset-caption{opacity:1}
.collection-detail-open{overflow:hidden}
.collection-detail{--detail-scale:1;position:fixed;inset:0;margin:auto;padding:0;border:0;width:calc(1343px * var(--detail-scale));height:calc(930px * var(--detail-scale));max-width:none;max-height:none;overflow:hidden;background:#191919;color:#fff;font-family:var(--sans)}
.collection-detail::backdrop{background:rgba(0,0,0,.4)}
.collection-detail-canvas{position:relative;width:1343px;height:930px;border:1px solid rgba(255,255,255,.7);background:#191919;transform:scale(var(--detail-scale));transform-origin:top left}
.collection-detail-image{position:absolute;left:33px;top:33px;width:692px;height:865px;object-fit:contain}
.collection-detail-copy{position:absolute;left:764px;top:0;width:562px;height:930px}
.collection-detail h2{position:absolute;left:0;top:58px;width:550px;margin:0;font-size:var(--detail-title-size,64px);line-height:60px;letter-spacing:-2.56px;font-weight:700}
.collection-detail-date{position:absolute;left:0;top:219px;width:562px;margin:0;font-size:48px;line-height:48px;letter-spacing:-1.92px;font-weight:400}
.collection-detail-description{position:absolute;left:0;top:349px;width:550px;margin:0;font-size:32px;line-height:36px;letter-spacing:-1.28px;font-weight:300}
.collection-detail-tags{position:absolute;left:0;top:609px;width:550px;display:flex;flex-wrap:wrap;gap:12px 18px}
.collection-detail-tags>span{display:flex;align-items:center;height:58px;border:1px solid #fff;border-radius:29px;padding:0 27px;background:#171717;font-size:32px;line-height:36px;letter-spacing:-1.28px;white-space:nowrap}
.collection-detail-credit{position:absolute;left:0;bottom:48px;width:550px;margin:0;font-size:24px;line-height:36px;letter-spacing:-.96px;font-weight:300}
.collection-detail-close{position:absolute;left:1271px;top:15px;display:grid;place-items:center;width:55.5px;height:55.5px;color:#fff}
.collection-detail-close>img{display:block;max-width:none;transform:rotate(-45deg);pointer-events:none}
.collection-detail-close:hover{opacity:.7}

.collection-detail-tags>.collection-detail-tag{display:flex;align-items:center;height:58px;border:1px solid #fff;border-radius:29px;padding:0 27px;background:#171717;color:#fff;font-size:32px;line-height:36px;letter-spacing:-1.28px;white-space:nowrap;transition:background-color 180ms ease,color 180ms ease}
@media(hover:hover){.collection-detail-tag:hover{background:#fff;color:#191919}}
.collection-detail-tag:focus-visible{background:#fff;color:#191919;outline:2px solid #fff;outline-offset:3px}
.collection-tag-page{min-height:100vh;padding:max(124px,8.611111vw) var(--page-inset-right) 80px var(--page-inset-left);background:#191919;color:#fff;font-family:var(--sans)}
.collection-back{position:relative;display:flex;align-items:center;height:6.875vw;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);padding-left:5.763889vw;font-size:3.472222vw;line-height:4.722222vw;letter-spacing:-.138889vw}
.collection-back-icon{position:absolute;left:1.388889vw;top:50%;width:38.2474px;height:36.7433px;transform:translateY(-50%) scale(var(--back-scale,1));transform-origin:left center}
.collection-back-icon>img{display:block;max-width:none}
.collection-back:hover{color:#bfbfbf}
.collection-tag-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;height:4.930556vw;margin-top:2.222222vw}
.collection-tag-heading h1{padding-top:.416667vw;margin:0;font-size:4.444444vw;line-height:3.333333vw;letter-spacing:-.177778vw;font-weight:700}
.collection-tag-heading p{margin:0;font-size:3.333333vw;line-height:3.333333vw;letter-spacing:-.133333vw;white-space:nowrap}
.collection-tag-page .collection-gallery{margin-top:1.805556vw}
@media(max-width:700px){.collection-tag-page{padding-top:144px}.collection-back{height:60px;padding-left:44px;font-size:24px;line-height:1.2;letter-spacing:-.04em}.collection-back-icon{left:6px;transform:translateY(-50%) scale(.65)}.collection-tag-heading{height:auto;min-height:44px;margin-top:24px;align-items:center}.collection-tag-heading h1{font-size:clamp(22px,4.444444vw,32px);line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}.collection-tag-heading p{font-size:20px;line-height:1.2;letter-spacing:-.04em}.collection-tag-page .collection-gallery{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.collection-detail-tag{transition:none}}


/* Imported metadata uses the existing card/modal slots without fixed tag widths. */
.collection-detail-tags>.collection-detail-tag{max-width:100%;overflow-wrap:anywhere;white-space:normal;height:auto;min-height:58px}
.collection-detail-credit>span,.collection-detail-credit>a{display:block}
.collection-detail-credit>a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.collection-result-status{margin:20px 0 0;color:#808080;font-size:16px;font-weight:300}
.collection-empty{margin:0;padding:48px 0;color:#808080;font-size:24px;font-weight:300}
@media(max-width:700px){
 .collection-detail{width:calc(100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);overflow:auto}
 .collection-detail-canvas{width:100%;height:auto;min-height:0;padding:48px 16px 24px;transform:none;display:flex;flex-direction:column;gap:24px}
 .collection-detail-image{position:static;width:100%;height:auto;max-height:44dvh;object-fit:contain}
 .collection-detail-copy{position:static;width:100%;height:auto;display:flex;flex-direction:column;gap:20px}
 .collection-detail h2{position:static;width:100%;font-size:28px;line-height:1.05;letter-spacing:-.04em}
 .collection-detail-date{position:static;width:100%;font-size:22px;line-height:1.1;letter-spacing:-.04em}
 .collection-detail-description{position:static;width:100%;font-size:18px;line-height:1.3;letter-spacing:-.03em}
 .collection-detail-tags{position:static;width:100%;gap:8px}
 .collection-detail-tags>.collection-detail-tag{font-size:16px;line-height:1.2;min-height:36px;border-radius:18px;padding:8px 14px}
 .collection-detail-credit{position:static;width:100%;margin:4px 0 0;font-size:16px;line-height:1.3;letter-spacing:-.03em}
 .collection-detail-close{left:auto;right:4px;top:4px;width:40px;height:40px}
 .collection-detail-close>img{transform:rotate(-45deg) scale(.6)}
 .collection-tag-heading h1{min-width:0}
 .collection-result-status{font-size:14px}
}

.collection-category[aria-pressed="true"]{color:#FBFF00}
