/* DBstavby · navrh A VYTYCENO · svetly */

@font-face{font-family:'Azeret Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/azeret-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Azeret Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/azeret-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/brygada-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/brygada-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/brygada-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/brygada-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --vapno:#F4F1EA;--papir:#FBFAF6;--pisek:#E7E0D1;--pisek-tmavy:#CFC4AE;
  --petrolej:#022930;--petrolej-text:#23444A;--grafit:#5A6664;
  --linka:rgb(2 41 48 / .08);--linka-silna:rgb(2 41 48 / .22);--kota:rgb(2 41 48 / .55);
  --rumelka:#B3392A;--kost:#F2EDE3;--chyba:#9E2F22;
  --serif:"Brygada 1918",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,"Segoe UI",Arial,sans-serif;
  --mono:"Azeret Mono",ui-monospace,Menlo,Consolas,monospace;
  --m:clamp(20px,5vw,80px);--g:clamp(16px,1.667vw,28px);--cols:12;
  --okraj:max(var(--m),calc(50% - 800px));
  --ease-kresba:cubic-bezier(.65,0,.35,1);--ease-vstup:cubic-bezier(.19,1,.22,1);
  --ease-okno:cubic-bezier(.76,0,.24,1);--ease-cvak:cubic-bezier(.34,1.56,.64,1);
  --k:1;--hlavicka:80px;
  --linky:repeating-linear-gradient(to right,rgb(2 41 48 / .06) 0 1px,transparent 1px calc((100% + var(--g)) / var(--cols))),linear-gradient(to left,rgb(2 41 48 / .06) 0 1px,transparent 1px);
  --sraf:repeating-linear-gradient(135deg,rgb(2 41 48 / .14) 0 1px,transparent 1px 9px);
}
@media (max-width:1279px){:root{--cols:8}}
@media (max-width:767px){:root{--cols:4;--m:20px;--g:16px;--k:.75;--hlavicka:64px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--petrolej);color:var(--petrolej-text);font:400 1.0625rem/1.62 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal}
body::after{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
p{margin:0;max-width:62ch;text-wrap:pretty}
h1,h2,h3{margin:0;font-weight:500}
:focus-visible{outline:2px solid var(--petrolej);outline-offset:2px;box-shadow:0 0 0 4px var(--vapno)}
::selection{background:var(--petrolej);color:var(--kost)}
[hidden]{display:none!important}

.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.preskocit{position:fixed;left:16px;top:-80px;z-index:400;background:var(--petrolej);color:var(--kost);padding:12px 18px;text-decoration:none;font-weight:600}
.preskocit:focus{top:16px}
.m-only{display:none}
@media (max-width:767px){.d-only{display:none}.m-only{display:inline}}

.obal{width:min(100% - 2 * var(--m),1600px);margin-inline:auto}
.mriz{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--g)}

/* typografie */
.t-hero{font-family:var(--serif);font-weight:500;font-size:clamp(2.9rem,.9rem + 4.6vw,5.25rem);line-height:.96;letter-spacing:-.022em;color:var(--petrolej);text-wrap:balance;font-variant-numeric:lining-nums}
.t-h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.25rem,.9rem + 4.2vw,5rem);line-height:1;letter-spacing:-.018em;color:var(--petrolej);text-wrap:balance;font-variant-numeric:lining-nums}
.t-h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,1.05rem + 1.4vw,2.25rem);line-height:1.1;letter-spacing:-.01em;color:var(--petrolej);text-wrap:balance}
.t-hero em,.t-h2 em,.t-h3 em{font-style:italic;font-weight:500}
.perex{font-size:clamp(1.1875rem,1.02rem + .55vw,1.5rem);line-height:1.45;letter-spacing:-.005em;max-width:34ch;color:var(--petrolej-text)}
.mono{font-family:var(--mono);font-weight:500;font-size:.6875rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--grafit);font-variant-numeric:tabular-nums}
@media (max-width:767px){body{font-size:1rem}}

.odkaz{color:var(--petrolej);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}
.odkaz:hover{text-decoration-thickness:2px}
.odkaz-sipka{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;font:600 .9375rem/1 var(--sans);color:var(--petrolej);cursor:pointer;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 calc(50% + .8em);transition:background-size .4s var(--ease-okno)}
.odkaz-sipka:hover{background-size:100% 1px}

/* rozdeleni na radky a odhaleni */
.ln{display:block;overflow:clip;padding-block:.18em;margin-block:-.18em}
.ln__i{display:block;transition:transform calc(1000ms * var(--k)) var(--ease-vstup) calc(var(--li,0) * 80ms)}
.anim .rozdel:not(.je-videt) .ln__i{transform:translateY(105%)}
.anim [data-reveal]{transition:opacity calc(800ms * var(--k)) var(--ease-vstup),transform calc(1000ms * var(--k)) var(--ease-vstup)}
.anim [data-reveal]:not(.je-videt){opacity:0;transform:translateY(12px)}
html.anim:not(.js-ok) [data-reveal],html.anim:not(.js-ok) .rozdel .ln__i{animation:pojistka .01s 3s forwards}
@keyframes pojistka{to{opacity:1;transform:none}}

/* hlavicka listu */
.list-hlava{display:flex;align-items:center;gap:16px;height:40px}
.list-hlava .mono{white-space:nowrap}
.list-hlava__cara{flex:1;min-width:24px;height:1px;background:var(--linka-silna);transform-origin:left;transition:transform calc(900ms * var(--k)) var(--ease-kresba) .1s}
.anim .list-hlava:not(.je-videt) .list-hlava__cara{transform:scaleX(0)}
.anim .list-hlava:not(.je-videt){transform:none}

/* tlacitka */
.tl{--tl-hover:#0F3E47;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;font:600 1rem/1 var(--sans);letter-spacing:.01em;text-decoration:none;white-space:nowrap;border:1px solid var(--petrolej);border-radius:0;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .4s var(--ease-okno)}
.tl::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tl-hover);clip-path:inset(0 100% 0 0);transition:clip-path .4s var(--ease-okno)}
.tl:hover::before{clip-path:inset(0)}
.tl__sipka{display:inline-block;transition:transform .4s var(--ease-cvak)}
.tl:hover .tl__sipka{transform:translateX(4px)}
.tl--plne{background:var(--petrolej);color:var(--kost)}
.tl--obrys{background:transparent;color:var(--petrolej);--tl-hover:var(--petrolej)}
.tl--obrys:hover{color:var(--kost)}
.tl--kost{background:var(--kost);color:var(--petrolej);border-color:var(--kost);--tl-hover:#fff}
.tl--velke{min-height:56px;padding:0 28px}
.tl--sirka{width:100%;min-height:64px;font-size:1.0625rem}
.tl[disabled]{cursor:progress}

/* hlavicka */
.hlavicka{position:fixed;inset:0 0 auto;z-index:100;height:var(--hlavicka);transition:background-color .3s,box-shadow .3s,opacity .3s var(--ease-kresba)}
.hlavicka.je-dole{background:rgb(244 241 234 / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--linka)}
.intro-run.intro-hlavicka .hlavicka{opacity:1}
.hlavicka__in{height:100%;display:flex;align-items:center;gap:32px}
.znacka{display:flex;align-items:center;gap:12px;color:var(--petrolej);text-decoration:none;flex:none}
.znacka__db{width:64px;height:48px;fill:currentColor}
.znacka__slovo{font:600 17px/1 var(--sans);letter-spacing:-.005em}
.nav{display:flex;gap:32px;margin-inline:auto}
.nav a{position:relative;padding:10px 0;font:500 15px/1 var(--sans);color:var(--petrolej);text-decoration:none}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-okno)}
.nav a:hover::after{transform:scaleX(1)}
.hlavicka__tel{flex:none}
.menu-tl{display:none;width:44px;height:44px;flex:none;place-content:center;gap:6px;background:transparent;border:1px solid var(--linka-silna);cursor:pointer;padding:0}
.menu-tl span{display:block;width:20px;height:1px;background:var(--petrolej)}
@media (max-width:1099px){.nav{display:none}.hlavicka__tel{margin-left:auto}.menu-tl{display:grid}}
@media (max-width:767px){.znacka__slovo{display:none}.hlavicka__in{gap:8px}.hlavicka__tel{min-height:44px;padding:0 18px}}

