.media-hero{padding-top:32px;padding-bottom:55px}.media-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}.media-hero h1{font-size:clamp(44px,5vw,65px)}.media-cassette{background:#eee8d9;color:#263c32;padding:30px;border-radius:18px;transform:rotate(3deg);border:8px solid #a8a394;box-shadow:0 25px 55px #0004}.media-cassette>span{display:block;font-size:10px;letter-spacing:2px}.media-cassette>strong{display:block;margin:25px 0 15px;font-size:14px;letter-spacing:1px}.cassette-reels{display:flex;justify-content:space-around;margin-top:25px;background:#252729;border-radius:50px;padding:20px}.cassette-reels i{display:block;width:75px;height:75px;border:14px dashed #d0caba;border-radius:50%;background:#343735}.media-library{padding-top:40px;border-top:1px solid #ffffff20}.media-library h2{font-size:40px}.media-audio-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}.media-player{background:#222225;border:1px solid #ffffff20;padding:30px;border-radius:12px;position:sticky;top:130px;min-width:0}.media-player h3{font-size:27px;overflow-wrap:anywhere}.media-player audio{width:100%;margin:15px 0}.player-actions{display:flex;flex-wrap:wrap;gap:10px}.player-actions button{border:1px solid #ffffff40;background:transparent;color:var(--paper);border-radius:5px;min-height:44px;padding:8px 12px;font-size:12px}.player-actions button:disabled{opacity:.45;cursor:default}.media-list{min-width:0}.media-list label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.media-list input{display:block;width:100%;padding:14px 18px;border:1px solid #ffffff35;border-radius:7px;background:#222225;color:#fff;font:inherit}.media-list input:focus-visible{outline:3px solid #f9bd69;outline-offset:3px}.audio-tracks{list-style:none;margin:0;padding:0}.media-track{border-top:1px solid #ffffff20}.media-track button{display:grid;grid-template-columns:25px minmax(0,1fr) auto 16px;align-items:center;gap:15px;padding:20px 8px;width:100%;text-align:left;border:0;background:transparent;color:var(--paper);font-size:13px}.media-track button:hover,.media-track button[aria-pressed=true]{background:#372328}.media-track strong{display:block;overflow-wrap:anywhere;line-height:1.45}.media-track small{color:#b9b7b3;display:block;margin-top:5px}.track-index{color:#f1a99e;font-size:11px}.track-duration{font-size:11px;color:#b9b7b3}.track-download{display:block;font-size:11px;margin:0 10px 15px 48px}.media-videos{background:#eee8d9;color:#263c32}.media-videos p{color:#536359}.media-videos .eyebrow{color:#a53b45}.media-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.video-stage{aspect-ratio:16/11;background:#203b31;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;border-radius:8px;overflow:hidden}.video-stage>span{font-size:25px;color:#e3edb8}.video-stage p{color:#eee8d9;font-size:13px;margin:8px 0 12px}.video-stage .button{font-size:12px;border:0;min-height:44px}.video-stage iframe{width:100%;height:100%;border:0}.video-stage:has(iframe){padding:0;aspect-ratio:16/9}.video-card h3{font-size:21px;line-height:1.3}.video-card>a{font-size:12px;font-weight:700}.media-live{display:flex;gap:40px;align-items:center;justify-content:space-between}.media-live h2{font-size:38px}
@media(max-width:950px){.media-hero-grid{gap:35px}.media-hero h1{font-size:48px}.media-cassette{padding:20px}.cassette-reels i{width:60px;height:60px;border-width:10px}.media-audio-grid{grid-template-columns:1fr;gap:35px}.media-player{position:static}.media-video-grid{grid-template-columns:1fr}.video-card{max-width:700px}.video-stage{aspect-ratio:16/9}.media-live{display:block}}
@media(max-width:600px){.media-hero-grid{grid-template-columns:minmax(0,1fr)}.media-hero h1{font-size:44px}.media-cassette{transform:none;margin-top:10px}.media-cassette>strong{font-size:12px;letter-spacing:.5px}.media-library h2{font-size:32px}.media-player{padding:25px 20px}.media-track button{grid-template-columns:20px minmax(0,1fr) 16px;gap:10px;padding:18px 5px}.track-duration{grid-column:2;grid-row:2}.media-track button>span:last-child{grid-column:3;grid-row:1}.media-library{padding-top:35px}.media-live h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.media-cassette{transform:none}}