.gallery-page .site-header{background:var(--navy)}
.gallery-page main{padding-top:102px}
.gallery-hero{padding:72px 0 96px;background:var(--paper)}
.gallery-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(340px,1.14fr);gap:9%;align-items:end}
.gallery-hero h1{margin:0;color:var(--navy);font-size:clamp(58px,7.6vw,108px)}
.gallery-hero h1 em{color:var(--ocean)}
.gallery-hero p:last-child{max-width:470px;margin:28px 0 0;font-size:19px;line-height:1.55}
.gallery-hero figure{position:relative;margin:0;overflow:hidden;transform:rotate(1.5deg)}
.gallery-hero figure::after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);content:""}
.gallery-hero img{display:block;width:100%;height:auto}
.gallery-section{padding:112px 0}
.gallery-section:nth-of-type(odd){background:#e7ece8}
.gallery-section--technik{background:var(--navy)!important;color:#fff}
.gallery-section--bewegte-bilder{background:var(--ocean)!important;color:#fff}
.gallery-section-head{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:48px}
.gallery-section-head h2{margin:0}
.gallery-section-head>p{max-width:520px;margin:0;padding-bottom:6px;font-size:16px;line-height:1.6}
.gallery-section:nth-of-type(even) .gallery-section-head>div{order:2}
.gallery-section:nth-of-type(even) .gallery-section-head>p{order:1}
.gallery-section--technik .gallery-section-head h2,.gallery-section--bewegte-bilder .gallery-section-head h2{color:#fff}
.gallery-section--technik .gallery-section-head>p,.gallery-section--bewegte-bilder .gallery-section-head>p{color:#d4e0e0}
.gallery-masonry{column-count:3;column-gap:18px}
.gallery-item{position:relative;display:block;margin:0 0 18px;overflow:hidden;break-inside:avoid;background:#d7dfdc;cursor:zoom-in}
.gallery-item img{display:block;width:100%;height:auto;transition:transform .35s ease,filter .35s ease}
.gallery-item::after{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--navy);box-shadow:0 3px 10px rgba(0,0,0,.24);content:"⤢";font-size:20px;line-height:1;opacity:0;transition:opacity .2s ease}
.gallery-item:hover img,.gallery-item:focus-visible img{filter:saturate(1.06);transform:scale(1.035)}
.gallery-item:hover::after,.gallery-item:focus-visible::after{opacity:1}
.gallery-item:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
.gallery-section--technik .gallery-item{padding:12px;background:#fff}
.gallery-section--bewegte-bilder .gallery-item{border:1px solid rgba(255,255,255,.28)}
.gallery-section--bewegte-bilder .gallery-masonry{column-count:2}
.gallery-item--video{cursor:pointer}
.gallery-item--video::after{display:none}
.video-play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:rgba(3,24,37,.68);box-shadow:0 5px 18px rgba(0,0,0,.3);font-size:24px;line-height:1;text-indent:3px;transform:translate(-50%,-50%);transition:transform .25s ease,background .25s ease}
.gallery-item--video:hover .video-play,.gallery-item--video:focus-visible .video-play{background:var(--sun);color:var(--navy);transform:translate(-50%,-50%) scale(1.08)}
.gallery-lightbox{width:min(1320px,calc(100% - 40px));max-width:none;max-height:calc(100% - 40px);margin:auto;padding:0;border:0;background:transparent}
.gallery-lightbox::backdrop{background:rgba(3,24,37,.9)}
.gallery-lightbox-content{position:relative;display:grid;gap:12px;max-height:calc(100vh - 40px);padding:18px;background:var(--paper);box-shadow:0 24px 70px rgba(0,0,0,.45)}
.gallery-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 122px);margin:auto;object-fit:contain}
.gallery-lightbox video{display:block;width:auto;max-width:100%;max-height:calc(100vh - 122px);margin:auto;background:#000}
.gallery-lightbox p{margin:0;color:var(--ocean);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.gallery-lightbox-close{position:absolute;z-index:1;top:0;right:0;display:grid;place-items:center;width:42px;height:42px;border:0;color:#fff;background:var(--navy);cursor:pointer;font-size:26px!important;line-height:1}
.gallery-lightbox-close:hover,.gallery-lightbox-close:focus-visible{color:var(--navy);background:var(--sun)}
@media(max-width:800px){.gallery-page main{padding-top:75px}.gallery-hero{padding:56px 0 66px}.gallery-hero-grid,.gallery-section-head{grid-template-columns:1fr;gap:28px}.gallery-hero-grid figure{max-width:650px}.gallery-section{padding:78px 0}.gallery-section:nth-of-type(even) .gallery-section-head>div,.gallery-section:nth-of-type(even) .gallery-section-head>p{order:initial}.gallery-masonry{column-count:2}.gallery-page .site-header .button-small{display:inline-flex}}
@media(max-width:480px){.gallery-hero h1{font-size:56px}.gallery-hero p:last-child{font-size:16px}.gallery-masonry{column-count:1}.gallery-item{margin-bottom:14px}}