/*! MAMMAL.sk 2027 · king.css – podstránka King & Queen of MAMMAL (coming soon)
 *  Author & Owner / Autor a vlastník: Mgr. Ing. Marek Herda · © 2026 · All rights reserved. */
.kq-hero{position:relative;background:var(--coal,#111);color:#fff;overflow:hidden;min-height:clamp(520px,78vh,760px);display:flex;align-items:flex-end}
.kq-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.kq-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.25) 0%,rgba(10,10,10,.55) 45%,rgba(10,10,10,.95) 100%)}
.kq-hero .wrap{position:relative;z-index:1;padding-top:120px;padding-bottom:clamp(36px,6vw,72px);width:100%}
.kq-kick{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--body,sans-serif);letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-bottom:14px}
.kq-kick::before{content:"";width:22px;height:3px;background:var(--red,#d41111)}
.kq-hero h1{font-family:var(--display,sans-serif);font-weight:900;text-transform:uppercase;line-height:.86;font-size:clamp(46px,8vw,112px);margin:0 0 6px;letter-spacing:-.01em}
.kq-hero h1 .amp{color:var(--red,#d41111)}
.kq-soon{display:block;font-family:var(--display,sans-serif);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.9;font-size:clamp(54px,11vw,170px);color:transparent;-webkit-text-stroke:2px #fff;margin:6px 0 20px;letter-spacing:.01em}
.kq-soon b{color:var(--red,#d41111);-webkit-text-stroke:0}
.kq-lead{max-width:56ch;font-size:clamp(15px,1.6vw,18px);line-height:1.55;opacity:.85;margin:0 0 26px}
.kq-cta{display:flex;flex-wrap:wrap;gap:12px}

.kq-champs{background:#fff}
.kq-sh{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.kq-sh h2{font-family:var(--display,sans-serif);font-weight:900;text-transform:uppercase;font-size:clamp(34px,4.6vw,60px);line-height:.9;margin:0}
.kq-sh p{margin:0;max-width:46ch;opacity:.7;font-size:15px;line-height:1.5}
.kq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kq-c{position:relative;background:var(--coal,#111);color:#fff;padding:26px 24px 24px;border-top:4px solid var(--red,#d41111);min-height:180px;display:flex;flex-direction:column;justify-content:space-between}
.kq-c small{font:700 11px/1 var(--body,sans-serif);letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.kq-c .t{font-family:var(--display,sans-serif);font-weight:900;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1;margin:10px 0 18px}
.kq-c .t span{color:var(--red,#d41111)}
.kq-c b{display:block;font-family:var(--display,sans-serif);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3vw,40px);line-height:.95}
.kq-c .no{position:absolute;right:18px;top:16px;font-family:var(--display,sans-serif);font-weight:900;font-size:56px;line-height:1;opacity:.08}

.kq-gal{background:#f3f3f3}
.kq-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(120px,15vw,210px);gap:10px}
.kq-photos figure{margin:0;position:relative;overflow:hidden;background:#ddd}
.kq-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.kq-photos figure:hover img{transform:scale(1.03)}
.kq-photos figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font:700 11px/1.2 var(--body,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}
.kq-photos .p1{grid-column:span 4;grid-row:span 2}
.kq-photos .p2{grid-column:span 2;grid-row:span 2;}
.kq-photos .p3,.kq-photos .p4,.kq-photos .p5{grid-column:span 2;grid-row:span 1}
.kq-photos .p2 img{object-position:50% 40%}

.kq-band{background:var(--red,#d41111);color:#fff;text-align:center}
.kq-band .wrap{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.kq-band h2{font-family:var(--display,sans-serif);font-weight:900;text-transform:uppercase;font-size:clamp(34px,5vw,64px);line-height:.9;margin:0 0 12px}
.kq-band p{margin:0 auto 24px;max-width:52ch;opacity:.9;line-height:1.5}
.kq-ghost{background:transparent!important;color:#fff!important;border:2px solid #fff!important}
.kq-ghost:hover,.kq-ghost:focus-visible{background:rgba(255,255,255,.14)!important}
.kq-band .kq-cta{justify-content:center}
.kq-wbtn{background:#fff!important;color:var(--red,#d41111)!important;border-color:#fff!important}

@media (max-width:860px){
  .kq-grid{grid-template-columns:1fr}
  .kq-photos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(140px,42vw,240px)}
  .kq-photos .p1{grid-column:span 2;grid-row:span 1}
  .kq-photos .p2{grid-column:span 1;grid-row:span 2}
  .kq-photos .p3,.kq-photos .p4,.kq-photos .p5{grid-column:span 1}
  .kq-photos .p5{grid-column:span 2}
  .kq-soon{-webkit-text-stroke:1.5px #fff}
}