/* Mazhaka V55: focused accessibility and typography QA; preserves V54 design. */
@font-face {font-family:'EB Garamond';src:url('../fonts/eb-garamond-12-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
:root {--serif:'EB Garamond',Georgia,serif;--editorial-serif:'EB Garamond',Georgia,serif;}
/* Restore the actual accessible header logo when the animation never takes flight. */
@media(prefers-reduced-motion:reduce) {
  html .site-header .brand .header-emblem,
  html .site-header .brand .header-wordmark {visibility:visible!important;opacity:1!important;}
}
/* Gallery close control remains reachable while photographs scroll. */
.gal {height:100dvh;max-height:100dvh;}
.gal-head {position:sticky;top:0;z-index:5;box-sizing:border-box;min-height:82px;height:auto;
 background:#09251d;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px;}
.gal-head button {min-height:44px;min-width:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.gal-head button:focus-visible {outline:2px solid #f0a06a;outline-offset:3px;}
/* Keep the small visual indicators, but give each a comfortable touch target. */
.h44-tick {height:44px;min-width:44px;width:44px;}
.h44-tick span {width:26px;height:2px;}
@media(max-width:560px){.h44-ticks{gap:0}.h44-tick{width:44px;min-width:44px;height:44px}.h44-bar{gap:8px}.h44-pause{width:44px;height:44px;flex:none;margin-left:1px}.h44-cap{gap:7px}.h44-n{font-size:10px}.h44-t{font-size:16px}}
@media(max-width:380px){.h44-t{display:none}}
/* The hero control rail crowds small screens; keep it on desktop only. */
@media(max-width:560px){.h44-bar{display:none}}
/* Use the available phone height to place the hero copy lower; respect the bottom safe area. */
@media(max-width:560px){.h44-copy{bottom:max(env(safe-area-inset-bottom,0px),clamp(20px,4svh,40px))}}
/* Link arrows and weight already signal these actions; remove the extra underline rule. */
.link-u{border-bottom:0!important;padding-bottom:0!important}
/* Give the event card room before the contact section. */
.up44{padding-bottom:clamp(24px,4vw,64px)}
@media(max-width:650px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 16px}}
.gal-grid [hidden]{display:none!important}
.gal-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 0;color:#f8f4ed}
.gal-pagination button{min-height:44px;padding:8px 16px;border:1px solid #ffffff66;border-radius:99px;color:inherit;background:transparent;cursor:pointer}
.gal-pagination button:disabled{opacity:.4;cursor:default}
.gal-pagination button:focus-visible{outline:2px solid #f0a06a;outline-offset:3px}
/* No decorative underlines added during final QA. */