/* ==========================================================================
   Alex Fisherman — reconstrucción estática
   Una sola hoja de estilos, sin frameworks ni dependencias externas.
   ========================================================================== */

:root{--ink:#101317;--paper:#f2f1e4;--pale:#e2e9f0;--blue:#ccdced;--teal:#27848b;--white:#fff;--max:1180px;--header:86px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;line-height:1.65}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;font-weight:500}h1{font-size:clamp(3.2rem,8vw,7rem)}h2{font-size:clamp(2.1rem,4vw,4.1rem)}h3{font-size:1.35rem}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 40px),760px);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}.eyebrow.light,.light-copy{color:#fff}.lead{font-size:1.25rem}.button{display:inline-block;border:1px solid currentColor;padding:.75rem 1.15rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;background:transparent;cursor:pointer}.button:hover{background:var(--ink);color:#fff}.button-light{color:#fff}.button-light:hover{background:#fff;color:var(--ink)}

/* Cabecera superpuesta sobre los grandes fondos fotográficos. */
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.48),transparent)}.header-inner{min-height:var(--header);width:min(calc(100% - 36px),1320px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:230px;height:auto}.site-nav ul{display:flex;gap:1.35rem;list-style:none;padding:0;margin:0}.site-nav a{text-decoration:none;font-size:.95rem}.site-nav a:hover,.site-nav a[aria-current="page"]{color:#111;text-shadow:0 0 18px #fff}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.2);color:#fff;padding:.55rem .8rem}

/* Héroes */
.home-hero,.page-hero,.legacy-hero{position:relative;color:#fff;background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.06) 45%,rgba(0,0,0,.25))}.home-hero{min-height:100vh;background-image:url('../images/home-hero.jpg');background-position:center 36%}.home-hero-copy{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--header) 7vw 30px}.hero-side{font-size:clamp(3rem,7vw,8rem);line-height:1;text-transform:uppercase;letter-spacing:.03em}.hero-side-left{grid-column:1}.hero-side-right{grid-column:3;text-align:right}.jump-link{grid-column:2;grid-row:1;align-self:end;margin-bottom:5vh;text-align:center;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.jump-link img{width:76px;margin:0 auto .4rem;border-radius:50%;filter:invert(1);opacity:.92}.page-hero{min-height:72vh;display:grid;place-items:center;text-align:center}.page-hero-copy{position:relative;z-index:2;padding:calc(var(--header) + 40px) 20px 60px}.page-hero-copy h1{margin-bottom:.25rem}.hero-about{background-image:url('../images/about-hero.jpg');background-position:center 38%}.hero-kids{background-image:url('../images/documentary-hero.jpg')}.hero-videos{background-image:url('../images/music-videos-hero.jpg')}.hero-music{background-image:url('../images/music-hero.jpg')}.hero-news{background-image:url('../images/news-hero.jpg')}.hero-contact{background-image:url('../images/contact-hero.jpg')}.legacy-hero{min-height:55vh;display:grid;place-items:center;text-align:center;background-image:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.58)),url('../images/home-hero.jpg')}.legacy-hero>div{padding:120px 20px 50px}

/* Portada */
.feature{padding:90px 0}.feature-dark{background:#050608;color:#fff}.feature-grid{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:6vw;align-items:center}.poster-link img,.documentary-poster{box-shadow:0 18px 55px rgba(0,0,0,.35)}.feature-copy h1{font-size:clamp(3rem,7vw,6.5rem)}.video-shell{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-shell.wide{width:min(100%,1000px);margin:auto}.visual-links{display:grid;grid-template-columns:repeat(3,1fr);background:var(--pale);padding:70px max(20px,4vw);gap:22px}.visual-links-small{padding-block:45px}.visual-card{position:relative;overflow:hidden;aspect-ratio:1/1;color:#fff}.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.visual-card:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.visual-card span{position:absolute;z-index:2;inset:auto 0 45%;text-align:center;font-size:clamp(1.4rem,2.3vw,2.4rem)}.visual-card:hover img{transform:scale(1.05)}

/* Secciones de contenido */
.paper-section{padding:90px 0;background:var(--paper)}.story-grid,.poster-intro,.album-grid,.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.story-grid.reverse,.album-grid.reverse{grid-template-columns:.85fr 1.15fr}.framed-photo{width:100%;max-height:650px;object-fit:cover;border:12px solid rgba(255,255,255,.65);box-shadow:0 18px 55px rgba(0,0,0,.18)}.dark-photo-section{padding:100px 0;background:linear-gradient(rgba(0,0,0,.63),rgba(0,0,0,.63)),url('../images/about-hero.jpg') center/cover fixed}.quote-section{padding:100px 0;text-align:center;background:var(--blue)}.jump-mark{width:110px;margin:0 auto 25px}.quote-section blockquote{margin:0;font-size:clamp(1.7rem,3vw,3rem);line-height:1.25}.documentary-poster{width:min(100%,420px);margin:auto}.film-story article{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.film-story article:nth-child(even) img{order:2}.film-story img{width:100%;height:100%;object-fit:cover}.film-story article>div{display:grid;place-items:center;padding:60px;background:var(--paper)}.film-story article>div>*{max-width:560px}.trailer-section{padding:90px 0;background:#120d05;color:#fff;text-align:center}.festivals{background:var(--pale)}

/* Vídeos */
.video-gallery{padding:90px 0;background:#b4c1d6}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.video-grid.two{grid-template-columns:repeat(2,1fr)}.video-card{background:rgba(255,255,255,.6);padding:18px}.video-card h3{text-align:center;margin:15px 0 4px}.music-film-break{min-height:60vh;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.48)),url('../images/music-videos-band.jpg') center/cover}.music-film-break>div{max-width:680px;padding:70px 20px}

/* Música */
.album-section{padding:100px 0}.album-section.stage-bg{color:#fff;background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),url('../images/music-stage.jpg') center/cover}.album-section.pale{background:var(--pale)}.album-cover{width:min(100%,430px);aspect-ratio:1/1;object-fit:cover;margin:auto;box-shadow:0 22px 55px rgba(0,0,0,.32)}.audio-player{margin-top:28px;padding:22px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.14)}.audio-player audio{width:100%}.now-playing{font-weight:700}.track-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:14px}.track{border:0;border-bottom:1px solid rgba(0,0,0,.15);background:transparent;padding:.55rem .25rem;text-align:left;cursor:pointer}.track span{display:inline-block;width:2.2em;opacity:.55}.track:hover,.track.is-active{background:rgba(0,0,0,.08)}

/* Noticias */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.news-card{background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.12)}.news-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.news-card>div{padding:24px}.news-card time{font-size:.8rem;letter-spacing:.15em}.archive-cta{padding:90px 0;background:var(--blue);text-align:center}

/* Contacto */
.contact-section{padding:100px 0;color:#fff;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('../images/contact-typewriter.jpg') center/cover}.email-link{font-size:clamp(1.3rem,3vw,2.4rem)}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.social-links a{border:1px solid rgba(255,255,255,.55);padding:.45rem .75rem;text-decoration:none}.contact-form{display:grid;gap:16px;padding:30px;background:rgba(0,0,0,.35);backdrop-filter:blur(4px)}.contact-form label{display:grid;gap:6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.1);color:#fff;padding:.8rem;font:inherit}.form-help{font-size:.8rem;opacity:.8}

/* Archivo histórico */
.legacy-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.legacy-menu a{padding:30px;background:#fff;text-decoration:none;border-top:5px solid var(--teal)}.prose{font-size:1.08rem}.photo-gallery{columns:3 280px;column-gap:20px}.photo-gallery figure{break-inside:avoid;margin:0 0 20px;background:#fff;padding:10px}.photo-gallery figcaption{text-align:center;padding:.4rem}

.site-footer{padding:34px 20px;text-align:center;background:var(--blue);color:#1e1a75}.site-footer p{margin:.2rem}.site-footer a{text-decoration:none}.footer-small{font-size:.75rem;opacity:.75}

/* Adaptación móvil. */
@media (max-width:900px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:76px;left:18px;right:18px;background:rgba(0,0,0,.92);padding:18px}.site-nav.is-open{display:block}.site-nav ul{display:grid;gap:0}.site-nav a{display:block;padding:.6rem}.home-hero-copy{grid-template-columns:1fr;align-content:center;text-align:center;gap:24px}.hero-side-left,.hero-side-right,.jump-link{grid-column:1;grid-row:auto}.hero-side-right{text-align:center}.jump-link{align-self:auto;margin:15vh 0 0}.feature-grid,.story-grid,.story-grid.reverse,.poster-intro,.album-grid,.album-grid.reverse,.contact-grid{grid-template-columns:1fr}.film-story article{grid-template-columns:1fr}.film-story article:nth-child(even) img{order:0}.film-story img{max-height:520px}.video-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}.track-list{grid-template-columns:1fr}.visual-card span{inset:auto 0 42%}}@media (max-width:620px){:root{--header:72px}.brand img{width:185px}.home-hero{min-height:90vh}.home-hero-copy{min-height:90vh}.hero-side{font-size:3rem}.page-hero{min-height:60vh}.visual-links{grid-template-columns:1fr;padding:28px}.visual-card{aspect-ratio:16/10}.feature,.paper-section,.album-section,.video-gallery,.contact-section{padding:64px 0}.video-grid,.video-grid.two,.legacy-menu{grid-template-columns:1fr}.film-story article>div{padding:45px 24px}.social-links{display:grid}.contact-form{padding:20px}}