.area-gallery{background:#f5f7f4;padding:88px 0}
body[data-vz-shell]:not(.admin-layout) .area-gallery .wrap{width:calc(100% - 88px);max-width:1280px}
.area-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:56px;margin-bottom:40px}
.area-gallery-heading h2{margin:0;max-width:660px}
.area-gallery-heading>p{max-width:340px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.area-gallery-heading>p>span{display:block;margin-top:14px;font-size:12px}
.area-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}
.area-gallery-item{margin:0;min-width:0}
.area-gallery-photo{display:block;position:relative;overflow:hidden;border-radius:18px;background:#e1e8e7;cursor:zoom-in}
.area-gallery-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}





.area-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:30px;border-top:1px solid #d9e1e2}
.area-gallery-footer p{margin:0;color:var(--muted);font-size:14px}
.area-gallery-footer .btn{white-space:normal;text-align:center}
.area-gallery-viewer{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:1440px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:20px 24px;border:1px solid #526571;border-radius:18px;background:#102532;color:#fff;overflow:hidden}
.area-gallery-viewer[open]{display:flex;flex-direction:column;gap:16px}
.area-gallery-viewer::backdrop{background:#071922ed}
.area-viewer-top,.area-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none}
.area-viewer-top>span{font-size:10px;letter-spacing:1.5px;color:#bdcbd4}
.area-gallery-viewer button{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid #788c96;border-radius:50%;background:#102532;color:white;font-size:24px;line-height:1;cursor:pointer}
.area-gallery-viewer button:hover{background:#294652}
.area-gallery-viewer button:focus-visible{outline:2px solid white;outline-offset:3px}
.area-viewer-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}
.area-viewer-image img{width:100%;height:100%;object-fit:contain}
.area-viewer-bottom p{font-size:14px;line-height:1.5;margin:0 0 4px}
.area-viewer-bottom span{font-size:11px;color:#bdcbd4}
.area-viewer-controls{display:flex;gap:10px}
@media(max-width:900px){.area-gallery-heading{display:block}.area-gallery-heading>p{max-width:560px;margin-top:22px}.area-gallery-heading>p>span{margin-top:10px}}
@media(max-width:700px){.area-gallery{padding:56px 0}body[data-vz-shell]:not(.admin-layout) .area-gallery .wrap{width:calc(100% - 32px)}.area-gallery-heading{padding-inline:6px;margin-bottom:28px}.area-gallery-heading>p{font-size:14px}.area-gallery-grid{grid-template-columns:1fr;gap:30px}.area-gallery-photo{border-radius:16px}.area-gallery-footer{display:block;margin-top:32px;padding:24px 6px 0}.area-gallery-footer p{margin-bottom:18px}.area-gallery-viewer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.area-viewer-bottom{align-items:center;gap:12px}.area-viewer-bottom p{font-size:12px}.area-viewer-top>span{font-size:9px;letter-spacing:1px}.area-viewer-controls{gap:8px}}

body[data-vz-layout="editorial"] .area-gallery{padding:88px 0}.area-gallery .eyebrow{color:#526b77}@media(max-width:700px){body[data-vz-layout="editorial"] .area-gallery{padding:56px 0}}

/* Standalone galleries show only photographs. All controls remain outside images. */
body[data-vz-shell] .area-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
body[data-vz-shell] .area-gallery-photo{display:block;padding:0;border:0;border-radius:18px;overflow:hidden;background:#e1e8e7;box-shadow:none;line-height:0}
body[data-vz-shell] .area-gallery-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;margin:0}
body[data-vz-shell] .area-gallery-photo:focus-visible{outline:3px solid #2586b2;outline-offset:5px}
body[data-vz-shell] .area-gallery-grid>[hidden]{display:none!important}
body[data-vz-shell] .portfolio-collection{background:#f5f7f4}
body[data-vz-shell] .portfolio-collection .filters{margin-bottom:32px}
@media(max-width:700px){body[data-vz-shell] .area-gallery-grid{grid-template-columns:1fr;gap:22px}body[data-vz-shell] .area-gallery-photo{border-radius:16px}}
body[data-vz-layout="editorial"] .portfolio-collection{padding-top:32px}
body[data-vz-layout="editorial"].portfolio-page .page-intro{padding-bottom:48px}
body[data-vz-shell] .portfolio-collection .filterbar{justify-content:flex-start;gap:10px;margin:0 0 28px}
@media(max-width:700px){body[data-vz-layout="editorial"] .portfolio-collection{padding-top:20px}body[data-vz-layout="editorial"].portfolio-page .page-intro{padding-bottom:28px}body[data-vz-shell] .portfolio-collection .filterbar{gap:8px;margin-bottom:24px}}
