/* Marina's new identity and exhibition pages. Add AFTER existing styles.css.
   Leaves inner-page galleries/lightbox/background styles unchanged. */
.site-header{background:rgba(15,19,23,.91)}
.nav-container{max-width:1400px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem}
.nav-main{gap:clamp(.65rem,2.1vw,2.5rem);flex-wrap:wrap;align-items:center}
.nav-main .nav-link{white-space:nowrap;font-size:clamp(.8rem,1vw,1rem)}
.nav-link.is-current{text-decoration:underline;text-decoration-color:#83d5d2;text-underline-offset:.35rem}
.site-info-bar a{color:inherit;text-decoration:none}
.md-home{min-height:100vh;background-image:url('images/orca-home-left.webp');background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.md-home-main{min-height:calc(100svh - 110px);display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,5vh,3rem) 1rem 6rem}
.md-identity{width:min(100%,920px);margin:0 auto;text-align:center}
.md-identity img{display:block;width:100%;height:auto;max-height:48vh;object-fit:contain;margin:0 auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.15))}
.md-exhibition-body{min-height:100vh;background:#e8eeec url('images/orca-preview.webp') center / cover fixed no-repeat}
.md-exhibitions{max-width:1180px;margin:2rem auto 6rem;padding:0 1rem}
.md-exhibition-panel{background:rgba(255,255,255,.92);border-radius:14px;padding:clamp(1rem,3vw,2.5rem);box-shadow:0 8px 30px #0002}
.md-exhibition-panel h1{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.5rem}
.md-exhibition-panel h2{margin:1.6rem 0 .6rem}
.md-exhibition-panel p{line-height:1.6}
.md-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:1.6rem;align-items:start}
.md-poster-grid img{width:100%;height:auto;display:block;box-shadow:0 4px 15px #0003;border-radius:5px}
.md-event-photos{margin-top:2rem;padding-top:1.4rem;border-top:1px solid #ddd}
.md-event-photos h3{margin-bottom:.4rem}
@media(max-width:1000px){.nav-container{display:flex;flex-wrap:wrap;justify-content:center}.nav-main{justify-content:center}.language-switch{margin-left:auto}.md-poster-grid{gap:.65rem}}
@media(max-width:650px){.nav-container{display:block;text-align:center}.nav-main{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin-bottom:.5rem}.language-switch{display:inline-block;margin-left:0}.md-home{background-attachment:scroll}.md-home-main{min-height:calc(100svh - 150px);padding-top:1.2rem}.md-identity img{max-height:none}.md-poster-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.md-exhibition-body{background-attachment:scroll}}

/* Exact approved homepage visual (artwork and lettering are baked into the image).
   Do not add a second separate logo; retain real HTML navigation and footer. */
.md-home { background: #112b2f !important; min-height:100svh; }
.md-home-main { display:block; padding:0; width:100%; min-height:0; }
.md-approved-hero { display:block; width:100%; height:calc(100svh - 42px); min-height:440px; object-fit:cover; object-position:center center; }
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:650px) { .md-approved-hero { height:calc(100svh - 110px); min-height:340px; object-position:center center; } }

/* Haßfurt show photographs: compact, responsive, fully clickable. */
.md-event-photos h4 {margin:1.5rem 0 .75rem;font-size:1.15rem}
.md-photo-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.4rem}
.md-photo-grid figure {margin:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px #0002}
.md-photo-grid figure a {display:block;line-height:0}
.md-photo-grid img {display:block;width:100%;height:230px;object-fit:cover}
.md-photo-grid figcaption {padding:.6rem .75rem;font-size:.88rem;line-height:1.4;color:#3e4648}
.md-photo-grid a:focus-visible {outline:3px solid #12827c;outline-offset:-3px}
@media(max-width:850px){.md-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-photo-grid img{height:210px}}
@media(max-width:500px){.md-photo-grid{grid-template-columns:1fr}.md-photo-grid img{height:auto;max-height:430px;object-fit:contain}}


/* Exhibition images: gallery-style lightbox (isolated from existing gallery JS/CSS). */
.md-poster-grid a, .md-photo-grid a {cursor:zoom-in}
.md-lightbox[hidden] {display:none !important}
.md-lightbox {position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.90);display:flex;align-items:center;justify-content:center;padding:2rem 4.5rem;color:white}
.md-lightbox-stage {position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;min-width:0}
.md-lightbox-image {display:block;max-width:100%;max-height:calc(100dvh - 9rem);width:auto;height:auto;object-fit:contain;box-shadow:0 0 28px #0008}
.md-lightbox-caption {font-size:clamp(.85rem,1.5vw,1.1rem);text-align:center;line-height:1.35;max-width:85ch;padding:.35rem .6rem}
.md-lightbox button {position:absolute;border:0;color:#fff;background:rgba(30,30,30,.65);border-radius:6px;cursor:pointer;z-index:2;font:inherit}
.md-lightbox button:hover,.md-lightbox button:focus-visible {background:rgba(75,75,75,.95)}
.md-lightbox-prev,.md-lightbox-next {top:50%;transform:translateY(-50%);font-size:2.6rem !important;padding:.3rem .85rem}
.md-lightbox-prev {left:1rem}
.md-lightbox-next {right:1rem}
.md-lightbox-close {top:1rem;right:1rem;font-size:2.1rem !important;line-height:1;padding:.3rem .65rem}
body.md-lightbox-open {overflow:hidden}
@media(max-width:600px){.md-lightbox{padding:3.2rem 2.4rem}.md-lightbox-prev,.md-lightbox-next{font-size:1.8rem !important;padding:.3rem .45rem}.md-lightbox-prev{left:.15rem}.md-lightbox-next{right:.15rem}.md-lightbox-image{max-height:calc(100dvh - 8rem)}}