.menu{position:fixed;inset:0;z-index:150;background:var(--vapno);display:flex;flex-direction:column;padding:0 var(--m) calc(24px + env(safe-area-inset-bottom));clip-path:inset(0 0 100% 0);transition:clip-path calc(600ms * var(--k)) var(--ease-okno);overflow:auto}
.menu.je-otevrene{clip-path:inset(0)}
.menu__linky{position:absolute;inset:0 var(--okraj);background-image:var(--linky);pointer-events:none}
.menu__hlava{position:relative;display:flex;justify-content:space-between;align-items:center;height:64px}
.menu__zavrit{min-height:44px;padding:0 16px;background:none;border:1px solid var(--linka-silna);font:600 15px/1 var(--sans);color:var(--petrolej);cursor:pointer}
.menu__nav{position:relative;display:flex;flex-direction:column;margin-top:32px}
.menu__nav a{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--linka);font:500 40px/1.05 var(--serif);color:var(--petrolej);text-decoration:none;letter-spacing:-.015em}
.menu__nav .mono{width:24px}
.menu__pata{position:relative;margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--petrolej)}
.menu__pata a{text-decoration:none;min-height:32px;display:flex;align-items:center}

/* main a listy */
.main{position:relative;z-index:1;background:var(--vapno)}
.list{position:relative;padding:clamp(96px,11vw,176px) 0 clamp(96px,10vw,160px)}
.list::before{content:"";position:absolute;top:0;bottom:0;left:var(--okraj);right:var(--okraj);z-index:-1;pointer-events:none;background-image:var(--linky);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}
.list>.obal{position:relative}
@media (max-width:767px){.list{padding:88px 0 72px}}
.uvod{margin-top:64px;row-gap:24px;align-items:start}
.uvod__h2{grid-column:1/8}
.uvod__perex{grid-column:1/6}
.uvod--sudy .uvod__h2{grid-column:6/13}
.uvod--sudy .uvod__perex{grid-column:7/12}
@media (max-width:1279px){.uvod__h2,.uvod--sudy .uvod__h2{grid-column:1/-1}.uvod__perex,.uvod--sudy .uvod__perex{grid-column:1/7}}
@media (max-width:767px){.uvod{margin-top:40px}.uvod__perex,.uvod--sudy .uvod__perex{grid-column:1/-1}}

/* loader */
.loader__panel{position:fixed;inset:0;background-color:var(--vapno);background-image:var(--linky);background-size:calc(100% - 2 * var(--okraj)) 100%;background-position:var(--okraj) 0;background-repeat:no-repeat;transition:opacity calc(400ms * var(--k)) linear}
.loader__panel--t{clip-path:inset(0 0 calc(100% - var(--y)) 0)}
.loader__panel--b{clip-path:inset(calc(var(--y) + var(--h)) 0 0 0)}
.loader__panel--l{clip-path:inset(var(--y) calc(100% - var(--x)) calc(100% - var(--y) - var(--h)) 0)}
.loader__panel--r{clip-path:inset(var(--y) 0 calc(100% - var(--y) - var(--h)) calc(var(--x) + var(--w)))}
.loader__vnitrek{position:fixed;left:var(--x,0);top:var(--y,0);width:var(--w,0);height:var(--h,0);background-color:var(--pisek);background-image:repeating-linear-gradient(135deg,rgb(2 41 48 / .10) 0 1px,transparent 1px 9px);clip-path:inset(0);transition:clip-path calc(500ms * var(--k)) var(--ease-okno)}
.loader__roh{position:fixed;top:30px;opacity:.55;transition:opacity .3s linear}
.loader__roh--l{left:var(--okraj)}
.loader__roh--r{right:var(--okraj)}
.intro-okno .loader__vnitrek{clip-path:inset(50% 0 50% 0)}
.intro-panely .loader__panel,.intro-panely .loader__roh{opacity:0}
.intro-run .loader{animation:loader-pojistka .3s linear 4s forwards}
@keyframes loader-pojistka{to{opacity:0;visibility:hidden}}
.intro-fast .loader *,.intro-fast .hero *{transition-duration:250ms!important;transition-delay:0s!important}

/* vytyceni fotky */
.vytyc{margin:0;position:relative;--d-kolik:0ms;--d-snura:200ms;--d-foto:500ms;--d-kota:700ms;--stag:70ms}
.vytyc__ram{position:relative}
.vytyc__foto{position:relative;overflow:hidden;background:var(--pisek);clip-path:inset(0);transition:clip-path calc(800ms * var(--k)) var(--ease-okno) var(--d-foto)}
.vytyc__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform calc(1400ms * var(--k)) var(--ease-vstup) var(--d-foto)}
.anim .vytyc:not(.je-vytyceno) .vytyc__foto{clip-path:inset(50% 0 50% 0)}
.anim .vytyc:not(.je-vytyceno) .vytyc__foto img{transform:scale(1.1)}
.vytyc__deko{position:absolute;inset:0;z-index:60;pointer-events:none}
.vytyc__snura{position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);overflow:visible}
.vytyc__snura rect{fill:none;stroke:var(--kota);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset calc(540ms * var(--k)) var(--ease-kresba) var(--d-snura)}
.anim .vytyc:not(.je-vytyceno) .vytyc__snura rect{stroke-dashoffset:1}
.kolik{position:absolute;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border:1px solid var(--kota);border-radius:50%;background:var(--vapno);transition:transform calc(320ms * var(--k)) var(--ease-cvak) calc(var(--d-kolik) + var(--i) * var(--stag))}
.kolik::before,.kolik::after{content:"";position:absolute;left:50%;top:50%;background:var(--petrolej);transform:translate(-50%,-50%)}
.kolik::before{width:9px;height:1px}
.kolik::after{width:1px;height:9px}
.kolik--a{left:-10px;top:-10px}
.kolik--b{left:calc(100% + 10px);top:-10px}
.kolik--c{left:calc(100% + 10px);top:calc(100% + 10px)}
.kolik--d{left:-10px;top:calc(100% + 10px)}
.kolik b{position:absolute;font:500 11px/1 var(--mono);letter-spacing:.12em;color:rgb(2 41 48 / .7);transition:opacity .3s calc(var(--d-kolik) + var(--i) * var(--stag) + 80ms)}
.kolik--a b{right:18px;bottom:10px}.kolik--b b{left:18px;bottom:10px}.kolik--c b{left:18px;top:10px}.kolik--d b{right:18px;top:10px}
.anim .vytyc:not(.je-vytyceno) .kolik{transform:scale(0)}
.anim .vytyc:not(.je-vytyceno) .kolik b{opacity:0}
.kota{position:absolute;color:var(--petrolej)}
.kota__cara{position:absolute;inset:0;background:var(--kota);transform-origin:left center;transition:transform calc(380ms * var(--k)) var(--ease-vstup) var(--d-kota)}
.kota__z{position:absolute;background:var(--petrolej);transition:opacity .2s calc(var(--d-kota) + 300ms)}
.kota--h{left:0;right:0;bottom:calc(100% + 24px);height:1px}
.kota--h .kota__z{top:-5px;width:1px;height:11px;transform:rotate(45deg)}
.kota--h .kota__z--l{left:0}.kota--h .kota__z--r{right:0}
.kota--h::before,.kota--h::after{content:"";position:absolute;top:-4px;width:1px;height:16px;background:var(--kota)}
.kota--h::before{left:0}.kota--h::after{right:0}
.kota__cislo{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);display:flex;align-items:flex-end;gap:10px;font:400 .8125rem/1 var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--petrolej);white-space:nowrap;transition:opacity .25s var(--d-kota)}
.kota__meritko{position:absolute;right:0;bottom:7px;font:500 .6875rem/1 var(--mono);letter-spacing:.12em;color:var(--grafit);white-space:nowrap;transition:opacity .3s calc(var(--d-kota) + 200ms)}
.kota--v{top:0;bottom:0;left:calc(100% + 24px);width:1px}
.kota--v .kota__cara{transform-origin:center top}
.kota--v .kota__z{left:-5px;width:11px;height:1px;transform:rotate(45deg)}
.kota--v .kota__z--l{top:0}.kota--v .kota__z--r{bottom:0}
.kota--v::before,.kota--v::after{content:"";position:absolute;left:-12px;width:16px;height:1px;background:var(--kota)}
.kota--v::before{top:0}.kota--v::after{bottom:0}
.kota--v .kota__cislo{left:16px;top:50%;bottom:auto;transform:translate(-50%,-50%) rotate(-90deg) translateY(-50%)}
.kota--vlevo{left:auto;right:calc(100% + 24px)}
.kota--vlevo::before,.kota--vlevo::after{left:-3px}
.kota--vlevo .kota__cislo{left:-16px;transform:translate(-50%,-50%) rotate(-90deg) translateY(50%)}
.kota__popis{font:500 .6875rem/1 var(--mono);letter-spacing:.12em;color:var(--grafit)}
.anim .vytyc:not(.je-vytyceno) .kota--h .kota__cara{transform:scaleX(0)}
.anim .vytyc:not(.je-vytyceno) .kota--v .kota__cara{transform:scaleY(0)}
.anim .vytyc:not(.je-vytyceno) .kota__z,.anim .vytyc:not(.je-vytyceno) .kota__cislo,.anim .vytyc:not(.je-vytyceno) .kota__meritko,.anim .vytyc:not(.je-vytyceno) .kota--h::before,.anim .vytyc:not(.je-vytyceno) .kota--h::after,.anim .vytyc:not(.je-vytyceno) .kota--v::before,.anim .vytyc:not(.je-vytyceno) .kota--v::after{opacity:0}
.kota--h::before,.kota--h::after,.kota--v::before,.kota--v::after{transition:opacity .3s var(--d-kota)}
.valec{display:inline-block;height:1em;overflow:hidden;vertical-align:top;line-height:1}
.valec__s{display:block;transform:translateY(calc(var(--n,0) * -1em));transition:transform calc(480ms * var(--k)) var(--ease-vstup) calc(var(--d-kota) + 120ms + var(--j,0) * 60ms)}
.valec__s>span{display:block;height:1em;line-height:1}
.bez-prechodu,.bez-prechodu *{transition:none!important}
.popisek{margin-top:26px}
@media (max-width:767px){
  .vytyc__snura,.kota--v{display:none}
  .kolik{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}
  .kolik--a,.kolik--d{left:-8px}.kolik--b,.kolik--c{left:calc(100% + 8px)}
  .kolik--a,.kolik--b{top:-8px}.kolik--c,.kolik--d{top:calc(100% + 8px)}
  .kolik b{display:none}
}
/* hero casovani */
.vytyc--hero{--d-kolik:0ms;--stag:90ms;--d-snura:240ms;--d-kota:560ms}
.vytyc--hero .vytyc__snura rect{transition-duration:calc(640ms * var(--k))}
.intro-run .vytyc--hero .vytyc__foto{clip-path:none!important;transition:none}
.intro-run .vytyc--hero .vytyc__foto img{transform:scale(1.12);transition:transform calc(1400ms * var(--k)) var(--ease-vstup)}
.intro-run.intro-okno .vytyc--hero .vytyc__foto img{transform:scale(1)}
.intro-kratce .vytyc--hero{--stag:45ms;--d-snura:100ms;--d-kota:280ms;--d-foto:150ms}
.intro-kratce .vytyc--hero .vytyc__snura rect{transition-duration:320ms}
.intro-kratce .vytyc--hero .vytyc__foto img{transition-duration:900ms}
.intro-kratce .anim .vytyc--hero:not(.je-vytyceno) .vytyc__foto img{transform:scale(1.06)}

