/* HAYA ANZER V31 | independent gallery layout: preserve the site's global design */
.haya-gallery-section{padding-top:63px;padding-bottom:95px}
.haya-gallery-about{padding-top:28px;padding-bottom:100px}
.haya-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.haya-gallery-heading .eyebrow{display:block;color:#b58024;font-weight:800;letter-spacing:.23em;font-size:11px;margin-bottom:9px}
.haya-gallery-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(31px,3.1vw,48px);letter-spacing:-.035em;line-height:1.15;margin:0 0 11px;color:#243423}
.haya-gallery-heading p{max-width:580px;font-size:14px;line-height:1.8;color:#6b7068;margin:0}
.haya-gallery-more{font-size:13px;font-weight:800;color:#9c651d;border-bottom:1px solid #ceae6e;padding-bottom:7px;white-space:nowrap;transition:color .2s}
.haya-gallery-more:hover{color:#0d5232}
.haya-gallery-more span{font-size:18px;margin-inline-start:5px}
.haya-gallery-count{font-size:12px;border:1px solid #e9d8b5;color:#836429;background:#fffdf8;padding:9px 15px;border-radius:30px;white-space:nowrap;font-weight:700}
.haya-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(155px,14vw,198px);gap:14px}
.haya-gallery-tile{position:relative;display:block;overflow:hidden;border-radius:14px;background:linear-gradient(120deg,#ded5c5,#f3eee4);box-shadow:0 4px 17px #283a211a;border:1px solid rgba(32,54,25,.08);isolation:isolate;min-width:0;min-height:0}
.haya-gallery-tile:nth-child(1),.haya-gallery-tile:nth-child(10){grid-column:span 2;grid-row:span 2}
.haya-gallery-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .48s ease,filter .48s ease}
.haya-gallery-tile:hover img,.haya-gallery-tile:focus-visible img{transform:scale(1.055);filter:saturate(1.09)}
.haya-gallery-tile::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 57%,rgba(0,18,10,.51));opacity:.85;transition:opacity .2s}
.haya-gallery-tile-label{position:absolute;bottom:13px;left:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#fff;pointer-events:none}
.haya-gallery-tile-num{font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.94}
.haya-gallery-tile-open{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.17);font-size:18px;transition:transform .2s,background .2s}
.haya-gallery-tile:hover .haya-gallery-tile-open{background:#f8bd46;color:#152d1c;transform:translateY(-2px)}
.haya-gallery-bottom{text-align:center;margin-top:32px}
.haya-gallery-section a:focus-visible,.haya-gallery-section button:focus-visible{outline:3px solid #f7bb4d;outline-offset:3px}
.haya-lightbox[hidden]{display:none!important}
.haya-lightbox{position:fixed;z-index:99999;inset:0;background:rgba(2,16,10,.96);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:68px 82px 32px;color:#fff;direction:ltr}
.haya-lightbox-figure{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;max-width:100%;max-height:100%}
.haya-lightbox-figure img{display:block;object-fit:contain;width:auto;height:auto;max-width:min(1250px,85vw);max-height:calc(100dvh - 155px);border-radius:6px;box-shadow:0 14px 65px rgba(0,0,0,.25)}
.haya-lightbox-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:35px;width:100%;min-width:200px;color:#d9d4c5;font-size:12px;letter-spacing:.025em}
.haya-lightbox button{border:0;color:#fff;background:#ffffff19;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.haya-lightbox button:hover{background:#ffffff40}
.haya-lightbox-close{position:absolute;right:25px;top:20px;width:43px;height:43px;font-size:35px;border-radius:50%}
.haya-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:62px;font-size:42px;border-radius:11px;line-height:1}
.haya-lightbox-prev{left:18px}.haya-lightbox-next{right:18px}
html.haya-gallery-open,body.haya-gallery-open{overflow:hidden!important}
/* Nine navigation items should not force a second row on desktop */
@media(min-width:851px){.site-header .main-nav{gap:clamp(9px,1.15vw,17px)}.site-header .main-nav>a{white-space:nowrap;font-size:clamp(11px,.91vw,13px)}.site-header .nav{gap:clamp(12px,1.4vw,23px)}.site-header .nav-wa{padding-inline:clamp(12px,1.4vw,22px)}}
@media(max-width:1050px){.haya-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:185px}.haya-gallery-tile:nth-child(1),.haya-gallery-tile:nth-child(10){grid-column:auto;grid-row:auto}.haya-gallery-tile:first-child{grid-column:span 2;grid-row:span 2}}
@media(max-width:700px){.haya-gallery-section{padding-top:43px;padding-bottom:72px}.haya-gallery-about{padding-top:24px}.haya-gallery-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.haya-gallery-heading h2{font-size:31px}.haya-gallery-heading p{font-size:13px}.haya-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(130px,38vw,210px);gap:9px}.haya-gallery-tile{border-radius:10px}.haya-gallery-tile:first-child{grid-column:span 2;grid-row:span 2}.haya-gallery-tile-label{left:10px;right:10px;bottom:8px}.haya-gallery-tile-open{width:29px;height:29px}.haya-lightbox{padding:65px 12px 70px}.haya-lightbox-figure img{max-width:94vw;max-height:calc(100dvh - 155px)}.haya-lightbox-arrow{width:38px;height:48px;top:auto;bottom:12px;transform:none;font-size:35px;background:#ffffff25!important}.haya-lightbox-prev{left:calc(50% - 80px)}.haya-lightbox-next{right:calc(50% - 80px)}.haya-lightbox-close{right:13px;top:13px}.haya-lightbox-figure figcaption{width:min(94vw,600px)}}
@media(prefers-reduced-motion:reduce){.haya-gallery-section *, .haya-lightbox *{transition:none!important}}
/* Use the already existing menu JS on compact laptops rather than squishing nine links. */
@media(min-width:851px) and (max-width:1100px){
 .site-header .menu-toggle{display:block;order:3}
 .site-header .nav-wa{margin-left:auto}
 .site-header .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 28px;background:#fffdf8;border-top:1px solid #e9e3d7;box-shadow:0 12px 25px #0002;flex-direction:column;align-items:stretch;gap:0}
 .site-header .main-nav.open{display:flex}
 .site-header .main-nav a{padding:12px 8px;font-size:13px}
}