/* Sestava Tahoma / Verdana schválená Petrem 18. října 2026.
   Velikost / výška řádku odpovídá navrhy/typografie/; na úzkém displeji
   může textová sekce přirozeně růst, obsah se neořezává. */
:root{
  --font-heading:Tahoma,Verdana,Arial,sans-serif;
  --font-reading:Verdana,Tahoma,Arial,sans-serif;
  --sans:var(--font-reading);
  --serif:var(--font-heading);
  --type-display:clamp(34px,4.45vw,64px);
  --type-section:clamp(36px,4.2vw,60px);
  --type-title:24px;
  --type-title-line:30px;
  --type-body:16px;
  --type-body-line:26px;
  --type-detail:13px;
  --type-detail-line:20px;
}
body{
  font-family:var(--font-reading);
  font-size:var(--type-body);
  line-height:var(--type-body-line);
  font-weight:400;
  font-synthesis:none;
  letter-spacing:normal;
}
strong,b{font-weight:700}
h1,h2,.intro h2,.work h2,.cooperation h2,.footer-main h2{
  font-family:var(--font-heading);
  font-size:var(--type-section);
  line-height:1.2;
  font-weight:400;
  letter-spacing:.01em;
}
.film-copy .film-statement{
  font-size:var(--type-display);
  line-height:1.125;
  font-weight:700;
  letter-spacing:-.02em;
}
#cooperation-title{font-size:min(var(--type-section),12.7cqi)}
h3,.work-row h3,.process-row h3,.footer-details h3{
  font-family:var(--font-heading);
  font-size:var(--type-title);
  line-height:var(--type-title-line);
  font-weight:700;
  letter-spacing:normal;
}
.film-context,.intro-copy p,.work-row p,.work-heading>p,.cooperation-intro>p,
.process-row p,.footer-main .footer-intro,.footer-details p,.footer-email{
  font-family:var(--font-reading);
  font-size:var(--type-body);
  line-height:var(--type-body-line);
  font-weight:400;
  letter-spacing:normal;
}
.film-description{
  font-family:var(--font-reading);
  font-size:18px;
  line-height:29px;
  font-weight:400;
  letter-spacing:normal;
}
.film-description>span,.intro-copy .role,
.work-format,.work-software,.process-row>span,.references-block>p,.footer-note,
.stage-status,.model-retry,.showcase-noscript{
  font-family:var(--font-reading);
  font-size:var(--type-detail);
  line-height:var(--type-detail-line);
  font-weight:400;
  letter-spacing:normal;
}
.references-block li{
  font-family:var(--font-heading);
  font-size:24px;
  line-height:30px;
  font-weight:400;
  letter-spacing:normal;
}
.footer-phone{
  font-family:var(--font-heading);
  font-size:var(--type-display);
  line-height:1.125;
  font-weight:400;
  letter-spacing:-.02em;
}
.showcase-3 .showcase-switch button,.showcase-3 .showcase-switch span,
.reel-next{
  font-family:var(--font-heading);
  font-size:14px;
  line-height:20px;
  font-weight:400;
  letter-spacing:normal;
}
.stage-tools button{font-family:var(--font-heading);font-weight:400}
.site-header .brand,.site-header .call{font-family:LiquidCrystal,Tahoma,Verdana,sans-serif}
.site-header .brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.site-header .brand>span{color:inherit}
.site-header .brand-description{font-size:11px;line-height:14px;letter-spacing:.015em}

/* Hustota procesu se přizpůsobuje čitelnějšímu 16px textu. */
.process-row{padding-block:18px}
.references-block{margin-top:28px}

@media(max-width:600px){
  :root{
    --type-title:20px;
    --type-title-line:26px;
    --type-body:15px;
    --type-body-line:25px;
    --type-detail:12px;
    --type-detail-line:18px;
  }
  h1,h2,.intro h2,.work h2,.cooperation h2,.footer-main h2{line-height:1.2}
  .film-copy .film-statement{font-size:34px;line-height:40px}
  .film-description{font-size:16px;line-height:26px}
  .flight{height:max(620px,var(--section-height))}
  .work{padding-block:18px}
  .work-heading{margin-bottom:20px}
  .work-row{padding-block:16px}
  .work-software{margin-top:16px}
  .references-block{margin-top:20px}
  .cooperation{padding-block:24px}
  footer#kontakt{padding-block:26px 20px}
  .site-header .brand-description{font-size:10px;line-height:12px}
}
@media(max-width:380px){
  .site-header .brand-description{font-size:9px;line-height:11px}
}
@media(max-height:550px) and (min-width:601px){
  .flight{height:max(560px,var(--section-height))}
}