/* 01 hero */
.hero{height:max(700px,calc(100svh - 64px));padding:128px 0 76px}
.hero__mriz{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);grid-template-rows:auto auto auto auto 1fr auto;align-content:stretch}
.hero__list{grid-area:1/1/2/7}
.hero__h1{grid-area:2/1/3/7;margin-top:44px}
.hero__perex{grid-area:3/1/4/6;margin-top:24px}
.hero__tlacitka{grid-area:4/1/5/7;margin-top:44px;display:flex;gap:12px;flex-wrap:wrap}
.hero__udaje{grid-area:6/1/7/7;align-self:end;display:flex;list-style:none;margin:32px 0 0;padding:0}
.hero__udaje li{display:flex;align-items:center;height:32px;padding:0 20px;border-left:1px solid var(--linka-silna);color:var(--petrolej);white-space:nowrap}
.hero__udaje li:first-child{padding-left:0;border-left:0}
.hero__okno{grid-area:1/7/7/13;height:100%;margin-left:calc(var(--g) * .5)}
.hero__okno .vytyc__ram,.hero__okno .vytyc__foto{height:100%}
.hero__okno img{object-position:44% 60%}
.hero__souradnice{position:absolute;left:calc(var(--m) * -.5);top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;opacity:.55}
.hero__vyzva,.list>.hero__vyzva{position:absolute;left:0;right:0;bottom:22px;margin-inline:auto}
.hero-vstup{transition:opacity calc(800ms * var(--k)) var(--ease-vstup) .3s,transform calc(1000ms * var(--k)) var(--ease-vstup) .3s}
.anim .hero:not(.je-videt) .hero-vstup{opacity:0;transform:translateY(12px)}
.qa .hero{height:900px}
@media (max-width:1279px){
  .hero,.qa .hero{height:auto;padding:128px 0 104px}
  .hero__mriz{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto}
  .hero__list{grid-area:1/1/2/9}
  .hero__h1{grid-area:2/1/3/8}
  .hero__perex{grid-area:3/1/4/7}
  .hero__okno{grid-area:4/1/5/9;margin:72px 0 0;height:auto}
  .hero__okno .vytyc__foto{height:auto;aspect-ratio:3/2}
  .hero__tlacitka{grid-area:5/1/6/9;margin-top:40px}
  .hero__udaje{grid-area:6/1/7/9}
}
@media (max-width:767px){
  .hero,.qa .hero{padding:92px 0 96px}
  .hero__mriz{grid-template-columns:minmax(0,1fr)}
  .hero__list,.hero__h1,.hero__perex,.hero__okno,.hero__tlacitka,.hero__udaje{grid-column:1/-1}
  .hero__list{grid-row:1}
  .hero__okno{grid-row:2;margin-top:44px}
  .hero__h1{grid-row:3;margin-top:30px}
  .hero__perex{grid-row:4;margin-top:16px}
  .hero__tlacitka{grid-row:5;margin-top:26px;flex-direction:column}
  .hero__tlacitka .tl{width:100%;min-height:52px}
  .hero__udaje{grid-row:6;flex-direction:column;margin-top:28px}
  .hero__udaje li{padding:0;border-left:0;border-top:1px solid var(--linka-silna);height:40px}
  .hero__udaje li:first-child{border-top:1px solid var(--linka-silna)}
  .hero__souradnice{display:none}
  .hero__vyzva{bottom:26px}
}

/* 02 metr */
.metr{position:relative;z-index:2;padding-bottom:0}
.metr__pasek{position:relative;height:64px}
.metr__platno{position:absolute;left:0;top:0;width:0;height:72px}
.metr__obal{position:relative;height:100%}
.metr__pouzdro{position:absolute;right:0;top:-10px;width:168px;height:84px;border-radius:18px;background:var(--petrolej);color:var(--kost);box-shadow:inset 0 1px 0 rgb(242 237 227 / .12),inset 0 -8px 16px rgb(0 0 0 / .18),0 18px 30px -18px rgb(2 41 48 / .55)}
.metr__db{position:absolute;left:24px;top:50%;width:46px;height:34px;transform:translateY(-50%);fill:currentColor}
.metr__pouzdro::after{content:"";position:absolute;right:18px;top:18px;bottom:18px;width:44px;border-radius:8px;border:1px solid rgb(242 237 227 / .14)}
.metr__brzda{position:absolute;top:-8px;left:70%;width:18px;height:10px;border-radius:3px 3px 0 0;background:var(--rumelka);transition:transform .16s var(--ease-cvak)}
.metr__pouzdro.je-cvak .metr__brzda{transform:translateY(2px);transition-duration:.09s}
.metr__usti{position:absolute;left:0;top:10px;width:1px;height:64px;background:var(--rumelka)}
.metr__odecet{position:absolute;right:0;bottom:calc(100% + 14px);white-space:nowrap}
.metr__platno.je-otres{transform:translateY(1px)}
.metr__teren{height:28px;border-top:1px solid var(--linka-silna);background-image:var(--sraf)}
@media (max-width:767px){
  .metr__pasek{height:48px}
  .metr__platno{height:56px}
  .metr__pouzdro{width:88px;height:56px;top:-4px;border-radius:12px}
  .metr__pouzdro::after{display:none}
  .metr__db{left:16px;width:32px;height:24px}
  .metr__brzda{width:14px;height:8px;top:-6px}
  .metr__usti{top:4px;height:48px}
  .metr__odecet{font-size:10px}
}

