/* ukazky — 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:22px;}
.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/vzorniky.jpg') center 45%/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;}
/* GALLERY */
.gallery-sec{padding:74px 0 86px;}
/* 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;}
  .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;}
  .gallery-box{padding:18px;}
  .masonry{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}
  .gmodal__nav{width:44px;height:44px;}
  .gmodal__prev{left:8px;}.gmodal__next{right:8px;}
  .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;}}