.antenna-max{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:32px;align-items:center;border-top:1px solid #454b4e}
.antenna-max h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;margin:0 0 20px}
.antenna-max p{max-width:48ch;line-height:1.6;margin:0 0 20px}
.antenna-max figure{margin:0;min-width:0}
.am-stage{position:relative;height:440px;width:100%;overflow:hidden;background:#242729}
.am-poster{width:100%;height:100%;object-fit:contain}
.am-canvas{position:absolute;inset:0}
.antenna-max[data-state=ready] .am-poster{visibility:hidden}
.antenna-max:not([data-state=ready]) .am-canvas{visibility:hidden}
.am-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;max-width:420px}
.am-controls button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #7b8386;background:transparent;color:var(--ink);cursor:pointer}
.am-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#17191a}
.am-controls button:disabled{opacity:.5;cursor:default}
.am-controls label{grid-column:1/-1;font-size:15px;margin-top:4px}
.am-controls input{width:100%;min-width:0;min-height:44px;accent-color:var(--accent)}
.am-controls output{align-self:center;justify-self:end;font-variant-numeric:tabular-nums}
.am-controls :focus-visible,.am-start:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.antenna-max .am-status{font-size:14px;color:var(--muted);margin:12px 0 0;min-height:44px}
.antenna-max figcaption{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:800px){.antenna-max{grid-template-columns:1fr;gap:20px}.am-stage{height:360px}.am-controls{max-width:none}.antenna-max p{max-width:65ch}}
@media(max-width:420px){.am-stage{height:300px}.am-controls{gap:8px}.am-controls button{font-size:15px}.antenna-max h2{font-size:30px}}
.am-scroll-track.is-active{height:calc(100svh + 720px)}
.antenna-page .am-scroll-track.is-active>.antenna-max{position:sticky;top:0;min-height:100svh;align-content:center;box-sizing:border-box}
.antenna-max[data-motion=scroll] .am-controls{display:none}
.antenna-max[data-motion=scroll] .am-start{display:none}
.am-scroll-progress{display:none;font-size:18px;color:var(--accent);font-variant-numeric:tabular-nums}
.antenna-max[data-motion=scroll] .am-scroll-progress{display:block}
@media(max-width:800px){.am-scroll-track.is-active{height:calc(100svh + 560px)}.antenna-page .am-scroll-track.is-active>.antenna-max{gap:16px}.antenna-max[data-motion=scroll] .am-stage{height:min(42svh,360px)}.antenna-max[data-motion=scroll] h2{margin-bottom:12px}.antenna-max[data-motion=scroll] p{margin-bottom:12px}.antenna-max[data-motion=scroll] .am-status{min-height:0;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.am-scroll-track.is-active{height:auto}.antenna-page .am-scroll-track.is-active>.antenna-max{position:static;min-height:0}}
