/* úvod = jedna obrazovka, bez rolování, bez patičky */
html,body.uvodka{height:100%;overflow:hidden}
body.uvodka{display:flex;flex-direction:column;background:var(--ral)}
body.uvodka .hlavicka{position:static;flex:none}
body.uvodka main{flex:1;min-height:0;position:relative;overflow:hidden}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-misto{border:1px dashed rgba(255,255,255,.55);padding:14px 18px;color:#E6E3D8;font-size:17px;line-height:1.6;max-width:620px}
.hero-misto b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#C9C5B7;margin-bottom:6px}
.hero-k{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#E6E3D8;font-weight:600}
.hero-h1{color:#fff;font-size:64px;line-height:1.05;margin:10px 0 0;font-weight:700}
.hero-h1 span{display:block;font-weight:400}
.hero-popisek{position:absolute;right:24px;top:18px;background:rgba(60,57,46,.85);color:#fff;font-size:13px;font-weight:600;padding:6px 12px}
/* A: nápis přes fotku dole vlevo, pod fotkou pás RAL 6006 s textem */
.var-a main{display:flex;flex-direction:column}
.var-a .foto-cast{position:relative;flex:1;min-height:0}
.var-a .foto-cast:after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(30,28,22,.78),rgba(30,28,22,0))}
.var-a .hero-nadpis{position:absolute;left:0;right:0;bottom:36px;z-index:1}
.var-a .pas{flex:none;background:var(--ral);padding:30px 0 34px}
.var-a .pas .obal{display:flex;gap:48px;align-items:flex-start}
/* B: panel RAL 6006 přes levou část fotky */
.var-b .panel{position:absolute;left:0;top:0;bottom:0;width:min(640px,40%);background:rgba(60,57,46,.93);display:flex;flex-direction:column;justify-content:center;padding:0 56px 0 max(24px,calc((100vw - var(--sirka))/2 + 24px));box-sizing:content-box}
.var-b .panel .hero-misto{margin-top:32px}
/* telefon a úzké okno: úvod se smí rolovat, aby se text neuřízl */
@media(max-width:900px),(max-height:500px){html,body.uvodka{height:auto;overflow:visible}body.uvodka main{overflow:visible}
.var-a .foto-cast{flex:none;height:62vh;min-height:360px}.hero-h1{font-size:38px}.var-a .hero-nadpis{bottom:20px}
.var-b main{display:flex;flex-direction:column}.var-b .hero-foto{position:static;height:50vh}.var-b .panel{position:static;width:auto;padding:32px 16px}}
/* nápis na fotce: LX Hausys | H.FLOR, pod ním Objektové podlahové krytiny; úvodní text v pásu */
.hero-r1{display:block;white-space:nowrap;font-weight:700}
.hero-h1{max-width:none}
.hero-delic{display:inline-block;width:2px;height:.72em;background:rgba(255,255,255,.7);margin:0 .32em 0 .4em;vertical-align:-.04em}
.hero-hflor{display:inline-block!important;max-width:none;height:.72em;width:auto;vertical-align:-.04em}
.hero-text{color:#E6E3D8;font-size:18px;line-height:1.65;margin:0;max-width:1000px}
@media(max-width:1500px){.hero-text{font-size:16.5px;line-height:1.6}}
@media(max-width:420px){.hero-h1{font-size:33px}}