#collections{background:radial-gradient(ellipse at 50% 10%,#25313c 0%,#081923 62%)}
.showcase-invitation{font-size:9px;letter-spacing:3px;color:#c7ad79;margin-top:30px}
#collections .collection-tabs{gap:12px;border:0;margin-top:18px}
#collections .collection-tabs button{position:relative;flex:1;padding:20px 18px;border:1px solid #c7ad793b;transition:background .3s,color .3s,border-color .3s;min-height:70px}
#collections .collection-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#c6aa7326,#c6aa7308);border-color:#c7ad79;color:#f4e1b5}
#collections .collection-tabs button:hover{background:#c6aa7314;color:#f4e1b5}
#collections .collection-stage{border:1px solid #c7ad7970;box-shadow:0 24px 70px #0005;isolation:isolate;min-height:620px}
#collections .collection-stage:after{content:"";position:absolute;inset:10px;border:1px solid #e9d3a23b;pointer-events:none;z-index:3}
#collections .collection-stage>img{view-transition-name:collection-picture}
#collections .collection-panel{view-transition-name:collection-copy;z-index:2;margin-top:160px}
.showcase-caption{position:absolute;z-index:2;left:34px;top:34px;right:34px;color:#fff;text-shadow:0 2px 18px #000;pointer-events:none}
.showcase-caption:before{content:"";position:absolute;z-index:-1;inset:-34px -34px -35px;background:linear-gradient(#03101ee6,transparent)}
.showcase-caption span,.showcase-caption small{display:block;font-size:9px;letter-spacing:3px;color:#ead2a1}
.showcase-caption strong{display:block;font:400 clamp(27px,3vw,43px)/1.2 Georgia,serif;margin:12px 0}
.showcase-sweep{position:absolute;inset:-35%;z-index:4;opacity:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#edcd842e 48%,#fff0cb70 50%,#edcd842e 52%,transparent 65%);transform:translateX(-85%)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(collection-picture),::view-transition-group(collection-copy){animation-duration:.65s}
::view-transition-old(collection-picture){animation:showcase-out .65s ease both}
::view-transition-new(collection-picture){animation:showcase-in .8s cubic-bezier(.2,.7,.2,1) both}
::view-transition-old(collection-copy){animation:showcase-out .25s ease both}
::view-transition-new(collection-copy){animation:showcase-copy .6s .12s ease both}
@keyframes showcase-out{to{opacity:0}}
@keyframes showcase-in{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes showcase-copy{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){#collections .collection-tabs{display:grid;grid-template-columns:1fr 1fr}#collections .collection-tabs button{padding:15px 12px;min-height:75px}#collections .collection-stage{min-height:0}.showcase-caption{top:22px;left:22px;right:22px}.showcase-caption strong{font-size:27px}.showcase-caption span,.showcase-caption small{font-size:8px;letter-spacing:2px}#collections .collection-stage>img{aspect-ratio:4/3}#collections .collection-panel{margin:0;padding:28px;view-transition-name:collection-copy}#collections .collection-stage:after{inset:7px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.showcase-sweep{display:none}#collections .collection-tabs button{transition:none}}