/* media.css — /media page: image hero, tabbed library (Videos / Interviews /
   Press / Photo Gallery), click-to-play YouTube facade, press + gallery
   lightbox, and the shared /about closing CTA. Sits on top of shared.css. */

.reveal{opacity:0;transform:translateY(14px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* ============ HERO (image) ============ */
.media-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black);color:#fff}
.media-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.media-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,11,.5) 0%,rgba(8,7,11,.24) 42%,rgba(8,7,11,.42) 72%,rgba(8,7,11,.74) 100%)}
.media-hero__in{position:relative;z-index:2;text-align:center;max-width:62rem;padding:12vh var(--pad)}
.media-hero__kick{color:#fff;font-weight:600;margin-bottom:1.05rem;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.media-hero__h{font-family:"Cinzel Decorative",serif;font-weight:700;font-size:clamp(2.6rem,7vw,5rem);line-height:1.05;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.5)}
.media-hero__tag{margin:1.35rem auto 0;max-width:44rem;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(1.18rem,2.1vw,1.62rem);line-height:1.5;color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.6)}
.media-hero__cta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:2rem}
.media-hero__cue{position:absolute;left:50%;bottom:2.6%;transform:translateX(-50%);z-index:2;color:#fff;opacity:.85}
.media-hero__cue svg{width:32px;height:auto;animation:media-bob 2.3s linear infinite}
@keyframes media-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

/* ============ TABS shell ============ */
.media-tabs{background:var(--bone);color:var(--ink);padding:clamp(3.5rem,9vh,6rem) 0 clamp(4rem,10vh,7rem);scroll-margin-top:88px}
.page-tabs{max-width:1280px;margin-inline:auto;padding:0 var(--pad);scroll-margin-top:88px}
.tab-links ul{list-style:none;margin:0 auto clamp(2.4rem,6vh,3.6rem);padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .7rem}
.tab-links li{margin:0}
.tab-links a{display:inline-block;font-family:"Julius Sans One",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.7rem,.95vw,.86rem);color:var(--ink);text-decoration:none;padding:.85em 1.5em;background:var(--cream);border:1px solid rgba(58,42,30,.14);border-radius:7px;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.tab-links a:hover,.tab-links a:focus-visible{background:#efe1c6;color:var(--copper);border-color:rgba(201,81,34,.3)}
.tab-links li.selected a{background:var(--copper);color:#fff;border-color:var(--copper);box-shadow:0 10px 24px -10px rgba(201,81,34,.55)}
.tab-links li.selected a:hover{background:var(--copper);color:#fff}

.tab-content{display:none}
.tab-content.tab-active{display:block;animation:media-fade .35s var(--ease)}
@keyframes media-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.headings{font-family:"Cinzel",serif;font-weight:500;font-size:clamp(1.5rem,2.8vw,2.2rem);text-align:center;color:var(--ink);margin:0 0 clamp(1.8rem,4.5vh,2.6rem)}

/* ============ VIDEOS · click-to-play facade ============ */
.media-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);max-width:1180px;margin-inline:auto}
.media-vid{position:relative;display:block;width:100%;border:0;padding:0;margin:0;background:#15110d;cursor:pointer;overflow:hidden;border-radius:10px;aspect-ratio:16/9}
.media-vid:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.media-vid__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .35s var(--ease)}
.media-vid::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55));transition:background .35s var(--ease)}
.media-vid:hover .media-vid__thumb{transform:scale(1.05)}
.media-vid__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:62px;height:62px;border-radius:50%;background:rgba(8,7,11,.5);border:2px solid rgba(255,255,255,.9);transition:background .25s var(--ease),transform .25s var(--ease)}
.media-vid__play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.media-vid:hover .media-vid__play{background:var(--gold);transform:translate(-50%,-50%) scale(1.08)}
.media-vid__title{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.1rem 1rem .9rem;text-align:left;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.05rem;line-height:1.25;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.media-vid__frame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}

