/* September edition: readable content first, optional motion. */
.has-scroll-clip .scroll-clip { opacity:1; transform:none; }
.site-nav a:hover,.site-nav a:focus-visible { color:var(--ink); }
.main { display:flex; flex-direction:column; min-width:0; }
.main__title { order:0; padding-bottom:24px; }
.zagony-lab { order:1; padding-top:20px; padding-bottom:40px; }
.main__text { order:2; }
.about-band { order:3; }
.gallery { order:4; }
.releases { order:5; }
.booking { order:6; }
.faq { order:7; }
.poster-gen { order:8; }
.guestbook { order:9; }
.lab-copy h2 { font-size:clamp(36px,4vw,58px); line-height:1; }
.lab-copy p { margin:12px 0; }
.lab-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
.game-clock { display:block; margin:12px 0; color:var(--acid); font:700 14px monospace; }
.lab-scene { min-height:360px; }
.lab-object--amp { background:repeating-linear-gradient(0deg,#242424 0 3px,#454545 3px 4px); border:6px solid #111; box-shadow:3px 6px 0 #000; }
.lab-object--amp::before { content:'● ● ●'; position:absolute; top:4px; color:var(--acid); }
.lab-object--drum { border:6px double var(--paper); background:radial-gradient(circle,#29252c 58%,#999 60%,#161616 66%); }
.lab-object--mic { border-radius:40% 40% 8% 8%; background:repeating-linear-gradient(0deg,#777 0 2px,#222 2px 5px); }
.lab-object--record { background:repeating-radial-gradient(circle,#161616 0 3px,#343434 3px 4px); border:10px solid #151515; }
.lab-object.is-target { background:var(--acid); color:var(--ink); }
.release-shelf { display:flex; overflow-x:auto; scroll-snap-type:x proximity; gap:18px; padding:16px 8px 24px; }
.release-shelf .release-item { flex:0 0 260px; min-height:200px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; scroll-snap-align:start; transform:none !important; }
.release-shelf .release-item:first-child { border-color:var(--acid); background:rgba(215,255,63,.12); }
.release-shelf .release-item strong { font-size:24px; }
.release-shelf .release-item:hover { background:var(--acid); }
@media(max-width:760px) {
 .lab-grid { grid-template-columns:1fr; gap:20px; }
 .lab-scene { grid-row:1; min-height:310px; }
 .main__title p { font-size:16px; margin:16px 0; }
 .main__title h1 { font-size:7.6vw; }
 .lab-copy h2 { font-size:38px; }
 .release-shelf .release-item { flex-basis:85%; }
 .photo-grid img { border-bottom:6px solid var(--acid); }
}
.release-cover { width:100%; height:auto; aspect-ratio:1; object-fit:cover; display:block; margin-bottom:16px; }
.release-shelf .release-item { gap:12px; padding:14px; }
.release-shelf .release-item strong { font-size:20px; line-height:1.2; }
.lab-scene::after { content:'НАЖМИ НА ИНСТРУМЕНТ'; font-size:10px; }
.lab-surface { background:linear-gradient(120deg,rgba(12,12,11,.5),rgba(34,16,48,.8)),url('/images/punk-rock-gruppa-zagony__.webp') center/cover; }
@media(min-width:1000px) {
 .main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 32px; }
 .main > * { grid-column:1 / -1; }
 .main > .main__title { grid-column:1; align-self:start; padding-top:32px; }
 .main > .zagony-lab { grid-column:2; border-top:0; padding-top:24px; }
 .main__title h1 { font-size:clamp(26px,3.55vw,49px); letter-spacing:-.055em; }
 .main__title p { font-size:18px; }
 .lab-grid { display:flex; flex-direction:column-reverse; gap:22px; }
 .lab-scene { width:100%; min-height:300px; }
 .lab-copy h2 { font-size:34px; }
 .lab-copy p { font-size:14px; }
 .lab-copy { display:block; }
 .lab-phrase { margin-left:12px; }
}