/* V54 · Approved Option 01 logo-to-header continuity + Deep Forest intro. */
.mazhaka-intro {background:#071d17!important;transition:none!important;contain:paint;isolation:isolate;}
.mazhaka-intro::before{content:"";position:absolute;inset:0;z-index:-1;opacity:1;pointer-events:none;}
.intro-on.intro-done .mazhaka-intro{transform:none!important;opacity:1!important;pointer-events:none!important;}
.mazhaka-intro[hidden]{display:none!important;}
.intro-on .site-header{opacity:0;}
.intro-done .site-header{opacity:1;transition:opacity .45s ease;}
.mz-exiting .site-header{opacity:1!important;transition:none!important;}
.mz-exiting .mazhaka-intro::before{opacity:0;transition:opacity 1.33s cubic-bezier(.22,.72,.16,1);}
.mz-exiting .mazhaka-intro .intro-inner{pointer-events:none;}
/* Brand in the site header is exactly the two-piece artwork used in the intro. */
.site-header{isolation:isolate;}
.site-header::before{content:"";position:absolute;left:0;right:0;top:0;height:118px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(6,33,25,.91),rgba(6,33,25,.73) 42%,rgba(6,33,25,0));}
.site-header .brand{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:100%;gap:clamp(6px,1.8vw,9px);flex:0 0 auto;line-height:0;}
.site-header .brand .header-emblem{display:block!important;flex:none;width:clamp(29px,8.45vw,39.4px)!important;height:clamp(36px,10.5vw,49px)!important;max-width:none!important;object-fit:contain;transform:none;filter:none;}
.site-header .brand .header-wordmark{display:block!important;flex:none;width:clamp(105px,30vw,148px)!important;height:auto!important;max-width:none!important;object-fit:contain;transform:translateY(1px);filter:none;}
.mz-exiting .site-header .brand img,.mz-landed .site-header .brand img{visibility:hidden!important;}
#mz-permanent-logo svg,#mz-permanent-logo img{image-rendering:auto;backface-visibility:hidden;transform-origin:0 0;transform-box:border-box;}
/* Hero matches the approved viewport composition: don't change content beneath it. */
.hero.h44{height:100vh;height:100svh;min-height:0!important;}
.h44-copy{bottom:clamp(97px,14svh,142px);}
.h44-link{border-bottom:0!important;}
@media(max-width:400px){.h44-copy{bottom:clamp(88px,12svh,120px);}}
@media(prefers-reduced-motion:reduce){.mazhaka-intro{display:none!important;}#mz-permanent-logo{display:none!important;}.site-header .brand .header-emblem,.site-header .brand .header-wordmark{visibility:visible!important;}.intro-on .site-header{opacity:1;}}
/* Photographic gallery preview; the broader Stories archive remains available. */
.gal{border:0;padding:0;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;background:#09251d;color:#f8f4ed;overflow:auto;z-index:900;}
.gal::backdrop{background:#071912dd;}
.gal-head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #ffffff2b;}
.gal-head img{width:160px;height:auto;}.gal-head button{border:1px solid #ffffff66;color:#f8f4ed;border-radius:99px;padding:9px 16px;font:500 13px Inter,Arial,sans-serif;}
.gal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:clamp(20px,4vw,62px);}
.gal-item{margin:0;overflow:hidden;}.gal-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}.gal-item figcaption{font:400 clamp(22px,3vw,36px) 'EB Garamond',Georgia,serif;padding:14px 0;}.gal-item figcaption span{font:600 12px Inter,Arial,sans-serif;letter-spacing:.1em;color:#eea16a;margin-right:13px;}
@media(max-width:650px){.gal-grid{grid-template-columns:1fr;gap:10px;}.gal-item img{aspect-ratio:4/3;}}


/* V53 — Deep Forest: refined lighting, no logo or motion modifications. */
:root{--mazhaka-intro-forest:#071d17;}
.mazhaka-intro{background:#071d17!important;}
.mazhaka-intro::before{
 background-color:#071d17!important;
 background-image:
   url("../hero/mazhaka-deep-forest-grain.png"),
   radial-gradient(ellipse 105% 97% at 50% 44%,transparent 36%,rgba(0,10,7,.16) 75%,rgba(0,8,6,.38) 100%),
   radial-gradient(ellipse 90% 70% at 25% 14%,rgba(65,128,91,.13) 0%,rgba(37,96,70,.055) 42%,transparent 74%),
   radial-gradient(ellipse 74% 65% at 52% 51%,rgba(29,90,64,.22) 0%,rgba(20,67,48,.11) 42%,transparent 78%),
   linear-gradient(147deg,#08231a 0%,#0d3024 42%,#08241c 69%,#061812 100%)!important;
 background-size:192px 192px,cover,cover,cover,cover;
 background-position:0 0,center,center,center,center;
 background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}

/* Reveal the hero while the assembled logo travels to the header. */
html.intro-on.mz-exiting .mazhaka-intro{opacity:0!important;transition:opacity 1s ease!important;pointer-events:none!important;}

/* Keep the desktop headline proportional on shorter screens. */
@media (min-width:1000px) and (min-aspect-ratio:11/10){.hero.h44 h1{font-size:clamp(56px,9.5svh,88px);}}

.gal-group-heading{grid-column:1/-1;margin:24px 0 -8px;color:#eea16a;font:600 12px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;}