.stay-galleries { padding: 115px 6vw 125px; background: #f4f1eb; }
.gallery-heading { max-width: 760px; margin: 0 auto 68px; text-align: center; }
.gallery-heading h2 { margin: 16px 0 20px; color: #332b24; font: 500 clamp(44px,5vw,68px)/1 "Cormorant Garamond",serif; }
.gallery-heading > p:last-child { color:#53473c; font-size:13px; line-height:1.8; }
.gallery-block { max-width: 1350px; margin: 0 auto 88px; }
.gallery-block:last-child { margin-bottom:0; }
.gallery-copy { display:grid; grid-template-columns:auto 1fr; column-gap:22px; align-items:end; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #c9bba8; }
.gallery-copy > span { grid-row:1 / span 2; align-self:start; padding-top:8px; color:#806a55; font-size:9px; font-weight:600; letter-spacing:.18em; }
.gallery-copy h3 { margin:0 0 5px; color:#332b24; font:500 38px "Cormorant Garamond",serif; }
.gallery-copy p { margin:0; color:#594d42; font-size:12px; line-height:1.7; }
.gallery-copy small { grid-column:2; margin-top:8px; color:#8a3f32; font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.gallery-grid { display:grid; grid-template-columns:1.45fr 1fr; grid-template-rows:245px 245px; gap:14px; }
.gallery-item { position:relative; overflow:hidden; border:0; padding:0; background:#d8cbbb; text-align:left; }
.gallery-item-main { grid-row:1 / span 2; }
.gallery-item img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s ease,filter .35s ease; }
.gallery-item:hover img,.gallery-item:focus-visible img { transform:scale(1.035); filter:brightness(.88); }
.gallery-item span { position:absolute; right:14px; bottom:14px; left:14px; padding:11px 14px; color:#fff; background:rgba(47,39,32,.76); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; backdrop-filter:blur(7px); }
.gallery-item.is-example::before { content:"ANTEPRIMA"; position:absolute; z-index:1; top:14px; left:14px; padding:7px 10px; color:#fff; background:#8a3f32; font-size:8px; font-weight:600; letter-spacing:.12em; }
.gallery-lightbox[hidden] { display:none; }
.gallery-lightbox { position:fixed; z-index:1200; inset:0; display:grid; grid-template-columns:70px minmax(0,1fr) 70px; align-items:center; padding:50px 22px; background:rgba(25,21,18,.94); }
.gallery-lightbox figure { grid-column:2; margin:0; max-height:calc(100vh - 100px); text-align:center; }
.gallery-lightbox figure img { max-width:100%; max-height:calc(100vh - 155px); object-fit:contain; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.gallery-lightbox figcaption { margin-top:13px; color:#f4f1eb; font-size:11px; letter-spacing:.08em; }
.lightbox-close { position:absolute; top:18px; right:20px; width:44px; height:44px; border:1px solid rgba(255,255,255,.65); color:#fff; background:transparent; font-size:28px; }
.lightbox-nav { border:0; color:#fff; background:transparent; font:300 56px/1 Arial,sans-serif; }
.lightbox-prev { grid-column:1; }
.lightbox-next { grid-column:3; }
.lightbox-counter { position:absolute; bottom:16px; left:50%; margin:0; color:#d7caba; font-size:10px; transform:translateX(-50%); }
body.lightbox-open { overflow:hidden; }
@media(max-width:800px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 220px}.gallery-item-main{grid-column:1 / -1;grid-row:auto}.gallery-lightbox{grid-template-columns:45px minmax(0,1fr) 45px;padding:48px 8px}.lightbox-nav{font-size:43px}}
@media(max-width:560px){.stay-galleries{padding:85px 24px}.gallery-copy{grid-template-columns:1fr}.gallery-copy>span{grid-row:auto;margin-bottom:8px}.gallery-copy small{grid-column:1}.gallery-grid{grid-template-columns:1fr;grid-template-rows:330px 220px 220px}.gallery-item-main{grid-column:auto}.gallery-lightbox{grid-template-columns:38px minmax(0,1fr) 38px}.gallery-lightbox figure img{max-height:calc(100vh - 190px)}}
