/* FR Music V10 — photographic editorial composition */
.editorial-photo{position:relative;margin:0;overflow:hidden;border-radius:clamp(22px,2.2vw,34px);border:1px solid var(--theme-line);background:var(--theme-surface);box-shadow:0 24px 65px rgba(28,22,12,.14);isolation:isolate}
.editorial-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(221,182,92,.12),transparent 42%,rgba(0,0,0,.08));mix-blend-mode:multiply}
.editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.editorial-photo:hover img{transform:scale(1.025)}
.editorial-photo figcaption{position:absolute;left:18px;bottom:16px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(15,16,20,.78);backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* Hero: image fills the visual side, planet becomes a branded seal */
.hero-photo-composition{position:relative;min-height:clamp(500px,58vw,720px)!important;display:block!important}
.hero-phone-photo{position:absolute;inset:0 0 0 8%;border-radius:38px;box-shadow:0 35px 90px rgba(25,20,12,.2)}
.hero-phone-photo img{object-position:center 48%}
.hero-phone-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(247,244,237,.18),transparent 34%),linear-gradient(180deg,transparent 58%,rgba(12,13,16,.28));pointer-events:none}
.hero-planet{position:absolute!important;width:clamp(116px,12vw,170px)!important;height:clamp(116px,12vw,170px)!important;right:-2%!important;bottom:7%!important;left:auto!important;top:auto!important;z-index:4;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.hero-note{left:-4%!important;top:10%!important;right:auto!important;z-index:5!important;max-width:230px}
.hero-visual .floating-note.two{display:none!important}

/* About section uses a wide cinematic crop and consumes the empty column */
.about-photo{height:clamp(240px,31vw,430px);width:100%}
.about-photo img{object-position:center 54%}
.section:has(.about-photo) .section-grid{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr)!important;align-items:stretch!important}
.section:has(.about-photo) .art-copy{height:100%;grid-template-rows:auto 1fr}
.section:has(.about-photo) .story-panels{margin-top:16px!important}

/* Playlist/audience photo replaces decorative cards and anchors the right side */
.audience-photo{height:clamp(250px,28vw,400px);width:100%}
.audience-photo img{object-position:center 47%}
.section:has(.audience-photo) .section-grid{grid-template-columns:minmax(300px,.8fr) minmax(430px,1.2fr)!important;align-items:stretch!important}
.section:has(.audience-photo) .art-copy{grid-template-rows:auto 1fr;height:100%}
.section:has(.audience-photo) .reach-grid{margin-top:16px!important}

/* Final CTA becomes a true split-screen editorial ending */
.final-cta{overflow:hidden;padding:0!important;border-top:1px solid var(--theme-line)}
.final-art-grid{max-width:none!important;width:100%!important;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr)!important;gap:0!important;align-items:stretch!important}
.final-art-grid>div:first-child{padding:clamp(54px,7vw,110px) clamp(32px,6vw,96px);display:flex;flex-direction:column;justify-content:center}
.final-band-photo{border-radius:0!important;border:0!important;min-height:clamp(460px,49vw,690px);box-shadow:none!important}
.final-band-photo img{object-position:center 45%;filter:grayscale(1) contrast(1.04)}
.final-band-photo::after{background:linear-gradient(90deg,rgba(247,244,237,.18),transparent 25%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.18))}

/* Denser rhythm: photos occupy available space rather than increasing page length */
.section:has(.about-photo),.section:has(.audience-photo){padding-block:clamp(34px,4vw,58px)!important}
.section:has(.about-photo) .section-grid,.section:has(.audience-photo) .section-grid{margin-bottom:16px!important}

[data-theme="dark"] .editorial-photo::after{background:linear-gradient(145deg,rgba(221,182,92,.14),transparent 42%,rgba(0,0,0,.18));mix-blend-mode:screen;opacity:.55}
[data-theme="dark"] .hero-phone-photo::before{background:linear-gradient(90deg,rgba(8,9,11,.18),transparent 34%),linear-gradient(180deg,transparent 55%,rgba(5,6,8,.48))}
[data-theme="dark"] .final-band-photo::after{background:linear-gradient(90deg,rgba(8,9,11,.42),transparent 28%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));mix-blend-mode:normal;opacity:1}

@media(max-width:980px){
 .hero-photo-composition{min-height:560px!important}.hero-phone-photo{inset:0 4%}.hero-note{left:1%!important}
 .section:has(.about-photo) .section-grid,.section:has(.audience-photo) .section-grid{grid-template-columns:1fr!important}
 .about-photo,.audience-photo{height:360px}
 .final-art-grid{grid-template-columns:1fr!important}.final-band-photo{min-height:420px}.final-art-grid>div:first-child{padding:58px 28px}
}
@media(max-width:620px){
 .hero-photo-composition{min-height:430px!important;margin-top:18px}.hero-phone-photo{inset:0;border-radius:25px}.hero-planet{width:104px!important;height:104px!important;right:12px!important;bottom:12px!important}.hero-note{display:none!important}
 .about-photo,.audience-photo{height:280px;border-radius:22px}.editorial-photo figcaption{left:12px;bottom:10px;font-size:9px;padding:7px 9px}
 .final-band-photo{min-height:310px}.final-art-grid>div:first-child{padding:44px 20px}
}