.field-gallery{padding:130px 8vw;background:var(--cream);color:var(--green)}
.gallery-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;margin-bottom:55px}
.gallery-heading h2{font-size:clamp(52px,6.5vw,96px);line-height:1.05;letter-spacing:-4px;margin:30px 0 0}
.gallery-heading h2 em{font-style:normal;color:var(--gold)}
.gallery-heading>p{line-height:2;color:#65706c;margin:0 0 8px}
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.gallery-filters button{font:600 12px Cairo;border:1px solid #32464635;background:transparent;color:var(--green);padding:10px 18px;border-radius:99px;cursor:pointer;transition:.25s}
.gallery-filters button:hover,.gallery-filters button.active{background:var(--green);color:#fff;border-color:var(--green)}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:115px;gap:14px}
.gallery-item{position:relative;overflow:hidden;border:0;padding:0;background:#243a34;cursor:default;color:#fff;grid-column:span 4;grid-row:span 3;isolation:isolate}
.gallery-item:nth-child(1),.gallery-item:nth-child(7){grid-column:span 8;grid-row:span 4}
.gallery-item:nth-child(4),.gallery-item:nth-child(10){grid-column:span 5;grid-row:span 4}
.gallery-item:nth-child(5),.gallery-item:nth-child(11){grid-column:span 7;grid-row:span 4}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .45s}
.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(16,31,26,.88));z-index:1;opacity:.75;transition:.35s}
.gallery-item:hover img{transform:scale(1.055)}.gallery-item:hover:after{opacity:1}.gallery-item:hover div{transform:translateY(-5px)}
.gallery-item div{position:absolute;z-index:2;right:20px;left:20px;bottom:18px;display:flex;justify-content:space-between;align-items:end;text-align:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.gallery-item small{color:#dcc374;font-size:10px}.gallery-item strong{font-size:15px;font-weight:700}
.gallery-item.is-hidden{display:none}
.gallery-lightbox{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(12,23,19,.96);color:#fff;overflow:hidden}
.gallery-lightbox::backdrop{background:#0b1613}
.gallery-lightbox[open]{display:grid;grid-template-columns:90px 1fr 90px;align-items:center}
.gallery-lightbox figure{margin:0;width:100%;height:88svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;position:relative}
.gallery-lightbox figure img{display:block;max-width:min(1200px,82vw);max-height:78svh;object-fit:contain;box-shadow:0 28px 80px #0009}
.gallery-lightbox figcaption{width:min(1200px,82vw);display:flex;justify-content:space-between;color:#ffffff88;font-size:12px}.gallery-lightbox figcaption strong{color:#fff}
.lightbox-close,.lightbox-nav{border:0;background:transparent;color:#fff;cursor:pointer}.lightbox-close{position:absolute;left:28px;top:20px;font:300 40px Archivo;z-index:3}.lightbox-nav{font-size:32px;height:100%}.lightbox-nav:hover{color:var(--gold)}
@media(max-width:900px){.field-gallery{padding:85px 24px}.gallery-heading{display:block;margin-bottom:35px}.gallery-heading h2{font-size:49px;letter-spacing:-2px}.gallery-heading>p{margin-top:25px}.gallery-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.gallery-filters::-webkit-scrollbar{display:none}.gallery-filters button{white-space:nowrap}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.gallery-item,.gallery-item:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:16/10}.gallery-lightbox[open]{grid-template-columns:44px 1fr 44px}.gallery-lightbox figure{height:90svh}.gallery-lightbox figure img{max-width:calc(100vw - 88px);max-height:72svh}.gallery-lightbox figcaption{width:calc(100vw - 88px);flex-direction:column;gap:5px}.lightbox-close{left:16px;top:12px}}