.og-page { color:#17353a; }
.page-intro { max-width:920px; margin:0 auto; padding:68px 24px 44px; }
.eyebrow { margin:0 0 12px; color:#397f88; font:15px/1.2 system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.page-intro h1 { margin:0; font-size:clamp(42px,6vw,72px); font-weight:500; line-height:1.05; }
.summary { max-width:710px; margin:25px auto 0; font-size:22px; line-height:1.55; }
.details { max-width:940px; margin:0 auto; padding:0 24px 70px; }
.details dl { margin:0; border-top:1px solid #c9d1cd; }
.details dl > div { display:grid; grid-template-columns:minmax(180px,.68fr) minmax(0,1.8fr); gap:30px; padding:23px 10px; border-bottom:1px solid #c9d1cd; text-align:left; }
.details dt { color:#397f88; font:600 19px/1.45 system-ui,sans-serif; }
.details dd { margin:0; }
.gallery-section { padding:67px 24px 78px; background:#eaf3f2; }
.gallery-section h2 { margin:0 0 30px; font-size:clamp(32px,4vw,46px); font-weight:500; }
.gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:1160px; margin:0 auto; }
.gallery button { display:block; padding:0; overflow:hidden; border:0; background:#dce4e2; cursor:zoom-in; }
.gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform 180ms ease; }
.gallery button:hover img,.gallery button:focus-visible img { transform:scale(1.025); }
.lightbox { position:fixed; z-index:20; inset:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; padding:28px; background:rgba(10,26,29,.92); }
.lightbox figure { display:grid; place-items:center; margin:0; min-width:0; max-height:88vh; }
.lightbox img { max-width:100%; max-height:88vh; object-fit:contain; }
.lightbox button { min-width:52px; min-height:52px; border:1px solid rgba(255,255,255,.72); border-radius:50%; background:rgba(24,52,58,.72); color:#fff; font:32px/1 system-ui,sans-serif; cursor:pointer; }
.lightbox .close { position:absolute; top:18px; right:22px; font-size:38px; }
@media(max-width:760px) { .page-intro{padding:48px 24px 35px}.summary{font-size:20px}.details{padding-bottom:50px}.details dl > div{grid-template-columns:1fr;gap:5px;text-align:center}.gallery-section{padding:48px 16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lightbox{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:55px 12px 12px}.lightbox .previous{position:absolute;left:12px;top:calc(50% - 26px)}.lightbox .next{position:absolute;right:12px;top:calc(50% - 26px)} }