/* 03 dum po vrstvach */
.rez{padding-bottom:0}
.rez__stage{position:relative;margin-top:48px}
.rez__scena{position:sticky;top:80px;height:calc(100svh - 80px);min-height:600px;z-index:2}
.rez__mriz{height:100%;align-items:center}
.rez__kresba{grid-column:1/8;position:relative;height:86%;min-height:0}
.rez__papir{position:absolute;inset:-4% -2%;background-image:linear-gradient(rgb(2 41 48 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(2 41 48 / .07) 1px,transparent 1px),linear-gradient(rgb(2 41 48 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(2 41 48 / .035) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px;-webkit-mask-image:radial-gradient(120% 80% at 50% 55%,#000 35%,transparent 80%);mask-image:radial-gradient(120% 80% at 50% 55%,#000 35%,transparent 80%)}
.rez__svg{position:relative;width:100%;height:100%;overflow:visible}
.rez__pozn{position:absolute;left:0;bottom:-6px}
.rez__svg .k{fill:none;stroke:var(--petrolej);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset calc(400ms * var(--k)) var(--ease-kresba),stroke-width .3s}
.rez__svg .k--silna{stroke-width:2.5}
.rez__svg .c{fill:none;stroke:var(--petrolej);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .4s}
.rez__svg .s{opacity:0;transition:opacity .3s}
.rez__v{transition:opacity .5s}
.rez__v.je-postaveno .k{stroke-dashoffset:0;transition-duration:calc(900ms * var(--k))}
.rez__v.je-postaveno .c{opacity:.8;transition:opacity .6s .35s}
.rez__v.je-postaveno .s{opacity:1;transition:opacity .5s .4s}
.rez__v.je-postaveno:not(.je-aktivni){opacity:.55}
.rez__v.je-aktivni .k{stroke-width:1.5}
.rez__v.je-aktivni .k--silna{stroke-width:3}
.rez__stitek{font:500 10px var(--mono);letter-spacing:.12em;fill:var(--petrolej);stroke:none}
.rez__kota-cara{stroke:var(--kota);vector-effect:non-scaling-stroke;transform-origin:60px 700px;transform:scaleY(0);transition:transform calc(900ms * var(--k)) var(--ease-kresba)}
.rez__kota-dno,.rez__kota-vrch path{stroke:var(--petrolej);fill:none;vector-effect:non-scaling-stroke}
.rez__kota-vrch{transform:translateY(590px);transition:transform calc(900ms * var(--k)) var(--ease-kresba)}
.rez__kota-text{font:500 9px var(--mono);letter-spacing:.12em;fill:var(--grafit)}
.rez__kota-cislo{font:400 13px var(--mono);fill:var(--petrolej);transition:transform calc(900ms * var(--k)) var(--ease-kresba)}
.rez__krouzky g{opacity:0;transition:opacity .4s}
.rez__krouzky g.je-postaveno{opacity:1}
.rez__krouzky circle{fill:var(--vapno);stroke:var(--kota);vector-effect:non-scaling-stroke;transition:fill .3s}
.rez__krouzky text{font:500 9px var(--mono);fill:var(--petrolej);text-anchor:middle;dominant-baseline:central;transition:fill .3s}
.rez__krouzky g.je-aktivni circle{fill:var(--petrolej);stroke:var(--petrolej)}
.rez__krouzky g.je-aktivni text{fill:var(--kost)}
.rez__krouzky .rez__tecka{fill:var(--rumelka);stroke:none;transition:transform .5s var(--ease-vstup)}
.rez__texty{grid-column:9/12;position:relative;align-self:stretch;margin-block:14vh}
.vrstva{position:absolute;inset:0 0 auto 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility 0s .3s}
.vrstva.je-aktivni{opacity:1;visibility:visible;transform:none;transition:opacity .35s .1s,transform .5s var(--ease-vstup) .1s,visibility 0s}
.vrstva__cislo{margin-bottom:18px}
.vrstva .t-h3{margin-bottom:14px}
.vrstva__foto{width:200px;margin-top:64px;margin-left:12px}
.vrstva__foto .vytyc__foto{aspect-ratio:4/5}
.stitky{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.stitky li{font:500 13px/1.2 var(--sans);color:var(--petrolej);border:1px solid var(--linka-silna);padding:8px 10px;background:rgb(251 250 246 / .6)}
.rez__cisla{grid-column:12/13;justify-self:end;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.rez__cisla a{position:relative;display:flex;align-items:center;min-height:32px;padding-left:18px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--grafit);opacity:.45;text-decoration:none;transition:opacity .3s,color .3s}
.rez__cisla a::before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--rumelka);transform:scale(0);transition:transform .35s var(--ease-cvak)}
.rez__cisla a.je-aktivni{opacity:1;color:var(--petrolej)}
.rez__cisla a.je-aktivni::before{transform:scale(1)}
.rez__cisla a:hover{opacity:1}
.rez__schody{margin-top:calc(-100svh + 80px);visibility:hidden;pointer-events:none}
.schod{height:72svh}
.rez__schody .schod:last-child{height:calc(72svh + 10vh)}
.pojem{display:inline;padding:0;margin:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:help;text-decoration:underline dotted 1.5px rgb(2 41 48 / .5);text-underline-offset:4px}
.pojem:hover,.pojem:focus-visible,.pojem[aria-expanded="true"]{text-decoration:underline solid 1.5px var(--petrolej)}
@media (max-width:1279px){
  .rez__kresba{grid-column:1/5}
  .rez__texty{grid-column:5/8}
  .rez__cisla{grid-column:8/9}
  .vrstva__foto{width:150px}
}
@media (max-width:767px){
  .rez__scena{top:64px;height:calc(100svh - 64px);min-height:0}
  .rez__mriz{grid-template-rows:38svh auto minmax(0,1fr);align-items:stretch;padding-top:6px}
  .rez__kresba{grid-column:1/-1;grid-row:1;height:auto}
  .rez__pozn{display:none}
  .rez__cisla{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;justify-self:stretch;border-block:1px solid var(--linka);margin-top:6px}
  .rez__cisla a{padding:0 4px;min-height:40px;justify-content:center}
  .rez__cisla a::before{left:50%;top:6px;margin:0 0 0 -2px;width:4px;height:4px}
  .rez__texty{grid-column:1/-1;grid-row:3;margin:22px 0 0}
  .vrstva .t-h3{margin-bottom:8px}
  .vrstva__cislo{margin-bottom:10px}
  .stitky{margin-top:14px}
  .stitky li{font-size:12px;padding:6px 8px}
  .vrstva__foto{position:absolute;right:0;top:0;width:76px;margin:6px 8px 0 0}
  .vrstva--klic .t-h3,.vrstva--klic .vrstva__cislo{padding-right:96px}
  .rez__schody{margin-top:calc(-100svh + 64px)}
  .schod{height:64svh}
}

/* 04 realizace */
.realizace__most{margin-top:28px;text-align:right;font:italic 500 24px/1.3 var(--serif);color:var(--petrolej);max-width:none}
.realizace__most em{font-style:italic}
.uvod--realizace{margin-top:72px}
.filtr{grid-column:8/13;grid-row:2;justify-self:end;align-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.filtr__cipy{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.filtr__cip{min-height:44px;padding:0 16px;background:transparent;border:1px solid var(--linka-silna);font:500 14px/1 var(--sans);color:var(--petrolej);cursor:pointer;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
.filtr__cip:hover{border-color:var(--petrolej)}
.filtr__cip[aria-pressed="true"]{background:var(--petrolej);border-color:var(--petrolej);color:var(--kost)}
.stitky-mriz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g);grid-auto-flow:row dense;margin-top:88px;align-items:stretch}
.stitek{position:relative;grid-column:span 4;background:var(--papir);border:1px solid var(--linka-silna);border-radius:2px;transition:transform .5s var(--ease-vstup),box-shadow .5s var(--ease-vstup),opacity .25s}
.stitek.je-videt:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgb(2 41 48 / .35)}
.stitek.je-mimo{opacity:0;transform:scale(.98)}
.stitek--na-sirku{grid-column:span 8}
.stitek__hlava{display:flex;justify-content:space-between;align-items:center;gap:12px;height:36px;padding:0 28px;background:var(--petrolej)}
.stitek__hlava span{color:var(--kost);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stitek{display:flex;flex-direction:column}
.stitek__telo{flex:1;display:flex;flex-direction:column}
.stitek__info{flex:1;display:flex;flex-direction:column}
.stitek__zobrazit{margin-top:auto;align-self:flex-start}
.stitek--na-sirku .stitek__radky{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.stitek--na-sirku .stitek__radky>div:nth-child(2){border-top:0}
.stitek--na-sirku [data-r="popis"]{grid-column:1/-1}
.stitek__foto{display:block;width:100%;padding:0;margin:0;border:0;background:var(--pisek);cursor:zoom-in;overflow:hidden;aspect-ratio:4/5}
.stitek--na-sirku .stitek__foto{aspect-ratio:3/2}
.stitek--ctverec .stitek__foto{aspect-ratio:1}
.stitek__foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-vstup)}
.stitek:hover .stitek__foto img{transform:scale(1.03)}
.stitek__info{padding:10px 24px 22px}
.stitek__radky{margin:0}
.stitek__radky>div{display:grid;grid-template-columns:38% minmax(0,1fr);gap:12px;align-items:baseline;min-height:44px;padding:13px 0;border-top:1px solid var(--linka)}
.stitek__radky>div:first-child{border-top:0}
.stitek__radky dd{margin:0;font-size:15px;line-height:1.45;color:var(--petrolej-text)}
.stitek__radky>div:first-child dd{font:500 19px/1.25 var(--serif);color:var(--petrolej)}
.stitek__zobrazit{margin-top:6px}
.nyt{position:absolute;width:7px;height:7px;border:1px solid rgb(2 41 48 / .4);border-radius:50%;transition:transform .5s var(--ease-cvak)}
.nyt::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:1px;background:currentColor;opacity:.6;transform:translate(-50%,-50%) rotate(45deg)}
.nyt--1,.nyt--2{top:14px;border-color:rgb(242 237 227 / .5);color:var(--kost)}
.nyt--3,.nyt--4{bottom:8px;color:var(--petrolej)}
.nyt--1,.nyt--3{left:9px}.nyt--2,.nyt--4{right:9px}
.stitek:hover .nyt{transform:rotate(90deg)}
.stitek--volny{grid-column:span var(--span,4)/-1}
.stitek__sraf{position:relative;display:grid;place-items:center;aspect-ratio:4/5;background-image:repeating-linear-gradient(135deg,rgb(2 41 48 / .12) 0 1px,transparent 1px 9px);transition:background-position 1.2s var(--ease-kresba)}
.stitek--volny:hover .stitek__sraf{background-position:9px 0}
.stitek__sraf span{background:var(--papir);padding:10px 14px;border:1px solid var(--linka-silna);color:var(--petrolej)}
.stitek__vyzva{margin:14px 0 20px;font:italic 500 20px/1.3 var(--serif);color:var(--petrolej)}
.stitek--volny-siroky .stitek__telo{display:grid;grid-template-columns:7fr 5fr}
.stitek--volny-siroky .stitek__info .tl{align-self:flex-start}
.stitek--volny-siroky .stitek__sraf{aspect-ratio:auto;min-height:100%}
.stitek--volny-siroky .stitek__info{padding:22px 32px 30px}
@media (max-width:1279px){
  .filtr{grid-column:1/-1;grid-row:auto;justify-self:start;align-items:flex-start;margin-top:24px}
  .filtr__cipy{justify-content:flex-start}
  .stitky-mriz{grid-template-columns:repeat(8,minmax(0,1fr))}
  .stitek--volny{grid-column:1/-1}
}
@media (max-width:767px){
  .realizace__most{font-size:19px;text-align:left}
  .filtr{width:100%}
  .filtr__cipy{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;width:calc(100% + 2 * var(--m));margin-inline:calc(-1 * var(--m));padding:0 var(--m) 4px;scrollbar-width:none}
  .filtr__cip{scroll-snap-align:start}
  .stitky-mriz{grid-template-columns:minmax(0,1fr);margin-top:48px}
  .stitek,.stitek--na-sirku,.stitek--volny{grid-column:1/-1}
  .stitek--volny-siroky .stitek__telo{display:block}
  .stitek--na-sirku .stitek__radky{display:block}
  .stitek--na-sirku .stitek__radky>div:nth-child(2){border-top:1px solid var(--linka)}
  .stitek--volny-siroky .stitek__sraf{aspect-ratio:3/2}
  .stitek__hlava{padding:0 24px}
  .stitek__info,.stitek--volny-siroky .stitek__info{padding:8px 18px 20px}
}

/* 05 uvnitr */
.uvnitr{overflow:clip;padding-bottom:clamp(150px,16vw,240px)}
.uvnitr__pisek{position:absolute;inset:0;z-index:-2;background:var(--pisek);opacity:0;transition:opacity calc(800ms * var(--k)) var(--ease-kresba)}
.uvnitr.je-pisek .uvnitr__pisek,.qa .uvnitr__pisek,.rm .uvnitr__pisek{opacity:1}
.uvnitr .kolik{background:var(--pisek)}
.uvnitr__navod{margin-top:24px;text-wrap:balance}
.uvnitr__mriz{margin-top:104px;align-items:start}
.uvnitr__blok .t-h3{margin:0 0 12px}
.uvnitr__blok--a2{grid-column:1/8;grid-row:1/3}
.uvnitr__blok--a2 .vytyc__foto{aspect-ratio:4/5}
.uvnitr__blok--t1{grid-column:9/13;grid-row:1;margin-top:96px}
.uvnitr__blok--a3{grid-column:9/13;grid-row:2;margin-top:88px}
.uvnitr__blok--a3 .vytyc__foto{aspect-ratio:3/4}
.uvnitr__blok--a3 .vytyc{margin-left:30%}
.uvnitr__blok--a3 .vytyc+div,.uvnitr__blok--a4 .vytyc+div,.uvnitr__blok--a5 .vytyc+div{margin-top:28px}
.uvnitr__blok--a4{grid-column:1/6;grid-row:3;margin-top:136px}
.uvnitr__blok--a4 .vytyc__foto{aspect-ratio:1}
.uvnitr__blok--a5{grid-column:8/12;grid-row:3;margin-top:264px}
.uvnitr__blok--a5 .vytyc__foto{aspect-ratio:4/5}
@media (max-width:1279px){
  .uvnitr__blok--a2{grid-column:1/6;grid-row:1/3}
  .uvnitr__blok--t1,.uvnitr__blok--a3{grid-column:6/9}
  .uvnitr__blok--a3 .vytyc{margin-left:0}
  .uvnitr__blok--a4{grid-column:1/5}
  .uvnitr__blok--a5{grid-column:5/9;margin-top:200px}
}
@media (max-width:767px){
  .uvnitr{padding-bottom:110px}
  .uvnitr__mriz{margin-top:64px}
  .uvnitr__blok{grid-column:1/-1!important;grid-row:auto!important;margin-top:56px!important}
  .uvnitr__blok--t1{margin-top:28px!important}
  .uvnitr__blok--a2{margin-top:0!important}
  .uvnitr__blok--a3 .vytyc{margin-left:16%;width:84%}
  .uvnitr__blok--a5 .vytyc{width:84%}
}
.hrana{position:absolute;left:0;right:0;z-index:3;margin:0;max-width:none;pointer-events:none;font:italic 500 clamp(4.5rem,14vw,13rem)/.82 var(--serif);letter-spacing:-.03em;color:var(--petrolej);white-space:nowrap}
.hrana span{display:block;width:min(100% - 2 * var(--m),1600px);margin-inline:auto;padding-left:.02em}
.hrana--horni{bottom:0;transform:translateY(62%)}
.hrana--dolni{top:0;transform:translateY(-38%)}
@media (max-width:767px){.hrana{font-size:16vw}}

/* 06 kde zacit */
.zacit{overflow:clip;padding-top:clamp(150px,15vw,230px);padding-bottom:clamp(250px,18vw,300px)}
.zacit__mriz{margin-top:64px;align-items:start}
.zacit__levy{grid-column:1/6}
.zacit__perex{margin-bottom:72px}
.zacit__foto .vytyc__foto{aspect-ratio:4/5}
.rozcestnik{grid-column:7/13}
.panel{position:relative;background:var(--papir);padding:48px;box-shadow:0 0 0 1px var(--linka),0 30px 60px -50px rgb(2 41 48 / .4)}
.roh{position:absolute;width:14px;height:14px;border:0 solid var(--kota);pointer-events:none}
.roh--1{left:16px;top:16px;border-left-width:1px;border-top-width:1px}
.roh--2{right:16px;top:16px;border-right-width:1px;border-top-width:1px}
.roh--3{right:16px;bottom:16px;border-right-width:1px;border-bottom-width:1px}
.roh--4{left:16px;bottom:16px;border-left-width:1px;border-bottom-width:1px}
.rozcestnik__hlava{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.rozcestnik__stav{white-space:nowrap;color:var(--petrolej)}
.rozcestnik__ukazatel{display:flex;gap:6px;flex:1}
.rozcestnik__ukazatel i{flex:1;height:2px;background:var(--linka-silna);transition:background .4s}
.rozcestnik__ukazatel i.je-hotovo{background:var(--petrolej)}
.otazka{border:0;margin:0;padding:0;min-width:0;transition:opacity .35s var(--ease-vstup),transform .35s var(--ease-vstup)}
.otazka.je-odchod{opacity:0;transform:translateX(-16px);transition-duration:.25s}
.otazka.je-prichod{opacity:0;transform:translateX(16px);transition:none}
.otazka legend{display:block;padding:0;margin-bottom:24px;outline:0}
.volba{position:relative;display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 20px;margin-top:-1px;border:1px solid var(--linka-silna);cursor:pointer;background:transparent;transition:background .3s,border-color .3s}
.volba:hover{background:rgb(2 41 48 / .03)}
.volba input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.volba__p{width:14px;color:var(--grafit)}
.volba__t{flex:1;font:500 17px/1.3 var(--sans);color:var(--petrolej)}
.volba__o{position:relative;flex:none;width:20px;height:20px;border:1px solid var(--kota);border-radius:50%}
.volba__o::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--petrolej);transform:scale(0);transition:transform .3s var(--ease-cvak)}
.volba:has(input:checked){background:rgb(2 41 48 / .05);border-color:var(--petrolej);z-index:1}
.volba:has(input:checked) .volba__o{border-color:var(--petrolej)}
.volba:has(input:checked) .volba__o::after{transform:scale(1)}
.volba:has(input:focus-visible){outline:2px solid var(--petrolej);outline-offset:2px;z-index:2}
.rozcestnik__chyba{margin-top:14px;font:500 14px/1.4 var(--sans);color:var(--chyba)}
.rozcestnik__ovladani{display:flex;align-items:center;gap:16px;margin-top:32px}
.rozcestnik__dalsi{margin-left:auto}
.vysledek{outline:0}
.vysledek__shrnuti{color:var(--petrolej);margin-bottom:16px}
.vysledek__kroky{list-style:none;margin:24px 0 28px;padding:0}
.vysledek__kroky li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:16px 0;border-top:1px solid var(--linka);transition:opacity .5s var(--ease-vstup),transform .6s var(--ease-vstup)}
.vysledek__kroky li:last-child{border-bottom:1px solid var(--linka)}
.vysledek__kroky li.je-prichod{opacity:0;transform:translateY(10px);transition:none}
.vysledek__kroky .mono{color:var(--petrolej);padding-top:5px}
.vysledek__kroky p{font-size:16px;line-height:1.55}
.vysledek__tlacitka{display:flex;flex-wrap:wrap;gap:12px}
.vysledek__pozn{margin-top:18px;font-size:14px;color:var(--grafit)}
.vysledek__znovu{margin-top:8px}
.qa .vysledek{margin-top:48px;padding-top:40px;border-top:1px dashed var(--linka-silna)}
.olovnice{position:absolute;left:50%;top:100%;width:1px;height:180px;background:var(--kota);transform-origin:top;transition:transform calc(900ms * var(--k)) var(--ease-kresba) .5s}
.olovnice::after{content:"";position:absolute;left:-3px;bottom:-4px;width:7px;height:7px;background:var(--petrolej);transform:rotate(45deg)}
.anim .rozcestnik:not(.je-videt) .olovnice{transform:scaleY(0)}
@media (max-width:1279px){.zacit__levy{grid-column:1/-1}.zacit__foto{max-width:60%}.rozcestnik{grid-column:1/-1;margin-top:64px}}
@media (max-width:767px){
  .zacit{padding-top:96px;padding-bottom:200px}
  .zacit__mriz{display:flex;flex-direction:column;margin-top:40px}
  .zacit__levy{display:contents}
  .zacit__perex{order:1;margin-bottom:40px}
  .rozcestnik{order:2;margin-top:0}
  .zacit__foto{order:3;max-width:none;margin-top:64px}
  .zacit__foto .vytyc__foto{aspect-ratio:3/2}
  .panel{padding:40px 22px 32px}
  .roh--1,.roh--2{top:12px}.roh--3,.roh--4{bottom:12px}.roh--1,.roh--4{left:12px}.roh--2,.roh--3{right:12px}
  .volba{padding:10px 14px;gap:12px}
  .rozcestnik__ovladani{flex-wrap:wrap}
  .rozcestnik__dalsi{width:100%}
  .vysledek__tlacitka .tl{width:100%}
  .olovnice{height:120px}
}

/* 07 kdo a kde */
.kdo{overflow:clip}
.kdo__rok{position:absolute;right:var(--okraj);bottom:0;margin:0;max-width:none;z-index:0;font:400 clamp(4rem,2rem + 12vw,15rem)/.9 var(--serif);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgb(2 41 48 / .14);transform:translateY(16%);pointer-events:none;font-variant-numeric:lining-nums}
.kdo__mriz{margin-top:64px;align-items:start}
.kdo__fotky{grid-column:1/6;display:grid;gap:104px}
.kdo__a7 .vytyc__foto{aspect-ratio:4/5}
.kdo__a8{width:68%;justify-self:end}
.kdo__a8 .vytyc__foto{aspect-ratio:3/2}
.kdo__text{grid-column:7/13;padding-top:8px}
.kdo__odst{margin-top:36px;font-size:1.1875rem;line-height:1.6;max-width:40ch}
.fakta{margin:56px 0 0}
.fakta>div{display:grid;grid-template-columns:2fr 4fr;gap:var(--g);align-items:center;min-height:64px;padding:14px 0;border-top:1px solid var(--linka-silna)}
.fakta>div:last-child{border-bottom:1px solid var(--linka-silna)}
.fakta dd{margin:0;color:var(--petrolej-text)}
.fakta__rok{font:500 2.25rem/1 var(--serif)!important;color:var(--petrolej)!important;font-variant-numeric:lining-nums}
.oblast{margin-top:104px}
.oblast__uvod{margin-top:12px}
.oblast__seznam{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--g)}
.oblast__seznam li{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--linka);font-size:16px;color:var(--petrolej)}
.oblast__seznam .mono{flex:none}
.oblast__pozn{margin-top:20px;font-size:14px;color:var(--grafit)}
@media (max-width:1279px){.kdo__fotky{grid-column:1/4;gap:64px}.kdo__a8{width:100%}.kdo__text{grid-column:4/9}.oblast__seznam{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .kdo__mriz{display:flex;flex-direction:column;margin-top:40px}
  .kdo__fotky,.kdo__text{display:contents}
  .kdo__text h2{order:1}.kdo__odst{order:2;margin-top:24px}.kdo__a7{order:3;margin-top:56px}.fakta{order:4;margin-top:48px}.oblast{order:5;margin-top:64px}.kdo__a8{order:6;width:84%;align-self:flex-end;margin-top:64px}
  .kdo__rok{font-size:44vw;top:150px;bottom:auto;transform:none}
  .fakta>div{grid-template-columns:1fr 2fr}
}

/* 08 poptavka */
.poptavka{padding-bottom:0}
.poptavka::before{display:none}
.poptavka__list{position:relative;padding:72px 80px 128px;background:var(--papir);border-top:1px solid var(--linka-silna);box-shadow:0 -24px 60px -40px rgb(2 41 48 / .35);overflow:hidden}
.poptavka__list::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(2 41 48 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(2 41 48 / .05) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px;pointer-events:none}
.poptavka__textura{position:absolute;inset:0;background:url(../img/a10-omitka.webp) center/cover no-repeat;mix-blend-mode:multiply;opacity:.18;pointer-events:none}
.poptavka__list>*{position:relative}
.poptavka__list>.roh,.poptavka__list>.poptavka__textura,.poptavka__list>.poptavka__sraf{position:absolute}
.poptavka__mriz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);margin-top:64px;align-items:start}
.poptavka__levy{grid-column:1/6;padding-right:16px}
.poptavka__levy .t-h2{font-size:clamp(2.25rem,.9rem + 3vw,3.75rem)}
.poptavka__levy .perex{margin-top:24px}
.poptavka__kontakt{margin-top:48px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.poptavka__tel{font:500 clamp(1.75rem,1rem + 1.6vw,2.5rem)/1.1 var(--serif);color:var(--petrolej);text-decoration:none;white-space:nowrap;letter-spacing:-.01em;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .5s var(--ease-okno)}
.poptavka__tel:hover{background-size:100% 1px}
.poptavka__mail{font-size:18px}
.poptavka__pozn{font-size:14px;color:var(--grafit)}
.razitko-obal{grid-column:6/13;position:relative}
.poptavka__sraf{left:0;right:0;bottom:0;height:24px;border-top:1px solid var(--linka-silna);background-image:var(--sraf)}
.razitko{position:relative;display:grid;grid-template-columns:106px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 106px minmax(0,1fr);grid-template-areas:"brand brand brand brand zad zad" "akceL akce akce akce akce akce" "mistoL misto misto misto merL merV" "zacL zac zac zac datL datV" "invL inv inv konL kon kon" "poznL pozn pozn pozn pozn pozn" "cisL cisV cisV prevL prev prev";gap:1px;background:var(--linka-silna);border:1.5px solid var(--petrolej)}
.razitko.je-otres{transform:translateY(1px)}
.bunka{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:10px 14px;background:var(--papir)}
.b-brand{grid-area:brand;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}
.b-brand .mono{color:var(--petrolej)}
.razitko__db{width:38px;height:28px;fill:var(--petrolej);color:var(--petrolej)}
.b-zad{grid-area:zad;align-items:flex-start}
.razitko__nazev{font:500 20px/1 var(--serif);color:var(--petrolej);letter-spacing:.02em;white-space:nowrap}
.b-akceL{grid-area:akceL}.b-akce{grid-area:akce}.b-mistoL{grid-area:mistoL}.b-misto{grid-area:misto}.b-merL{grid-area:merL}.b-merV{grid-area:merV}.b-zacL{grid-area:zacL}.b-zac{grid-area:zac}.b-datL{grid-area:datL}.b-datV{grid-area:datV}.b-invL{grid-area:invL}.b-inv{grid-area:inv}.b-konL{grid-area:konL}.b-kon{grid-area:kon}.b-poznL{grid-area:poznL}.b-pozn{grid-area:pozn}.b-cisL{grid-area:cisL}.b-cisV{grid-area:cisV}.b-prevL{grid-area:prevL}.b-prev{grid-area:prev;overflow:hidden}
.bunka:has(>.popis){justify-content:flex-start;padding-top:12px}
.popis{color:var(--grafit)}
.razitko__hodnota{font:500 19px/1.1 var(--serif);color:var(--petrolej);white-space:nowrap;font-variant-numeric:lining-nums}
.b-cisV .razitko__hodnota{font-size:17px}
.cipy{display:flex;flex-wrap:wrap;gap:8px}
.cip{position:relative}
.cip input{position:absolute;opacity:0;width:1px;height:1px}
.cip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--linka-silna);font:500 15px/1 var(--sans);color:var(--petrolej);cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.cip span:hover{border-color:var(--petrolej)}
.cip svg{width:0;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-dasharray:1 1;stroke-dashoffset:1;transition:width .25s var(--ease-vstup),margin .25s var(--ease-vstup),stroke-dashoffset .25s .12s}
.cip input:checked+span{background:var(--petrolej);border-color:var(--petrolej);color:var(--kost)}
.cip input:checked+span svg{width:12px;margin-right:8px;stroke-dashoffset:0}
.cip input:focus-visible+span{outline:2px solid var(--petrolej);outline-offset:2px}
.vyber select{width:100%;appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid var(--linka-silna);border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23022930'/%3E%3C/svg%3E") no-repeat right 4px center;padding:10px 28px 10px 0;font:400 17px/1.3 var(--sans);color:var(--petrolej);cursor:pointer}
.pole{width:100%;border:0;border-bottom:1px solid var(--linka-silna);border-radius:0;background:transparent;padding:10px 0;font:400 17px/1.4 var(--sans);color:var(--petrolej);resize:vertical}
.pole::placeholder{color:rgb(90 102 100 / .72)}
.pole:focus,.vyber select:focus{outline:0;box-shadow:none;border-bottom:2px solid var(--petrolej);padding-bottom:9px}
.pole:focus-visible,.vyber select:focus-visible{outline:0;box-shadow:none}
.bunka.je-chyba::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--chyba)}
.chyba{margin-top:8px;font:500 14px/1.4 var(--sans);color:var(--chyba)}
.past{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.razitko__prevzal{opacity:0;display:inline-block;font:italic 500 22px/1.1 var(--serif);color:var(--petrolej);transform:translateY(140%);transition:transform .45s var(--ease-vstup)}
.razitko.je-prevzato .razitko__prevzal{transform:none;opacity:1;transition:transform .45s var(--ease-vstup),opacity .2s}
.otisk{position:absolute;right:9%;bottom:-6px;width:132px;height:132px;z-index:5;pointer-events:none;opacity:0;color:var(--petrolej);fill:var(--petrolej);transform:scale(1.6) rotate(-14deg)}
.otisk__text{font:500 9.5px var(--mono);letter-spacing:.06em}
.razitko.je-otisk .otisk{animation:dopad .3s forwards}
@keyframes dopad{0%{opacity:0;transform:scale(1.6) rotate(-14deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}60%{opacity:.92;transform:scale(.96) rotate(-8deg);animation-timing-function:cubic-bezier(.19,1,.22,1)}100%{opacity:.92;transform:scale(1) rotate(-8deg)}}
.qa .razitko.je-otisk .otisk,.rm .razitko.je-otisk .otisk{animation:none;opacity:.92;transform:rotate(-8deg)}
.razitko__pata{margin-top:18px}
.razitko__souhlas{font-size:14px;color:var(--grafit);margin-bottom:14px}
.tecky i{display:inline-block;font-style:normal;animation:tecka 1s infinite}
.tecky i:nth-child(2){animation-delay:.15s}.tecky i:nth-child(3){animation-delay:.3s}
@keyframes tecka{0%,100%{opacity:.2}50%{opacity:1}}
.dekujeme{padding:22px 0 0;outline:0}
.dekujeme p{margin-top:10px}
.razitko-obal--ukazka{grid-column:6/13;margin-top:72px}
.razitko-obal--ukazka::before{content:"UKÁZKA STAVU PO ODESLÁNÍ";display:block;margin-bottom:14px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--grafit)}
@media (max-width:1279px){.poptavka__list{padding:64px 48px 112px}.poptavka__levy,.razitko-obal,.razitko-obal--ukazka{grid-column:1/-1}.razitko-obal{margin-top:56px}}
@media (max-width:767px){
  .poptavka{padding-top:72px}
  .poptavka .obal{width:100%}
  .poptavka__list{padding:48px 20px 96px;border-top:1px solid var(--linka-silna)}
  .poptavka__list .roh{display:none}
  .poptavka__mriz{display:block;margin-top:40px}
  .poptavka__kontakt{margin-top:32px}
  .razitko{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"brand brand brand" "zad zad zad" "merL datL cisL" "merV datV cisV" "akceL akceL akceL" "akce akce akce" "mistoL mistoL mistoL" "misto misto misto" "zacL zacL zacL" "zac zac zac" "invL invL invL" "inv inv inv" "konL konL konL" "kon kon kon" "poznL poznL poznL" "pozn pozn pozn" "prevL prevL prevL" "prev prev prev"}
  .bunka{min-height:0;padding:10px 12px}
  .bunka:has(>.popis){padding:12px 12px 2px}
  .b-merV,.b-datV,.b-cisV{padding-top:4px;min-height:44px}
  .razitko__hodnota,.b-cisV .razitko__hodnota{font-size:15px}
  .b-brand{min-height:52px}
  .b-zad{min-height:48px}
  .cip span{padding:0 13px;font-size:14px}
  .otisk{width:112px;height:112px;right:50%;margin-right:-56px;bottom:40px}
  .tl--sirka{min-height:56px}
}

/* 09 paticka */
.paticka{position:relative;z-index:0;background:var(--petrolej);color:var(--kost)}
.paticka-sticky .paticka{position:sticky;bottom:0}
.paticka::before{content:"";position:absolute;top:0;bottom:0;left:var(--okraj);right:var(--okraj);pointer-events:none;background-image:repeating-linear-gradient(to right,rgb(242 237 227 / .06) 0 1px,transparent 1px calc((100% + var(--g)) / 4)),linear-gradient(to left,rgb(242 237 227 / .06) 0 1px,transparent 1px)}
.paticka__in{position:relative;padding:104px 0 28px}
.paticka__horni{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:end}
.logo-sestava{grid-column:1/6;display:inline-flex;flex-direction:column;align-items:flex-start;color:var(--kost)}
.logo-sestava__napis{font:700 20px/1 var(--sans);letter-spacing:.06em;margin-bottom:12px}
.logo-sestava__db{width:161px;height:120px;fill:currentColor}
.paticka__veta{grid-column:7/13}
.paticka__veta p{font:500 clamp(1.875rem,1rem + 2vw,2.75rem)/1.1 var(--serif);letter-spacing:-.012em;color:var(--kost);max-width:none;margin-bottom:32px;text-wrap:balance}
.paticka__sloupce{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--g);margin-top:104px;padding-top:32px;border-top:1px solid rgb(242 237 227 / .14)}
.paticka__sloupce>*{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;line-height:1.5}
.paticka .mono{color:rgb(242 237 227 / .6);margin-bottom:6px}
.paticka a{color:var(--kost);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s var(--ease-okno)}
.paticka a:hover{background-size:100% 1px}
.paticka a.tl{background-image:none}
.paticka a.tl--kost,.paticka a.tl--kost:hover{color:var(--petrolej)}
.paticka__dole{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:88px;padding-top:22px;border-top:1px solid rgb(242 237 227 / .14);font-size:14px}
.paticka__dole a{min-height:44px;display:inline-flex;align-items:center}
.paticka :focus-visible{outline-color:var(--kost);box-shadow:none}
@media (max-width:1279px){.logo-sestava{grid-column:1/-1;margin-bottom:56px}.paticka__veta{grid-column:1/-1}.paticka__sloupce{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}
@media (max-width:767px){
  .paticka__in{padding:80px 0 calc(96px + env(safe-area-inset-bottom))}
  .logo-sestava__db{width:129px;height:96px}
  .logo-sestava__napis{font-size:16px}
  .paticka__veta p{font-size:30px}
  .paticka__veta .tl{width:100%}
  .paticka__sloupce{grid-template-columns:minmax(0,1fr);margin-top:64px}
  .paticka__dole{flex-wrap:wrap;margin-top:56px}
}

/* mobilni lista */
.lista{display:none}
@media (max-width:767px){
  .lista{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--papir);border-top:1px solid var(--linka-silna);transform:translateY(110%);transition:transform .45s var(--ease-okno)}
  .lista.je-videt{transform:none}
  .lista .tl{min-height:48px}
  .qa .lista{display:none}
}

