.gallery-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(68px,8vw,112px) 0 72px;
    color:#fff;
    background:
        radial-gradient(circle at 12% 12%,rgba(45,212,191,.24),transparent 29%),
        radial-gradient(circle at 88% 18%,rgba(244,114,182,.2),transparent 26%),
        linear-gradient(135deg,#071b25 0%,#0f3e42 48%,#0b5c55 100%);
}

.gallery-hero::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:auto -10% -180px 36%;
    height:340px;
    border-radius:50%;
    background:rgba(245,158,11,.16);
    filter:blur(70px);
}

.gallery-hero__layout{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
    gap:clamp(38px,6vw,84px);
    align-items:center;
}

.gallery-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#a7f3d0;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    backdrop-filter:blur(14px);
}

.gallery-hero h1{
    max-width:770px;
    margin:22px 0 0;
    color:#fff;
    font-size:clamp(3rem,6vw,5.6rem);
    line-height:.94;
    letter-spacing:-.065em;
}

.gallery-hero__lead{
    max-width:690px;
    margin:25px 0 0;
    color:rgba(255,255,255,.76);
    font-size:clamp(1rem,1.45vw,1.17rem);
    line-height:1.75;
}

.gallery-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.gallery-hero .btn--ghost{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.gallery-hero .btn--ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}

.gallery-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:34px 0 0;
}

.gallery-stats div{
    padding:17px 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    background:rgba(255,255,255,.065);
    backdrop-filter:blur(12px);
}

