.videos-page{max-width:1180px;margin:0 auto;padding:76px 52px 72px}
.videos-hero{max-width:760px;margin-bottom:48px}
.videos-pretag{font-family:'Krungthep',sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.videos-hero h1{font-family:'Krungthep',sans-serif;font-size:clamp(36px,6vw,86px);font-weight:400;line-height:.95;color:var(--black);margin:0 0 24px;letter-spacing:0}
.videos-hero p{font-size:17px;line-height:1.75;color:var(--muted);max-width:680px;margin:0}
.videos-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:42px}
.video-card{border-top:2px solid var(--black);padding-top:14px;min-width:0}
.video-frame{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
.video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#111}
.video-info{padding:16px 0 0}
.video-info span{display:block;font-family:'Krungthep',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.video-info h2{font-family:'Krungthep',sans-serif;font-size:18px;font-weight:400;color:var(--black);line-height:1.2;margin:0 0 8px}
.video-info p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.videos-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:14px;line-height:1.7;color:var(--muted);max-width:760px}
.video-missing .video-info p{color:var(--text)}
@media(max-width:900px){
  .videos-page{padding:56px 32px 58px}
  .videos-library{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .videos-page{padding:42px 20px 48px}
  .videos-hero{margin-bottom:36px}
  .videos-hero p{font-size:15px;line-height:1.65}
  .videos-library{grid-template-columns:1fr;gap:30px}
}