/* Isolated opening composition mockup. Existing copy and all motion code retained. */
@media(min-width:1024px){
 .enhanced .beat-one .opening-copy,.beat-one .opening-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:start}
 .beat-one h1{font-size:clamp(48px,4.6vw,76px);line-height:1.04;letter-spacing:-.065em}
 .beat-one .opening-identity>.opening-bridge{font-size:clamp(19px,1.65vw,24px);line-height:1.5;max-width:440px;margin-top:32px;color:#c8c3e5;text-wrap:pretty}
 .beat-one .opening-reading{padding-top:34px;max-width:580px}
 .beat-one .opening-reading>.opening-position{font-size:clamp(19px,1.5vw,22px);line-height:1.5;margin:0 0 29px;max-width:none;color:#f0edff}
 .beat-one .opening-reading>.opening-role{font-size:16px;line-height:1.65;margin:0 0 23px;max-width:none;color:#cbd0e5}
 .beat-one .opening-reading>.opening-bridge{font-size:15px;line-height:1.65;margin-top:26px;max-width:none;color:#aeb5d1}
 .beat-one .opening-reading strong{font-weight:600;color:#f0edff}
 .enhanced .beat-one .opening-reading .scroll-note{margin-top:28px}
}
@media(max-width:1023px){
 .beat-one .opening-identity>.opening-bridge{font-size:18px;line-height:1.5;max-width:360px;margin-top:26px}
 .beat-one .opening-reading{margin-top:34px}
 .beat-one .opening-reading>.opening-position{margin-top:0}
 .beat-one .opening-reading>.opening-role{line-height:1.75;margin-top:20px}
 .beat-one .opening-reading>.opening-bridge{margin-top:26px}
}
@media(min-width:1024px){
 .beat-one::before{inset:-12% -5vw -18%;background:radial-gradient(ellipse 58% 85% at 81% 48%,#080e28eb 0%,#080e28c9 58%,#080e2866 78%,transparent 100%)}
}