:root{--navy:#061321;--navy2:#0b1d30;--ink:#03080d;--panel:#0c1a29;--cream:#f5f0e6;--muted:#9aa7b5;--gold:#d8b56b;--gold2:#f0d99f;--line:rgba(216,181,107,.28);--blue:#163653}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1200px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(3,9,15,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;gap:24px}.brand img{width:145px;height:70px;object-fit:cover;object-position:center}.main-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.main-nav>a,.nav-dropdown>button{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#d9e1e8;background:none;border:0;font:inherit;cursor:pointer;padding:8px 0}.main-nav>a.active,.main-nav>a:hover,.nav-dropdown>button:hover{color:var(--gold2)}.nav-dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:32px;left:-16px;width:235px;background:#071523;border:1px solid var(--line);box-shadow:0 25px 60px #000a;padding:8px}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;font-size:10px;text-transform:uppercase;color:#bdc8d3}.dropdown-menu a:hover{background:#0d263d;color:var(--gold2)}.socials{display:flex;gap:7px;margin-left:4px}.socials a{width:28px;height:28px;border:1px solid #344658;border-radius:50%;display:grid;place-items:center;font-size:11px}.menu-toggle{display:none;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:var(--gold);margin:5px}.hero{min-height:78vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero-overlay,.article-hero:before{position:absolute;inset:0;background:linear-gradient(90deg,#02070ceF 0%,#061321C9 50%,#06132155 100%);content:""}.hero-inner{position:relative;padding:100px 0}.hero-copy{max-width:730px}.eyebrow{font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:var(--gold);font-weight:800}.hero h1{font:600 clamp(60px,8vw,108px)/.86 Cormorant Garamond,serif;margin:17px 0}.hero h1 span,h1 span,h2 span{color:var(--gold2)}.hero-text{max-width:650px;color:#d1d9e0;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:0;padding:12px 20px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;cursor:pointer}.btn-gold{background:var(--gold);color:#06111b}.btn-outline{border:1px solid #68798a;color:#edf1f4;background:transparent}.btn-outline:hover{border-color:var(--gold);color:var(--gold2)}.quick-pillars{background:#071c2b;border-top:1px solid var(--line);border-bottom:1px solid #203b51}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pillar-grid a{padding:25px 24px;border-right:1px solid #1e374c}.pillar-grid a:last-child{border:0}.pillar-grid b{display:block;color:var(--gold);font:600 25px Cormorant Garamond}.pillar-grid span{display:block;font-size:11px;letter-spacing:.12em}.pillar-grid small{color:#77889a;font-size:10px}.section{padding:90px 0;background:#081727}.section.dark{background:#040a10}.section-heading{margin-bottom:38px}.section-heading.split{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2,.cta-section h2{font:600 clamp(43px,5vw,70px)/.92 Cormorant Garamond,serif;margin:8px 0}.section-heading p{color:var(--muted);max-width:650px}.centered{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#22364b}.service-card{background:#091827;padding:35px;min-height:250px;transition:.25s}.service-card:hover{background:#0d2135;transform:translateY(-3px)}.service-card>span{font:600 26px Cormorant Garamond;color:var(--gold)}.service-card h3{font:600 31px/1 Cormorant Garamond;margin:22px 0 10px}.service-card p,.card p{color:var(--muted);font-size:12px}.service-card a,.text-link{color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.mag-hero{display:grid;grid-template-columns:1.45fr .85fr;gap:20px}.mag-lead{min-height:530px;background-size:cover;background-position:center;display:flex;align-items:end;position:relative;padding:38px}.mag-lead:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,#02060df0)}.mag-lead>div{position:relative}.mag-lead h2{font:600 clamp(44px,5vw,72px)/.9 Cormorant Garamond;margin:10px 0}.side-stories{display:grid;gap:16px}.side-story{display:grid;grid-template-columns:145px 1fr;background:#0b1928;border:1px solid #23394d}.side-story img{width:100%;height:100%;min-height:155px;object-fit:cover}.side-story div{padding:18px}.side-story h3{font:600 25px/1 Cormorant Garamond;margin:7px 0}.side-story p{font-size:11px;color:#8c9aaa;margin:0}.meta{font-size:9px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.badge{border:1px solid var(--line);color:var(--gold2);padding:4px 7px;font-size:7px;text-transform:uppercase;letter-spacing:.11em}.release-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.release-card{background:#091827;border:1px solid #23394d;overflow:hidden}.release-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.release-card div{padding:17px}.release-card h3{font:600 26px/1 Cormorant Garamond;margin:6px 0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#0a1725;border:1px solid #22374a;overflow:hidden}.card img{width:100%;height:230px;object-fit:cover;display:block}.card-body{padding:23px}.card h3{font:600 31px/1 Cormorant Garamond;margin:8px 0}.page-hero{padding:110px 0 85px;background:radial-gradient(circle at 80% 20%,#12314b 0,#071422 38%,#03080d 100%);border-bottom:1px solid #21384b}.page-hero h1{font:600 clamp(55px,7vw,95px)/.9 Cormorant Garamond;margin:10px 0 0;max-width:850px}.page-hero p{color:var(--muted);max-width:680px}.magazine-mast{padding:90px 0 55px;background:linear-gradient(135deg,#071a2b,#03090f)}.magazine-mast h1{font:600 clamp(58px,8vw,105px)/.85 Cormorant Garamond;margin:10px 0}.magazine-mast>div>p:not(.eyebrow){max-width:720px;color:#a9b5c1}.mag-stats{display:flex;gap:35px;flex-wrap:wrap;margin-top:28px}.mag-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8291a0}.mag-stats b{color:var(--gold2);font-size:20px;margin-right:6px}.mag-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.mag-tabs a{padding:10px 15px;border:1px solid #2a4055;color:#aebac6;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.mag-tabs a.active{background:var(--gold);color:#06111b;border-color:var(--gold)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-select{border:1px solid #2d4358;background:#071522;color:#cdd6df;padding:11px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.search-input{min-width:210px}.magazine-feature{min-height:470px;display:flex;align-items:end;background-size:cover;background-position:center;position:relative;padding:38px;margin-bottom:28px}.magazine-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#02070ef5)}.magazine-feature>div{position:relative;max-width:750px}.magazine-feature h2{font:600 clamp(42px,5vw,68px)/.9 Cormorant Garamond;margin:10px 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#0a1725;border:1px solid #23394d;overflow:hidden}.news-card img{width:100%;height:220px;object-fit:cover;display:block}.news-card .body{padding:21px}.news-card h3{font:600 29px/1 Cormorant Garamond;margin:8px 0 12px}.news-card p{color:var(--muted);font-size:11px}.article-hero{min-height:72vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:end}.article-hero-inner{position:relative;padding:80px 0}.article-hero h1{font:600 clamp(48px,7vw,90px)/.9 Cormorant Garamond;max-width:900px;margin:10px 0}.article-hero p{max-width:760px;color:#ccd4dc}.article-body{max-width:900px}.article-content{font-family:Georgia,serif;font-size:17px;line-height:1.95;color:#c8d0d8;margin:25px 0 35px}.event-grid{display:grid;gap:24px}.event-card,.class-card{display:grid;grid-template-columns:42% 58%;background:#091827;border:1px solid #243a4e;overflow:hidden}.event-card:nth-child(even),.class-card:nth-child(even){grid-template-columns:58% 42%}.event-card:nth-child(even) img,.class-card:nth-child(even) img{order:2}.event-card img,.class-card img{width:100%;height:390px;object-fit:cover}.event-card>div,.class-card>div{padding:45px}.event-card h2,.class-card h2{font:600 46px/.95 Cormorant Garamond;margin:10px 0 15px}.event-card p,.class-card p{color:var(--muted)}.class-list{display:grid;gap:25px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{margin:0;background:#091827;border:1px solid #20364a}.gallery-item img{width:100%;height:310px;object-fit:cover;display:block}.gallery-item figcaption{padding:13px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#b7c2cc}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col h2,.service-detail h2{font:600 clamp(42px,5vw,66px)/.92 Cormorant Garamond;margin:10px 0}.prose{font-size:15px;color:#c3ccd5}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#24394d}.value-grid>div{background:#071522;padding:30px}.value-grid span{color:var(--gold);font:600 26px Cormorant Garamond}.value-grid h3{font:600 26px Cormorant Garamond;margin:12px 0}.value-grid p{color:var(--muted);font-size:12px}.service-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-list article{border-top:1px solid #2a4054;padding:20px 0}.service-list b{color:var(--gold)}.service-list h3{font:600 28px Cormorant Garamond;margin:5px 0}.service-list p{color:var(--muted);font-size:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card{background:#091827;border:1px solid #243a4e;padding:38px}.contact-card h2{font:600 50px Cormorant Garamond}.contact-card a{color:var(--gold2)}.contact-card input,.contact-card textarea,.contact-card select{width:100%;background:#06111c;color:#edf2f6;border:1px solid #2d4357;padding:12px;margin-top:7px}.contact-card label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#aeb9c4;margin-bottom:15px}.success{color:#a9d7a9!important}.empty-state{padding:40px;background:#0a1725;border:1px dashed #425568;color:#8997a5;text-align:center}.cta-section{background:linear-gradient(135deg,#0b2136,#06101b)}.site-footer{background:#02070b;border-top:1px solid var(--line);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-logo{width:150px;height:76px;object-fit:cover}.site-footer h4{color:var(--gold);font-size:9px;letter-spacing:.16em}.site-footer p,.site-footer a{display:block;color:#7f8d9c;font-size:10px;margin:7px 0}.copyright{border-top:1px solid #172735;margin-top:35px;padding-top:18px;color:#5e6c7a;font-size:9px}.wa{position:fixed;right:22px;bottom:22px;width:52px;height:52px;background:#25d366;border-radius:50%;padding:11px;z-index:150;box-shadow:0 12px 35px #0009}.wa img{width:100%;height:100%}.back-top{position:fixed;right:22px;bottom:88px;background:#081522;border:1px solid #34495d;color:var(--gold);padding:8px 12px;z-index:150}.gallery-item:hover img{transform:scale(1.025)}.gallery-item img{transition:.35s}.page-hero+section{}.admin-login{min-height:100vh;display:grid;place-items:center}
@media(max-width:1100px){.main-nav{gap:10px}.main-nav>a,.nav-dropdown>button{font-size:9px}.release-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#061321;border-bottom:1px solid var(--line);padding:16px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.socials{display:none}.nav-dropdown .dropdown-menu{position:static;width:auto}.nav-dropdown:hover .dropdown-menu{display:none}.nav-dropdown.open .dropdown-menu{display:block}.pillar-grid{grid-template-columns:repeat(2,1fr)}.mag-hero,.two-col,.service-detail,.contact-grid{grid-template-columns:1fr}.release-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.event-card,.class-card,.event-card:nth-child(even),.class-card:nth-child(even){grid-template-columns:1fr}.event-card:nth-child(even) img,.class-card:nth-child(even) img{order:0}.event-card img,.class-card img{height:300px}.value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(94%,1200px)}.hero{min-height:70vh}.hero-inner{padding:70px 0}.hero h1{font-size:55px}.section{padding:65px 0}.section-heading.split{display:block}.section-heading.split>a{margin-top:15px}.service-grid,.cards,.news-grid,.footer-grid,.value-grid{grid-template-columns:1fr}.release-grid{grid-template-columns:repeat(2,1fr)}.side-story{grid-template-columns:1fr}.side-story img{height:190px}.mag-lead{min-height:420px;padding:25px}.magazine-feature{min-height:420px;padding:25px}.gallery-grid{grid-template-columns:1fr}.event-card>div,.class-card>div{padding:28px}.event-card h2,.class-card h2{font-size:38px}.service-list{grid-template-columns:1fr}.page-hero{padding:80px 0 60px}.magazine-mast{padding:70px 0 45px}.magazine-mast h1{font-size:60px}.filter-select,.search-input{width:100%}.quick-pillars a{padding:20px 16px}}
/* Cine Mitra clear-logo + expanded magazine */
.brand{display:flex;align-items:center;min-width:170px;height:78px}
.brand img{width:165px!important;height:76px!important;object-fit:contain!important;object-position:center!important;display:block;filter:drop-shadow(0 4px 12px rgba(216,181,107,.18))}
.footer-logo{width:210px!important;height:125px!important;object-fit:contain!important;object-position:left center!important;display:block}
.mag-channel-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0 20px;border-bottom:1px solid #203548;margin-bottom:20px}
.mag-channel-row strong{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);margin-right:5px}
.mag-channel-row a{font-size:9px;color:#aebac6;border:1px solid #294158;padding:7px 10px;text-transform:uppercase;letter-spacing:.05em}
.mag-channel-row a:hover{border-color:var(--gold);color:var(--gold2)}
.archive-grid,.movie-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.archive-card,.movie-index-card{background:#0a1725;border:1px solid #243a4e;padding:22px;transition:.25s}
.archive-card{display:flex;align-items:center;gap:16px}.archive-card:hover,.movie-index-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.archive-card>span{font:600 42px/1 Cormorant Garamond;color:var(--gold)}.archive-card div{display:grid}.archive-card b{font:600 20px Cormorant Garamond}.archive-card small,.movie-index-card small{font-size:9px;color:#8190a0;text-transform:uppercase;letter-spacing:.08em}.archive-card em{margin-left:auto;color:var(--gold);font-style:normal}
.movie-index-card span{font-size:9px;color:var(--gold2);text-transform:uppercase;letter-spacing:.13em}.movie-index-card h3{font:600 30px/1 Cormorant Garamond;margin:10px 0}.movie-index-card small{color:#aebac6}
.magazine-options{background:#f4f0e7;color:#0a1420}.magazine-options .eyebrow{color:#9b7a38}.magazine-options h2{color:#0a1420}.magazine-options h2 span{color:#a57c2f}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d2c9b8}.option-grid a{background:#f8f4ec;padding:25px;min-height:175px;transition:.25s}.option-grid a:hover{background:#fff;transform:translateY(-2px)}.option-grid b{color:#a57c2f;font-size:10px;letter-spacing:.15em}.option-grid h3{font:600 29px/1 Cormorant Garamond;margin:10px 0}.option-grid p{font-size:11px;color:#68727c;margin:0}
@media(max-width:900px){.archive-grid,.movie-index-grid{grid-template-columns:repeat(2,1fr)}.option-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand{min-width:140px;height:70px}.brand img{width:140px!important;height:66px!important}.footer-logo{width:180px!important;height:105px!important}.archive-grid,.movie-index-grid,.option-grid{grid-template-columns:1fr}.mag-channel-row a{padding:6px 8px}}
.home-hero-logo{width:min(360px,78vw);height:auto;max-height:150px;object-fit:contain;object-position:left center;display:block;margin:0 0 18px;filter:drop-shadow(0 8px 25px rgba(0,0,0,.45))}
@media(max-width:600px){.home-hero-logo{width:min(300px,82vw);max-height:125px}}