/* obrazy — styly jen pro tuto stránku */
/* HEADER */
.header{position:fixed;top:0;left:0;right:0;z-index:60;padding:10px 0;background:rgba(255,255,255,.95);backdrop-filter:saturate(140%) blur(10px);box-shadow:0 6px 22px -16px rgba(8,60,46,.5);transition:padding .3s var(--ease);}
.logo__img{width:48px;height:48px;display:block;box-shadow:0 8px 20px -10px rgba(8,60,46,.55);transition:transform .25s var(--ease);}
.nav{display:flex;align-items:center;gap:24px;}
.burger span{display:block;width:26px;height:2.5px;background:#0a4a38;transition:.3s var(--ease);}
/* HERO */
.hero{position:relative;height:clamp(340px,46vh,500px);margin-top:68px;background:#063a2d url('../photos/galerie-3.jpg') center 40%/cover no-repeat;overflow:hidden;}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,55,42,.86) 0%, rgba(5,55,42,.5) 40%, rgba(5,55,42,.08) 72%, rgba(5,55,42,0) 100%),linear-gradient(0deg, rgba(4,45,35,.55) 0%, rgba(4,45,35,0) 40%);}
.hero__inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:34px;}
/* INTRO */
.intro{padding:74px 0 10px;}
.intro__inner{max-width:780px;}
.intro__lead{font-size:1.2rem;color:var(--ink);line-height:1.55;margin:14px 0 0;}
/* GALLERY */
.gallery-sec{padding:40px 0 16px;}
.btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.92rem;color:#fff;background:var(--green);padding:14px 24px;display:inline-flex;align-items:center;gap:10px;transition:background .2s var(--ease),transform .15s var(--ease);}
/* CONTACT / FORM */
.contact{background:var(--green-900);color:#fff;padding:88px 0;}
/* RESPONSIVE */
@media(max-width:980px){
  .nav{position:absolute;top:100%;right:14px;left:14px;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 20px 50px -18px rgba(8,60,46,.4);padding:10px;transform-origin:top;transform:scaleY(.6);opacity:0;visibility:hidden;transition:.22s var(--ease);}
  .nav.open{transform:scaleY(1);opacity:1;visibility:visible;}
  .nav a{padding:13px 14px;}
  .nav a::after{display:none;}
  .nav a:hover{background:var(--tan-300);}
  .burger{display:flex;}
  .portrait-band__grid{grid-template-columns:1fr;gap:30px;text-align:center;}
  .portrait-band__copy p{margin-left:auto;margin-right:auto;}
  .artists{columns:3;}
  .contact__grid{grid-template-columns:1fr;gap:40px;}
  .footer__cols{grid-template-columns:1fr 1fr;}
  .footer__brand{grid-column:1 / -1;}
}
@media(max-width:680px){
  body{font-size:16px;}
  .wrap{padding:0 20px;}
  .artists{columns:2;}
  .form-row{grid-template-columns:1fr;}
  .footer__cols{grid-template-columns:1fr;gap:30px;}
  .footer__bottom{flex-direction:column;align-items:flex-start;gap:10px;}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}html{scroll-behavior:auto;}}