.main-nav a { padding-inline: 9px; }
.broadcast-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; border-top: 1px solid var(--line); padding-top: 70px; }
.broadcast-feature h2 { font-size: clamp(38px,4.5vw,58px); line-height: 1.05; letter-spacing: -.06em; margin: 20px 0; }
.broadcast-feature h2 span { color: #ac94ff; }
.broadcast-feature-copy > p:not(.eyebrow) { max-width: 430px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.broadcast-feature-copy .button { margin-top: 10px; }
.broadcast-feature-copy small { display: block; color: var(--quiet); font-size: 11px; margin-top: 18px; }
.broadcast-feature-visual { position: relative; display: block; min-height: 330px; overflow: hidden; border-radius: 20px; border: 1px solid #ffffff20; background: radial-gradient(ellipse at 60% 40%,#243b7133,transparent 70%),#0b1123; }
.broadcast-feature-visual > img { position: absolute; height: 100%; width: 100%; object-fit: cover; opacity: .75; }
.broadcast-feature-visual:after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#04081133,transparent 35%,#030611cc); }
.broadcast-feature-tag { position: absolute; top: 24px; left: 24px; font-size: 10px; letter-spacing: .15em; color: #b7bee4; z-index: 1; }
.broadcast-feature-caption { position: absolute; bottom: 32px; left: 24px; font-size: 27px; line-height: 1.2; letter-spacing: -.04em; text-shadow: 0 3px 20px #070c1e; z-index: 1; }
.broadcast-feature-arrow { position: absolute; right: 24px; bottom: 24px; border: 1px solid #ffffff30; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; z-index: 1; }
.broadcast-feature-visual:hover { border-color: #a18ce7; }
@media(max-width:700px) { .broadcast-feature{grid-template-columns:1fr;gap:26px;padding-top:45px}.broadcast-feature-visual{min-height:270px}.broadcast-feature-copy .button{font-size:12px;padding-inline:15px} }