.gallery-stats dt{color:#fff;font-size:1.55rem;font-weight:900;line-height:1;letter-spacing:-.04em}
.gallery-stats dd{margin:8px 0 0;color:rgba(255,255,255,.63);font-size:.82rem;line-height:1.3}

.gallery-hero__collage{position:relative;min-height:560px}
.gallery-hero__shot{
    position:absolute;
    overflow:hidden;
    margin:0;
    border:1px solid rgba(255,255,255,.2);
    background:#164e4a;
    box-shadow:0 34px 70px rgba(2,12,20,.38);
}
.gallery-hero__shot img,.gallery-hero__shot video{width:100%;height:100%;object-fit:cover}
.gallery-hero__shot--1{inset:0 14% 8% 5%;border-radius:42px;transform:rotate(-2.5deg)}
.gallery-hero__shot--2{z-index:2;top:7%;right:0;width:38%;height:43%;border-radius:28px;transform:rotate(4deg)}
.gallery-hero__shot--3{z-index:3;right:2%;bottom:1%;width:42%;height:40%;border-radius:28px;transform:rotate(2deg)}

.gallery-hero__note{
    position:absolute;
    z-index:4;
    left:0;
    bottom:4%;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px 12px 12px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:18px;
    background:rgba(7,27,37,.72);
    color:#fff;
    box-shadow:0 18px 38px rgba(2,12,20,.3);
    backdrop-filter:blur(16px);
}
.gallery-hero__note-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f59e0b;color:#fff}
.gallery-hero__note>span:last-child{display:flex;flex-direction:column;font-size:.82rem;color:rgba(255,255,255,.67)}
.gallery-hero__note strong{color:#fff;font-size:.92rem}
.gallery-hero__empty{display:grid;place-items:center;gap:12px;min-height:420px;border:1px dashed rgba(255,255,255,.22);border-radius:38px;color:rgba(255,255,255,.7)}
.gallery-hero__empty i{font-size:3rem}

.gallery-category-nav{
    position:relative;
    z-index:10;
    border-bottom:1px solid var(--clr-border);
    background:rgba(255,255,255,.84);
    box-shadow:0 14px 35px rgba(15,23,42,.04);
    backdrop-filter:blur(15px);
}
.gallery-category-nav__inner{display:flex;align-items:center;gap:18px;padding-block:16px}
.gallery-category-nav__label{flex:0 0 auto;color:var(--clr-dark);font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gallery-category-nav__scroller{display:flex;gap:9px;overflow-x:auto;padding:3px 2px;scrollbar-width:none}
.gallery-category-nav__scroller::-webkit-scrollbar{display:none}
.gallery-category-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;padding:9px 10px 9px 14px;border:1px solid var(--clr-border);border-radius:999px;background:#fff;color:var(--clr-dark);font-size:.86rem;font-weight:750;transition:.25s ease}
.gallery-category-pill small{display:grid;place-items:center;min-width:27px;height:27px;padding-inline:7px;border-radius:999px;background:rgba(15,118,110,.09);color:var(--clr-primary);font-size:.74rem}
.gallery-category-pill:hover{transform:translateY(-1px);border-color:rgba(15,118,110,.25);box-shadow:0 9px 20px rgba(15,23,42,.07)}

.gallery-section{padding-top:78px}
.gallery-section__header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px}
.gallery-section__header h2,.gallery-story__intro h2{margin:14px 0 0;color:var(--clr-dark);font-size:clamp(2rem,4vw,3.45rem);line-height:1.03;letter-spacing:-.05em}
.gallery-section__header p,.gallery-story__intro p{max-width:720px;margin:14px 0 0;color:var(--clr-text-soft)}
.gallery-page-count{flex:0 0 auto;padding:10px 15px;border:1px solid var(--clr-border);border-radius:999px;background:#fff;color:var(--clr-text-soft);font-size:.84rem;font-weight:700}

.photo-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.photo-card{
    grid-column:span 4;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.07);
    border-radius:28px;
    background:#fff;
    box-shadow:0 14px 38px rgba(15,23,42,.065);
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.photo-card--wide{grid-column:span 8}
.photo-card:hover{transform:translateY(-5px);border-color:rgba(15,118,110,.18);box-shadow:0 28px 55px rgba(15,23,42,.12)}
.photo-card__open{display:block;width:100%;padding:0;border:0;background:none;text-align:inherit}
.photo-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(135deg,#ccfbf1,#fef3c7)}
.photo-card--wide .photo-card__media{aspect-ratio:16/8.7}
.photo-card:nth-child(5n + 2):not(.photo-card--wide) .photo-card__media{aspect-ratio:1/1}
.photo-card:nth-child(6n + 4):not(.photo-card--wide) .photo-card__media{aspect-ratio:4/5.6}
.photo-card__media img,.photo-card__media video{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.25,1)}
.photo-card:hover .photo-card__media img,.photo-card:hover .photo-card__media video{transform:scale(1.055)}
.photo-card__media::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(2,12,20,.34));pointer-events:none}
.photo-card__zoom{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:rgba(7,27,37,.56);color:#fff;opacity:0;transform:translateY(8px);backdrop-filter:blur(12px);transition:.3s ease}
.photo-card:hover .photo-card__zoom,.photo-card__open:focus-visible .photo-card__zoom{opacity:1;transform:none}
.photo-card__open:focus-visible{outline:3px solid rgba(20,184,166,.45);outline-offset:-3px}
.photo-card__video-badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(7,27,37,.68);color:#fff;font-size:.78rem;font-weight:800;backdrop-filter:blur(12px)}

.photo-card__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 19px 20px}
.photo-card__category{display:block;margin-bottom:5px;color:var(--clr-primary);font-size:.72rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.photo-card__caption h3{margin:0;color:var(--clr-dark);font-size:1.03rem;line-height:1.35;letter-spacing:-.018em}
.photo-card__caption p{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:var(--clr-text-soft);font-size:.83rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.photo-card__link{display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(15,118,110,.08);color:var(--clr-primary);transition:.25s ease}
.photo-card__link:hover{background:var(--clr-primary);color:#fff;transform:translateY(-2px)}

.gallery-empty{grid-column:1/-1;display:grid;justify-items:center;padding:65px 24px;border:1px dashed rgba(15,118,110,.23);border-radius:32px;background:rgba(255,255,255,.68);text-align:center}
.gallery-empty>span{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:rgba(15,118,110,.09);color:var(--clr-primary);font-size:1.7rem}
.gallery-empty h3{margin:18px 0 0;color:var(--clr-dark);font-size:1.5rem}
.gallery-empty p{margin:8px 0 21px;color:var(--clr-text-soft)}

.gallery-story{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(236,253,245,.42),rgba(255,255,255,.86))}
.gallery-story__intro{max-width:850px}
.gallery-story__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.gallery-story-card{padding:26px;border:1px solid rgba(15,118,110,.1);border-radius:27px;background:rgba(255,255,255,.82);box-shadow:0 13px 34px rgba(15,23,42,.05)}
.gallery-story-card>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(245,158,11,.13));color:var(--clr-primary);font-size:1.15rem}
.gallery-story-card h3{margin:19px 0 0;color:var(--clr-dark);font-size:1.16rem;letter-spacing:-.02em}
.gallery-story-card p{margin:8px 0 0;color:var(--clr-text-soft);font-size:.92rem}

.gallery-lightbox{
    width:min(1180px,calc(100% - 28px));
    max-width:none;
    max-height:calc(100dvh - 28px);
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:28px;
    background:#07131c;
    color:#fff;
    box-shadow:0 40px 100px rgba(0,0,0,.55);
}
.gallery-lightbox::backdrop{background:rgba(2,8,14,.82);backdrop-filter:blur(12px)}
body.gallery-lightbox-open{overflow:hidden}
.gallery-lightbox__shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:calc(100dvh - 30px)}
.gallery-lightbox__stage{display:grid;place-items:center;min-height:min(68dvh,760px);overflow:hidden;background:#030a0f}
.gallery-lightbox__stage img,.gallery-lightbox__stage video{display:block;width:100%;height:100%;max-height:70dvh;object-fit:contain}
.gallery-lightbox__close,.gallery-lightbox__nav{position:absolute;z-index:4;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(3,10,15,.66);color:#fff;backdrop-filter:blur(12px);transition:.25s ease}
.gallery-lightbox__close{top:16px;right:16px;width:45px;height:45px;border-radius:15px;font-size:1.1rem}
.gallery-lightbox__nav{top:42%;width:48px;height:58px;border-radius:16px;font-size:1.05rem}
.gallery-lightbox__nav--prev{left:16px}.gallery-lightbox__nav--next{right:16px}
.gallery-lightbox__close:hover,.gallery-lightbox__nav:hover{background:var(--clr-primary);border-color:var(--clr-primary)}
.gallery-lightbox__caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 23px;background:#0b1c26}
.gallery-lightbox__caption span{color:#5eead4;font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gallery-lightbox__caption h2{margin:5px 0 0;color:#fff;font-size:1.2rem;line-height:1.3}
.gallery-lightbox__caption p{max-width:730px;margin:5px 0 0;color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.45}

@media (max-width:1100px){
    .gallery-hero__layout{grid-template-columns:1fr}
    .gallery-hero__content{max-width:850px}
    .gallery-hero__collage{width:min(760px,100%);min-height:520px}
    .photo-card,.photo-card--wide{grid-column:span 6}
    .photo-card--wide .photo-card__media{aspect-ratio:4/5}
    .gallery-story__cards{grid-template-columns:1fr 1fr}
}

@media (max-width:720px){
    .gallery-hero{padding:58px 0 52px}
    .gallery-hero h1{font-size:clamp(2.65rem,14vw,4.3rem)}
    .gallery-stats{grid-template-columns:1fr 1fr}
    .gallery-stats div:last-child{grid-column:1/-1}
    .gallery-hero__collage{min-height:430px;margin-top:5px}
    .gallery-hero__shot--1{inset:0 8% 9% 1%;border-radius:30px}
    .gallery-hero__shot--2{right:0;width:38%;height:34%;border-radius:22px}
    .gallery-hero__shot--3{right:1%;bottom:3%;width:43%;height:33%;border-radius:22px}
    .gallery-hero__note{left:0;bottom:2%;padding:9px 12px 9px 9px}
    .gallery-category-nav__inner{display:block;padding-block:13px}
    .gallery-category-nav__label{display:block;margin:0 0 8px 2px}
    .gallery-section{padding-top:58px}
    .gallery-section__header{display:block;margin-bottom:25px}
    .gallery-page-count{display:inline-flex;margin-top:16px}
    .photo-gallery{display:block}
    .photo-card{margin-bottom:18px;border-radius:24px}
    .photo-card__media,.photo-card--wide .photo-card__media,.photo-card:nth-child(n) .photo-card__media{aspect-ratio:4/4.7}
    .photo-card__zoom{opacity:1;transform:none}
    .gallery-story__cards{grid-template-columns:1fr}
    .gallery-lightbox__caption{display:block;padding:16px}
    .gallery-lightbox__caption .btn{width:100%;margin-top:14px}
    .gallery-lightbox__stage{min-height:58dvh}
    .gallery-lightbox__nav{top:38%;width:42px;height:50px}
    .gallery-lightbox__nav--prev{left:9px}.gallery-lightbox__nav--next{right:9px}
}

@media (prefers-reduced-motion:reduce){
    .gallery-hero__shot,.photo-card,.photo-card__media img,.photo-card__media video{transform:none!important;transition:none!important}
}