/* Featured video — direction 01: quiet cinematic panorama */
.video-page{justify-content:space-between;padding-top:max(118px,env(safe-area-inset-top));padding-bottom:max(48px,env(safe-area-inset-bottom));background:#163f46 url("../assets/album-stills/001-samuel-tai-boasting-in-weakness-official-music-video/09-04m03s.webp") center/cover no-repeat}.video-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,14,17,.46),rgba(2,14,17,.1) 43%,rgba(2,14,17,.78))}.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,23,.58),rgba(2,20,23,.1) 69%)}.video-page>*{position:relative;z-index:1}.video-nav-copy .page-title{margin-top:0}.video-actions{width:100%}.video-card{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:17px 18px;background:rgba(4,28,32,.82);border:1px solid rgba(232,255,250,.72);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(0,10,12,.25)}.video-copy .eyebrow{margin-bottom:9px;color:#b9efeb}.video-copy h3{margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(32px,10vw,48px);font-weight:400;letter-spacing:.08em;line-height:1.12}.video-copy p{margin:10px 0 0;color:#e0f5f2;font-size:12px;letter-spacing:.1em}.video-play{display:grid;flex:0 0 47px;place-items:center;width:47px;height:47px;border:1px solid #eafff9;border-radius:50%;font-size:17px;transition:background .2s,color .2s}.video-card:hover,.video-card:focus-visible{background:#e9fffb;color:#07363d}.video-card:hover .video-copy .eyebrow,.video-card:focus-visible .video-copy .eyebrow,.video-card:hover .video-copy p,.video-card:focus-visible .video-copy p{color:#155a60}.video-card:hover .video-play,.video-card:focus-visible .video-play{background:#0c555c;color:#fff;border-color:#0c555c}.video-links{display:grid;margin-top:22px;border-top:1px solid rgba(234,249,247,.65)}.video-links a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(234,249,247,.65);color:#fff;font-size:13px;text-decoration:none;text-shadow:0 1px 2px rgba(0,10,12,.7)}.video-links small{color:#d8f7f3;font-size:8px;letter-spacing:.1em;white-space:nowrap}.video-links a:hover,.video-links a:focus-visible{color:#d9fffa}
@media(min-width:900px){.video-page{display:flex;align-items:stretch;justify-content:space-between;padding-top:clamp(140px,18vh,210px);padding-bottom:clamp(62px,9vh,112px)}.video-nav-copy{max-width:420px}.video-actions{align-self:flex-end;width:min(100%,690px);margin-left:auto}.video-page .video-card{width:100%;margin:0}.video-copy h3{font-size:clamp(42px,5.1vw,76px)}.video-play{flex-basis:60px;width:60px;height:60px;font-size:16px}.video-links{grid-template-columns:1fr 1fr;gap:28px}.video-links a{padding:13px 0}}