/* ============ INTERVIEWS & ARTICLES (verbatim link lists) ============ */
.tab-description{max-width:760px;margin-inline:auto;font-weight:300;color:rgba(58,42,30,.86)}
.tab-description.center{text-align:center}
.tab-description h2{font-family:"Cinzel",serif;font-weight:500;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--ink);margin:2.4rem 0 .6rem}
.tab-description h3{font-family:"Julius Sans One",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--gold);margin:1.8rem 0 .5rem}
.tab-description a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(233,170,54,.45);line-height:2.1;transition:color .2s var(--ease),border-color .2s var(--ease)}
.tab-description a:hover{color:var(--copper);border-color:var(--copper)}

/* ============ PRESS grid ============ */
.media-press{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.4vw,20px)}
.media-press__item{display:block;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 14px 36px -22px rgba(0,0,0,.5);cursor:pointer;aspect-ratio:3/4}
.media-press__item.is-static{cursor:default}
.media-press__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.media-press__item:hover img{transform:scale(1.05)}

/* ============ PHOTO GALLERY grid ============ */
.media-gallery{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,16px)}
.media-gallery__item{display:block;overflow:hidden;border-radius:8px;cursor:pointer;aspect-ratio:1/1;background:#15110d}
.media-gallery__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.media-gallery__item:hover img{transform:scale(1.06)}

/* ============ LIGHTBOX (press + gallery) ============ */
.media-lb{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(8,7,11,.92);padding:4vh 4vw}
.media-lb.is-open{display:flex}
.media-lb__img{max-width:100%;max-height:92vh;object-fit:contain;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);border-radius:4px}
.media-lb__close{position:absolute;top:18px;right:24px;width:46px;height:46px;border:0;background:transparent;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;opacity:.85;z-index:2}
.media-lb__close:hover{opacity:1}
.media-lb__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:clamp(44px,5vw,60px);height:clamp(44px,5vw,60px);border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(8,7,11,.3);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease)}
.media-lb__nav:hover{background:rgba(8,7,11,.6);border-color:#fff}
.media-lb__nav:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.media-lb__nav svg{width:44%;height:auto}
.media-lb__nav--prev{left:clamp(10px,3vw,32px)}
.media-lb__nav--next{right:clamp(10px,3vw,32px)}

/* curve divider (bone -> dark closing), reused from /about */
.ab-curve{line-height:0;margin-top:-1px;margin-bottom:-1px;background:#08070b}
.ab-curve svg{display:block;width:100%;height:clamp(66px,7.6vw,120px)}

/* ============ CLOSING CTA (ab-final, same as /about) ============ */
.ab-final{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black)}
.ab-final__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-final__veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--black) 0%,rgba(8,7,11,.7) 16%,rgba(8,7,11,.42) 42%,rgba(8,7,11,.72) 74%,#08070b 100%)}
.ab-final__in{position:relative;z-index:2;text-align:center;color:#fff;padding-top:10vh;padding-bottom:10vh}
.ab-final__logo{margin:0 auto 12px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}
.ab-final .kicker{color:rgba(255,255,255,.92);font-weight:600;font-size:.8rem;letter-spacing:.3em;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.ab-final__h{font-family:"Cinzel Decorative",serif;font-weight:700;font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.1;margin-top:1rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.ab-final__sub{margin-top:1.1rem;font-weight:300;font-size:clamp(.95rem,1.5vw,1.12rem);letter-spacing:.04em;color:rgba(255,255,255,.92);text-shadow:0 1px 12px rgba(0,0,0,.5)}
.ab-final__cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:2rem}

/* ============ responsive ============ */
@media (max-width:900px){
  .media-videos{grid-template-columns:repeat(2,1fr)}
  .media-press{grid-template-columns:repeat(3,1fr)}
  .media-gallery{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
  .media-videos{grid-template-columns:1fr}
  .media-press{grid-template-columns:repeat(2,1fr)}
  .media-gallery{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){ .tab-content.tab-active{animation:none} }