/* Mini-groups: approved mobile composition, whole scene and live title. */
@media(max-width:650px){
 .collections-page .col-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 14px;aspect-ratio:auto}
 .collections-page .col-hero-copy{display:contents}
 .collections-page .col-hero-copy>p:first-child{grid-column:1;grid-row:1;margin:0}
 .collections-page .col-hero .editorial-label{font-size:11px;line-height:1.4;padding:8px 10px;gap:8px;max-width:100%}
 .collections-page .col-hero .editorial-label>.art{width:24px;height:24px;flex:none}
 .collections-page .col-hero-picture{grid-column:1;grid-row:2;align-self:center;position:relative;inset:auto;height:auto;min-height:0;width:100%;aspect-ratio:2;border-radius:15px;margin:0;z-index:0}
 .collections-page .col-hero-picture img{width:100%;height:100%;object-fit:contain}
 .collections-page .col-hero-copy h1,
 :root[data-theme=light] .collections-page .col-hero-copy h1{grid-column:1;grid-row:2;align-self:start;justify-self:start;z-index:2;width:40%;max-width:none;padding:6px 0 0 12px;margin:0;font-size:clamp(16.5px,4.7vw,27px);line-height:1.06;letter-spacing:-.018em;color:#fff1d7;text-shadow:0 1px 5px #00150f80}
 .collections-page .col-hero-copy h1>span,
 :root[data-theme=light] .collections-page .col-hero-copy h1>span{color:#ffd18e;margin-top:6px}
 .collections-page .col-hero-copy .col-lead{grid-column:1;grid-row:3;font-size:15px;line-height:1.7;margin:0;max-width:none}
 .collections-page .col-hero .col-actions{grid-column:1;grid-row:4;gap:10px;margin:0}
}