/* Audit 27. 10. 2026 – opravy rozložení (překryvy, díry, ořezy). Vzhled webu beze změny. */

/* Plovoucí tlačítka: na počítači mimo obsahový sloupec (dřív zakrývala plakáty a karty). */
@media (min-width:1024px){
  .dock{right:1.25rem}
  .about-img .est-label{right:6rem}
}
/* Mobil/tablet: při čtení (scroll dolů) a u kontaktu/patičky tlačítka uhnou; zvuk jen u úvodního videa. */
@media (max-width:1023px){
  .dock,.sound-toggle{transition:opacity .35s,transform .35s,visibility .35s}
  body.dock-off .dock{opacity:0;transform:translateY(14px);pointer-events:none;visibility:hidden}
  body.past-hero .sound-toggle{opacity:0;pointer-events:none;visibility:hidden}
}

/* Navigační tečky vpravo: jedna osa, linka pod jejich středem. */
.scrollnav{align-items:flex-end}
.scrollnav a .lab{position:absolute;right:calc(100% + .75rem);white-space:nowrap}
.scrollnav .cable{right:3.75px}

/* „No limits“ na mobilu jednosloupcově i v EN (CZ už je). */
@media (max-width:767px){.caps-grid{grid-template-columns:minmax(0,1fr)}}

/* Galerie projektů: bez šedých pruhů a tmavých děr; osamocená poslední fotka přes celou šířku.
   Třídu .fill dostávají jen fotky užší než 16:9 (panoramata se neořezávají). */
.gallery{align-items:start}
@media (min-width:651px){
  .gallery img.fill{aspect-ratio:16/9;max-height:none;object-fit:cover;object-position:center 45%}
  .gallery figure:last-child:nth-child(even){grid-column:1/-1}
}
/* Související projekty: dlouhý název zůstane na středu i se šipkou. */
.related .btn{text-align:center;line-height:1.35}

/* Karty produkčních referencí: fotka vyplní rámeček (dřív černé pruhy). */
.production-credit-media img{object-fit:cover;object-position:50% 40%}
/* © štítek na plakátech v karuselu nahoru, aby nezakrýval logo seriálu. */
.sh-img .media-rights{top:.7rem;bottom:auto}
/* Nadpis Field notes nepřeteče přes okraj. */
#fn-title{text-wrap:balance;overflow-wrap:break-word}
/* Prázdná plocha před „Zápisky z realizace“. */
@media (min-width:1024px){.spread{padding-top:5rem}}

/* Telefonní číslo se neláme uprostřed. */
a[href^="tel:"]{white-space:nowrap}

/* Showreel na mobilu: tlačítka pod videem na celou šířku, text na jeden řádek. */
@media (max-width:650px){.watch-actions .btn{flex:1 1 100%}}

/* Kontaktní karty na stránkách služeb: telefon a e-mail klidným písmem, číslo vždy na jednom řádku (Syne dělal číslice nevyrovnané). */
.ch-val{font-family:var(--inter);font-weight:500;letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(1rem,1.3vw,1.15rem)}
.ch-val:not(.ch-mail){white-space:nowrap}
.ch-mail{font-size:clamp(.95rem,1.2vw,1.1rem)}