/* Media page: its own layout on the shared header, footer and tokens. */
.media-page:before{background:none}
.media-page:after{display:none}
.media-page{--header-height:clamp(110px,18svh,200px)}
.media-page .header{height:var(--header-height)}
.media-page main.media-main{display:block;min-height:0;padding:0 5%}
.media-hero{padding:clamp(18px,5vw,70px) 0 clamp(40px,6vw,90px);max-width:760px}
.media-hero h1{font-size:clamp(96px,17vw,250px);line-height:.82;letter-spacing:-.02em;margin:0;color:#f0efeb;filter:none;text-shadow:0 6px 0 #0008}
.media-tag{margin:14px 0 10px;color:var(--yellow);font-size:clamp(22px,2.4vw,30px);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.14em}
.media-lede{margin:0;max-width:430px;font-size:clamp(20px,1.9vw,24px);line-height:1.35;color:#d9d8d3}

.featured{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr);align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(34px,4vw,60px) 0;border-top:1px solid #ffffff1f}
.featured-copy h2{font-size:clamp(46px,5.4vw,84px);line-height:.92;margin:10px 0 22px;letter-spacing:-.02em}
.featured-copy p:not(.eyebrow){font-size:clamp(20px,1.8vw,24px);line-height:1.35;color:#d9d8d3;margin:0 0 28px;max-width:400px}
.btn-yellow{display:inline-block;padding:15px 26px;background:var(--yellow);color:var(--ink);border-radius:3px;font-size:21px;font-weight:700;text-transform:uppercase;transition:transform .2s,background .2s}
.btn-yellow:hover{transform:translateY(-3px);background:#ffe05a}
.featured .video-wrap{margin:0}
.more{padding:clamp(34px,4vw,56px) 0 clamp(60px,7vw,110px);border-top:1px solid #ffffff1f}
.more h2{font-size:clamp(34px,3.4vw,48px);margin:0 0 28px}
.more h2 i{color:var(--yellow)}
.media-page .clip-grid{grid-template-columns:repeat(auto-fill,minmax(170px,250px));gap:22px 26px;margin:0}
.clip h3{font-size:20px;line-height:1.1;text-transform:uppercase;font-style:italic;margin:14px 0 4px}
.clip a{color:var(--yellow);font-size:17px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.featured{grid-template-columns:1fr}}
@media(max-width:600px){.media-page .clip-grid{grid-template-columns:minmax(0,1fr);max-width:360px}}

.media-page{--stage-h:760px}.media-page .media-stage{z-index:-2;opacity:.85}