/* slovnicek */
.karta{position:fixed;z-index:120;width:300px;padding:22px 22px 20px;background:var(--papir);border:1px solid var(--linka-silna);box-shadow:0 24px 50px -30px rgb(2 41 48 / .45);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s var(--ease-vstup)}
.karta.je-otevrena{opacity:1;transform:none}
.karta .roh{width:10px;height:10px}
.karta .roh--1,.karta .roh--2{top:8px}.karta .roh--3,.karta .roh--4{bottom:8px}.karta .roh--1,.karta .roh--4{left:8px}.karta .roh--2,.karta .roh--3{right:8px}
.karta__zavrit{position:absolute;top:6px;right:6px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.karta__zavrit svg{width:12px;height:12px;stroke:var(--petrolej);stroke-width:1.2}
.karta__kresba svg{width:96px;height:64px;fill:none;stroke:var(--petrolej);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.karta__pojem{margin:12px 0 6px;font:500 20px/1.2 var(--serif);color:var(--petrolej)}
.karta__pojem::first-letter{text-transform:uppercase}
.karta__def{font-size:15px;line-height:1.5}
.qa .karta{position:absolute}
@media (max-width:767px){.karta{left:0!important;right:0;top:auto!important;bottom:0;width:auto;border-radius:16px 16px 0 0;padding:26px 20px calc(26px + env(safe-area-inset-bottom))}.qa .karta{left:20px!important;right:20px;bottom:auto;top:var(--qa-top)!important;border-radius:0}}

/* nahled realizace */
.nahled{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgb(244 241 234 / .97);color:var(--petrolej-text)}
.nahled::backdrop{background:rgb(244 241 234 / .6)}
.nahled__in{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr) auto;gap:24px 64px;padding:20px var(--m) 24px}
.nahled__zavrit{grid-column:1/-1;justify-self:end}
.nahled__foto{grid-row:2;align-self:center;justify-self:center;max-height:100%;margin:34px 34px 10px}
.nahled__foto .vytyc__foto{height:auto}
.nahled__foto img{width:auto;height:auto;max-width:100%;max-height:calc(100svh - 230px)}
.nahled__info{grid-row:2;align-self:end;padding-bottom:10px}
.nahled__nazev{margin:12px 0 10px;font:500 28px/1.15 var(--serif);color:var(--petrolej)}
.nahled__nav{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--linka);padding-top:10px}
.nahled__pocitadlo{color:var(--petrolej)}
@media (max-width:767px){.nahled__in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:12px 20px calc(16px + env(safe-area-inset-bottom))}.nahled__foto{margin:34px 8px 8px}.nahled__foto img{max-height:calc(100svh - 330px)}.nahled__info{grid-row:3}.nahled__nav{grid-row:4}.nahled__nav .odkaz-sipka{font-size:14px}}

