/* ── Media page styles (was the <style> block inside media.html) ── */
.media-tabs { background:var(--white); border-bottom:1px solid var(--border); padding:0 44px; display:flex; gap:0; overflow-x:auto; position:sticky; top:64px; z-index:99; }
.mtab { padding:18px 22px; font-size:12px; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; color:#888; cursor:pointer; border-bottom:2px solid transparent; border-top:none; border-left:none; border-right:none; background:none; font-family:var(--sans); white-space:nowrap; transition:color 0.2s; }
.mtab:hover { color:var(--navy); }
.mtab.active { color:var(--navy); border-bottom-color:var(--gold); }
.yt-hero-grid { background:var(--navy); display:grid; grid-template-columns:1fr 420px; align-items:center; }
.yt-hero-left  { padding:79px 44px; }
.yt-hero-right { background:var(--navy-deep); min-height:380px; display:flex; align-items:center; justify-content:center; border-left:1px solid rgba(200,185,122,0.1); overflow:hidden; }
.yt-channel-badge { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(200,185,122,0.25); border-radius:2px; padding:10px 18px; margin-top:22px; text-decoration:none; color:rgba(255,255,255,0.6); font-size:12px; }
.yt-channel-badge svg { width:18px; height:18px; fill:var(--gold); }
.yt-channel-badge strong { color:var(--gold); }
.yt-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; text-decoration:none; width:100%; min-height:380px; }
.yt-placeholder .yt-play-btn { width:62px; height:62px; background:var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .2s; }
.yt-placeholder .yt-play-btn:hover { transform:scale(1.08); }
.yt-placeholder .yt-play-btn svg { width:22px; height:22px; fill:var(--navy); margin-left:4px; }
.yt-placeholder span { font-size:12px; color:rgba(255,255,255,0.5); letter-spacing:0.1em; text-transform:uppercase; }
.video-grid-section { background:var(--cream); padding:79px 44px; }
.video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px; }
.gallery-section { background:var(--white); padding:79px 44px; }
.ig-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:44px; }
.ig-item { aspect-ratio:1; background:var(--navy-mid); border-radius:2px; overflow:hidden; cursor:pointer; position:relative; transition:opacity 0.2s; display:block; }
.ig-item:hover { opacity:0.8; }
.ig-item-inner { width:100%; height:100%; background:var(--navy-deep); display:flex; align-items:center; justify-content:center; }
.ig-item-inner svg { width:22px; height:22px; stroke:rgba(200,185,122,0.2); fill:none; stroke-width:1; }
.ig-follow-row { display:flex; justify-content:space-between; align-items:center; margin-top:28px; padding:20px 24px; border:1px solid var(--border); border-radius:2px; background:var(--cream); flex-wrap:wrap; gap:14px; }
.ig-follow-text  { font-family:var(--serif); font-size:18px; font-weight:600; color:var(--navy); }
.ig-follow-handle{ font-size:12px; color:var(--text-muted); margin-top:3px; }
.ig-follow-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 22px; background:#000; color:var(--white); border-radius:2px; font-size:11px; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; }
.ig-follow-btn svg { width:14px; height:14px; stroke:var(--white); fill:none; stroke-width:1.5; }
.downloads-section { background:var(--cream); padding:79px 44px; }
.downloads-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:44px; }
.download-card { background:var(--white); border:1px solid var(--border); border-radius:2px; padding:28px; display:flex; flex-direction:column; gap:18px; transition:border-color 0.2s; }
.download-card:hover { border-color:var(--gold); }
.dl-icon { width:48px; height:48px; border:1px solid var(--border); border-radius:2px; display:flex; align-items:center; justify-content:center; }
.dl-icon svg { width:22px; height:22px; stroke:var(--gold); fill:none; stroke-width:1.5; }
.dl-type  { font-size:9px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); }
.dl-title { font-family:var(--serif); font-size:18px; font-weight:600; color:var(--navy); line-height:1.35; }
.dl-detail{ font-size:12px; color:#999; font-weight:300; }
.dl-footer{ display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border-alt); padding-top:16px; margin-top:auto; }
.dl-size  { font-size:10px; color:var(--text-muted); }
.dl-btn-sm{ display:inline-flex; align-items:center; gap:6px; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--navy); font-weight:500; background:none; border:none; cursor:pointer; font-family:var(--sans); text-decoration:none; }
.dl-btn-sm svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:1.5; }
.press-section { background:var(--navy); padding:79px 44px; }
.press-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:44px; }
.press-card { background:var(--navy-mid); border:1px solid rgba(200,185,122,0.1); border-radius:2px; padding:28px; transition:border-color 0.2s; text-decoration:none; display:block; color:inherit; }
.press-card:hover { border-color:rgba(200,185,122,0.35); }
.press-outlet  { font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.35); margin-bottom:12px; display:block; }
.press-headline{ font-family:var(--serif); font-size:18px; font-weight:600; color:var(--white); line-height:1.4; margin-bottom:10px; }
.press-excerpt { font-size:12px; color:rgba(255,255,255,0.4); line-height:1.75; font-weight:300; margin-bottom:18px; }
.press-footer  { display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,0.06); padding-top:14px; }
.press-date    { font-size:10px; color:rgba(255,255,255,0.25); }
.press-read    { font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold); }
@media(max-width:1024px){
  .yt-hero-grid { grid-template-columns:1fr; }
  .yt-hero-right { display:none; }
  .video-grid { grid-template-columns:1fr 1fr; }
  .ig-grid { grid-template-columns:repeat(4,1fr); }
  .downloads-grid { grid-template-columns:1fr 1fr; }
  .press-grid { grid-template-columns:1fr 1fr; }
  .media-tabs { top:0; }
}
@media(max-width:768px){
  .yt-hero-left{padding:44px 20px;}
  .video-grid-section,.gallery-section,.downloads-section,.press-section{padding:44px 20px;}
  .video-grid{grid-template-columns:1fr;}
  .ig-grid{grid-template-columns:repeat(3,1fr);}
  .ig-follow-row{flex-direction:column;gap:14px;}
  .downloads-grid{grid-template-columns:1fr;}
  .press-grid{grid-template-columns:1fr;}
  .media-tabs{padding:0 16px;}
  .mtab{padding:14px 14px;font-size:11px;}
}
@media(max-width:640px){
  .video-grid { grid-template-columns:1fr; }
  .ig-grid { grid-template-columns:repeat(3,1fr); }
  .downloads-grid { grid-template-columns:1fr; }
  .press-grid { grid-template-columns:1fr; }
}