.collection-preview .stage { overflow:clip; }
.collection-preview .collection { left:24%; right:24%; bottom:49px; }
.collection-preview .swatch { height:78px; }
.collection-preview .swatch img { height:108px; top:-22px; left:15%; opacity:.78; mix-blend-mode:screen; transform:rotate(13deg); }
.collection-preview .swatch.active img,.collection-preview .swatch:hover img { opacity:1; transform:rotate(5deg); }
.collection-preview .swatch span { font-family:'Avenir Next',sans-serif; font-size:9px; letter-spacing:1px; }
.collection-preview .swatch.pending { border-color:#9c5362; }
.collection-preview .swatch.pending::after { content:''; position:absolute; width:11px; height:11px; top:8px; right:5px; border:1px solid #6f3543; border-top-color:#ffc1c7; border-radius:50%; animation:spin 1s linear infinite; }
.collection-preview .model-label h3 { letter-spacing:2px; }
.collection-preview .model-label { width:150px; }
.collection-preview .viewer-controls { bottom:196px; }
.collection-preview .interaction-hint { bottom:160px; }
.collection-preview .collection-link { display:block; }
.collection-preview #loading { background:rgba(12,6,10,.8); padding:14px 20px; border:1px solid #542b36; border-radius:4px; z-index:4; }
.collection-preview #loading span { width:16px;height:16px;margin-bottom:10px; }
.collection-preview #loading b { font-size:10px;letter-spacing:1px; }
.collection-preview #model-error { z-index:6; }
.collection-preview #retry-model { margin:15px auto 0; justify-content:center; }
.collection-preview #about-modal .material-panel { position:static; width:100%; transform:none; margin-top:26px; text-align:left; }
.collection-preview #about-modal .material-switch { display:flex; }
.collection-preview #about-modal .material-switch button { flex:1; padding:11px 13px; }
.collection-preview #about-modal .material-panel p { font-size:10px; }
.collection-preview .modal-bottom { gap:12px; }
.collection-preview .modal-bottom button { padding:6px 0; font-size:11px; }
.collection-preview[data-series="shaft"] .swatches { justify-content:center; }
.collection-preview[data-series="shaft"] .swatch { flex:0 0 64px; height:48px; }
.collection-preview[data-series="shaft"] .swatch span { position:static; font-size:12px; }
@media(min-width:1700px) { .collection-preview .collection { left:28%;right:28%; } }
@media(max-width:1100px) { .collection-preview .collection { left:18%;right:18%; } .collection-preview .model-label { width:122px; } }
@media(max-width:680px) {
 .collection-preview .topbar nav { gap:13px; }
 .collection-preview .topbar nav a { font-size:10px; }
 .collection-preview .topbar nav .collection-link { display:block; }
 .collection-preview .intro .explore { position:static; width:fit-content; margin-top:0; }
 .collection-preview .collection { left:6%;right:6%;bottom:49px; }
 .collection-preview .swatches { gap:5px; overflow-x:auto; padding:2px 2px 7px; scrollbar-width:thin; scrollbar-color:#8a3548 transparent; scroll-snap-type:x proximity; overscroll-behavior-x:contain; }
 .collection-preview .swatch { height:73px; flex:0 0 48px; scroll-snap-align:start; }
 .collection-preview .swatch img { height:91px;top:-16px;left:-2%; }
 .collection-preview .swatch span { font-size:8px;letter-spacing:0; }
 .collection-preview .model-label { width:104px; }
 .collection-preview .model-label h3 { font-size:19px; }
 .collection-preview .viewer-controls { bottom:198px; }
 .collection-preview .interaction-hint { bottom:162px; }
 .collection-preview #loading { left:50%;top:48%;transform:translateX(-50%);white-space:nowrap; }
 .collection-preview #about-modal .material-panel { margin-top:20px; }
}

@media(max-width:680px){.collection-preview .chapter h1{text-wrap:balance}}