/* Abstract light study: only the collection heading composition changes. */
.collection-accordion .collection-heading{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto;gap:16px 48px;align-items:start;padding-right:clamp(48px,9vw,120px)}
.collection-accordion .collection-heading h1{grid-column:1;align-self:end}
.collection-accordion .collection-heading>p{grid-column:1}
.collection-accordion .collection-light{grid-column:2;grid-row:1/3;align-self:center;width:100%;aspect-ratio:3/2;pointer-events:none;user-select:none}
.collection-accordion .collection-light img{display:block;width:100%;height:100%;object-fit:contain}
.collection-accordion .collection-light{position:relative}
.collection-light.sand-ready{pointer-events:auto;touch-action:pan-y}
.collection-light.sand-ready>img{opacity:.22}
.collection-light .sand-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.teleport-stage .collection-light>img,.route-ghost .collection-light>img{opacity:1}
.teleport-stage .sand-canvas,.route-ghost .sand-canvas{display:none}
@media(prefers-reduced-motion:reduce){
 .collection-light.sand-ready>img{opacity:1}
 .collection-light .sand-canvas{display:none}
}
@media print{
 .collection-light.sand-ready>img{opacity:1}
 .collection-light .sand-canvas{display:none}
}
@media(max-width:800px){
 .collection-accordion .collection-heading{grid-template-columns:minmax(0,1fr) 200px;gap:16px 24px;padding-right:40px}
 .collection-accordion .collection-heading>p{margin-top:0}
}
@media(max-width:560px){
 .collection-accordion .collection-heading{grid-template-columns:minmax(0,1fr) clamp(96px,28vw,140px);column-gap:16px;padding-right:12px}
 .collection-accordion .collection-heading h1{align-self:center}
 .collection-accordion .collection-heading>p{grid-column:1/3;max-width:32ch}
 .collection-accordion .collection-light{grid-row:1}
}