:root{
  --gallery-navy:#0b1b33;
  --gallery-blue:#145c96;
  --gallery-turquoise:#19b7c7;
  --gallery-surface:#f6fafb;
  --gallery-line:rgba(11,27,51,.13);
  --gallery-muted:rgba(11,27,51,.65);
}

.gallery-home{background:transparent; border:0}
.gallery-home-grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:44px; align-items:center}
.gallery-home-copy p{margin:0 0 24px; color:var(--gallery-muted); font-size:18px; line-height:1.65}
.gallery-home-mosaic{display:grid; grid-template-columns:1.45fr .75fr; gap:14px}
.gallery-home-photo{position:relative; min-height:310px; margin:0; overflow:hidden; border-radius:24px; background:#dce9ee; box-shadow:0 18px 38px rgba(11,27,51,.13)}
.gallery-home-photo img{width:100%; height:100%; min-height:310px; object-fit:cover}
.gallery-home-photo figcaption{position:absolute; left:14px; right:14px; bottom:14px; padding:10px 12px; border-radius:14px; color:#fff; background:rgba(11,27,51,.66); backdrop-filter:blur(8px); font-size:13px; font-weight:850}

.gallery-page{margin:0; min-height:100vh; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--gallery-navy); background:var(--gallery-surface)}
.gallery-shell{max-width:1180px; margin:0 auto; padding:0 22px}
.gallery-topbar{background:linear-gradient(90deg,#145c96,#19b7c7); color:#fff; box-shadow:0 10px 28px rgba(11,27,51,.13)}
.gallery-topbar-inner{min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:24px}
.gallery-brand{display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; font-weight:900}
.gallery-brand img{width:58px; height:58px; object-fit:contain}
.gallery-nav{display:flex; gap:18px}
.gallery-nav a{color:rgba(255,255,255,.9); text-decoration:none; font-weight:800; font-size:14px}
.gallery-hero{padding:78px 0 58px; color:#fff; background:radial-gradient(circle at 78% 15%,rgba(255,255,255,.15),transparent 34%),linear-gradient(135deg,#0b2748 0%,#145c96 52%,#19aebb 100%)}
.gallery-eyebrow{margin:0 0 12px; color:#ffe39c; text-transform:uppercase; letter-spacing:.14em; font-weight:900; font-size:12px}
.gallery-hero h1{margin:0; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; font-size:clamp(44px,6vw,72px); line-height:1}
.gallery-hero p{max-width:720px; margin:18px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.6}
.gallery-main{padding:54px 0 84px}
.gallery-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}
.gallery-item{position:relative; min-height:300px; margin:0; overflow:hidden; border-radius:22px; background:#dce9ee; box-shadow:0 14px 30px rgba(11,27,51,.09); cursor:zoom-in}
.gallery-item img{width:100%; height:300px; object-fit:cover; transition:transform .35s ease}
.gallery-item:hover img{transform:scale(1.025)}
.gallery-item figcaption{position:absolute; left:0; right:0; bottom:0; padding:48px 18px 17px; color:#fff; background:linear-gradient(transparent,rgba(11,27,51,.82))}
.gallery-item-title{display:block; font-weight:900; font-size:16px}
.gallery-item-meta{display:block; margin-top:4px; color:rgba(255,255,255,.75); font-size:12px}
.gallery-prototype{position:absolute; right:12px; top:12px; padding:6px 9px; border-radius:999px; color:#765300; background:#fff3ca; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em}
.gallery-empty{grid-column:1/-1; padding:24px; border:1px dashed rgba(20,92,150,.3); border-radius:20px; color:var(--gallery-muted); background:#eef8fa}
.gallery-footer{padding:28px 0; color:var(--gallery-muted); border-top:1px solid var(--gallery-line); background:#fff; font-size:13px}
.gallery-lightbox{position:fixed; inset:0; z-index:100; display:none; place-items:center; padding:24px; background:rgba(5,15,28,.9)}
.gallery-lightbox[aria-hidden="false"]{display:grid}
.gallery-lightbox-inner{max-width:min(1100px,94vw); max-height:92vh; color:#fff}
.gallery-lightbox img{max-width:100%; max-height:78vh; margin:auto; border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.38)}
.gallery-lightbox-caption{margin:13px auto 0; max-width:900px; text-align:center; line-height:1.5}
.gallery-lightbox-close{position:fixed; right:22px; top:18px; width:44px; height:44px; border:1px solid rgba(255,255,255,.3); border-radius:50%; color:#fff; background:rgba(255,255,255,.1); font-size:25px; cursor:pointer}
.gallery-lightbox-nav{position:fixed; top:50%; width:54px; height:54px; transform:translateY(-50%); border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; background:rgba(11,27,51,.56); font-size:38px; line-height:1; cursor:pointer; backdrop-filter:blur(8px)}
.gallery-lightbox-nav:hover,.gallery-lightbox-nav:focus-visible{background:rgba(25,183,199,.7); outline:2px solid #fff; outline-offset:3px}
.gallery-lightbox-nav[hidden]{display:none}
.gallery-lightbox-previous{left:22px}
.gallery-lightbox-next{right:22px}

@media(max-width:900px){.gallery-home-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.gallery-home-mosaic{grid-template-columns:1fr}.gallery-home-photo{min-height:260px}.gallery-home-photo img{min-height:260px}.gallery-grid{grid-template-columns:1fr}.gallery-brand span{display:none}.gallery-lightbox-nav{top:auto; bottom:18px; width:48px; height:48px; transform:none}.gallery-lightbox-previous{left:22px}.gallery-lightbox-next{right:22px}.gallery-lightbox-caption{padding:0 54px 58px}}