.media-presentation{color:#fff;background:#04141e;padding:72px 0 0}.media-visual{height:610px;position:relative;overflow:hidden}.media-visual>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.1s,transform 7s;position:absolute;inset:0;transform:scale(1.04)}.media-visual>img.active{opacity:1;transform:scale(1)}.media-shade{background:linear-gradient(90deg,#04141eeb,#04141e6b 62%,#04141e1f);position:absolute;inset:0}.media-copy{max-width:680px;position:absolute;bottom:90px;left:max(24px,50% - 580px)}.media-copy p{text-transform:uppercase;color:var(--gold);letter-spacing:.2em;font-size:12px;font-weight:700}.media-copy h2{margin:10px 0 18px;font-size:clamp(42px,5vw,67px);line-height:1.06}.media-copy span{color:#d5dfe3;font-size:18px;line-height:1.6}.media-progress{gap:9px;display:flex;position:absolute;bottom:45px;right:max(24px,50% - 580px)}.media-progress button{cursor:pointer;background:#ffffff5c;border:0;width:52px;height:3px;padding:0}.media-progress button i{background:var(--gold);width:0;height:100%;display:block}.media-progress button.active i{width:100%;transition:width 6.4s linear}.media-controls{justify-content:space-between;align-items:center;min-height:104px;display:flex}.media-controls>div:first-child{grid-template-columns:16px auto;align-items:center;column-gap:12px;display:grid}.media-controls strong{font-family:var(--font-display);font-size:17px}.media-controls small{color:#8fa3ad;grid-column:2;margin-top:4px}.pulse{background:#687b84;border-radius:50%;width:10px;height:10px}.pulse.on{background:var(--gold);box-shadow:0 0 0 7px #e9ae3226}.control-actions{gap:10px;display:flex}.control-actions button{font:700 13px var(--font-body);cursor:pointer}.sound-button{color:#c8d3d8;background:0 0;border:1px solid #4a606b;padding:13px 17px}.play-button{background:var(--gold);color:var(--ink);border:0;padding:14px 22px}.control-actions button:hover{filter:brightness(1.08)}@media (width<=800px){.media-presentation{padding-top:40px}.media-visual{height:520px}.media-copy{bottom:78px;left:24px;right:24px}.media-copy h2{font-size:40px}.media-copy span{font-size:16px}.media-progress{bottom:34px;left:24px;right:auto}.media-progress button{width:38px}.media-controls{padding:20px 0;display:block}.control-actions{margin-top:20px}.control-actions button{flex:1}.media-controls small{font-size:11px}}