/* qa rezim */
.qa .hlavicka{position:absolute}
.qa[style*="--qa-posun"] body{transform:translateY(var(--qa-posun))}
.qa .rez__scena{position:relative;top:0;height:auto;min-height:0}
.qa .rez__schody,.qa .rez__cisla{display:none}
.qa .rez__mriz{align-items:start;row-gap:64px}
.qa .rez__kresba{grid-column:1/9;height:auto;aspect-ratio:8/9;max-height:880px}
.qa .rez__texty{grid-column:1/-1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px var(--g)}
.qa .vrstva{position:relative;opacity:1;visibility:visible;transform:none;padding-top:24px;border-top:1px solid var(--linka-silna)}
.qa .vrstva__foto{position:static;margin:64px 0 0 12px}
.qa .rez__v{opacity:1!important}
.qa .paticka{position:relative!important}
.qa *,.qa *::before,.qa *::after{transition:none!important;animation:none!important}
@media (max-width:767px){.qa .rez__texty{grid-template-columns:minmax(0,1fr)}.qa .rez__mriz{grid-template-rows:auto;display:flex;flex-direction:column}.qa .rez__kresba{aspect-ratio:8/9}.qa .vrstva--klic .t-h3,.qa .vrstva--klic .vrstva__cislo{padding-right:0}}

/* omezeny pohyb */
.rm *,.rm *::before,.rm *::after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}

/* Mobil: hodnoty v razítku nesmí narážet na okraj tabulky */
@media (max-width: 520px) {
  .razitko__hodnota { font-size: 15px; }
  .b-cisV .razitko__hodnota { font-size: 13px; white-space: normal; }
}

/* Šrafy štítku nesmí vylézt z karty (mobil) */
.stitek { overflow: hidden; }