.media-tabs{border-bottom:2px solid #a52929;gap:.4rem;margin:.7rem 0 1.5rem;display:flex}.media-tabs button{color:#333;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding:.6rem 1rem;font:700 .78rem Courier,monospace}.media-tabs button.active{color:#fff;background:#a52929}.track-list{gap:.55rem;display:grid}.track-list article{background:#ededed4d;border-bottom:1px solid #a5292959;grid-template-columns:minmax(150px,1fr) minmax(220px,1.6fr);align-items:center;gap:1rem;padding:.7rem;display:grid}.track-list article div{margin:0}.track-list strong,.track-list small{color:#171717;font-family:Courier,monospace;display:block}.track-list small{color:#8f2828}.track-list audio{width:100%;height:34px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.video-grid article{background:#ededed57;border-top:5px solid #171717;overflow:hidden}.video-grid video{aspect-ratio:4/3;background:#111;width:100%;display:block}.video-info{padding:.8rem}.video-info h2{color:#171717;margin:0 0 .25rem;font-size:1.4rem}.video-info p{color:#555;min-height:2.5em;margin:0 0 .7rem;font:.72rem/1.4 Courier,monospace}.video-info a{color:#8f2828;font:.7rem Courier,monospace}.picture-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem;display:grid}.picture-grid a{border:0}.picture-grid img{aspect-ratio:4/3;object-fit:cover;filter:grayscale(.3);width:100%;height:auto;display:block}.picture-grid a:hover img{filter:none}.media-page{z-index:9;overscroll-behavior:contain;scrollbar-gutter:stable;color:#171717;pointer-events:auto;width:80%;height:90vh;padding-top:20vh;position:absolute;top:0;left:5%;overflow:hidden auto}.media-content{padding-left:10rem;padding-right:16rem}.media-content>h1{color:#000;font-family:var(--display-font);text-align:center;margin-bottom:.25rem;font-size:clamp(3rem,4vw,5rem)}.media-eyebrow{color:#a52929;letter-spacing:.15em;text-align:center;text-transform:uppercase;font:700 .72rem Courier,monospace}@media (max-width:979px){.track-list article{grid-template-columns:1fr}}@media (min-width:768px){.media-page{width:50%;left:15%}.media-content{margin-left:1rem;padding-top:6rem;padding-bottom:6rem}}@media (max-width:767px){.media-page{background:#ededede6;height:94vh;overflow-y:auto}.media-content{padding-left:1rem;padding-right:1rem;overflow:visible}}
