@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Barlow-400-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Barlow-400-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:'Barlow';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/Barlow-500-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/Barlow-500-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:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/Barlow-600-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/Barlow-600-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:'Barlow Condensed';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/BarlowCondensed-500-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/BarlowCondensed-500-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:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/BarlowCondensed-600-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/BarlowCondensed-600-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:'Barlow Condensed';font-weight:100 700;font-style:normal;font-display:swap;src:url(../fonts/BarlowCondensed-700-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:100 700;font-style:normal;font-display:swap;src:url(../fonts/BarlowCondensed-700-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{--ral1005:#c99700;--ink:#15161a;--ink2:#1e1e1e;--pap:#f7f5ec;--cervena:#f1556a;--oranz:#f4813f;--sedá:#696969;--cara:#dadada;--wrap:72rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;font:400 1.0625rem/1.6 'Barlow',system-ui,sans-serif;color:var(--ink2);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:inherit}
h1,h2,h3{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;line-height:1.05;margin:0;letter-spacing:.005em}
h1{font-size:clamp(2.6rem,7vw,5.2rem)}h2{font-size:clamp(2.1rem,4.6vw,3.4rem)}h3{font-size:clamp(1.7rem,3vw,2.2rem)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:99}
.stitok{font:600 .95rem/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cervena);margin:0 0 .9rem}
.stitok::before{content:"";display:inline-block;width:1.6rem;height:2px;background:currentColor;vertical-align:middle;margin-right:.6rem}
.hlavicka{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--cara)}
.hlavicka .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.2rem}
.logo img{height:39px;width:auto}
.hlavicka nav{display:flex;gap:1.6rem;margin-left:auto}
.hlavicka nav a{font:600 1.05rem 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}
.hlavicka nav a:hover,.hlavicka nav a:focus-visible{border-color:var(--cervena)}
.tel{font:700 1.1rem 'Barlow Condensed',sans-serif;letter-spacing:.04em;text-decoration:none;background:var(--ink);color:#fff;padding:.55rem 1rem;white-space:nowrap}
.tel:hover{background:var(--cervena)}
/* Úvod na bielom pozadí (klient 10. 11. 2026), tmavý text */
.hero{position:relative;background:#fff;color:var(--ink);overflow:hidden}
.hero-mriezka{display:grid;gap:2.2rem;grid-template-columns:minmax(0,1fr);padding-top:clamp(2.4rem,5vw,4.5rem);padding-bottom:clamp(3rem,6vw,5rem);align-items:center}
@media(min-width:60rem){.hero-mriezka{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3.5rem}}
.hero-obsah{position:relative;min-width:0}
.hero .stitok{color:var(--ink)}
.hero h1{max-width:13ch;color:var(--ink)}
.hero .slogan{font:600 clamp(1.45rem,2.6vw,2rem)/1.2 'Barlow Condensed','Barlow',sans-serif;letter-spacing:.01em;max-width:30ch;margin:1.2rem 0 0;padding-left:1rem;border-left:4px solid var(--ink);color:var(--ink)}
.hero .perex{font-size:1.2rem;max-width:34rem;margin:1.3rem 0 2rem;color:var(--ink)}
.hero-foto{position:relative;min-width:0}
.hero-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:.9rem .9rem 0 var(--ink)}
.hero .tlacitko{background:var(--ink);color:#fff}.hero .tlacitko:hover,.hero .tlacitko:focus-visible{background:#33343b}
.hero .odkaz-svetly{color:var(--ink)}
.hero .normy{color:var(--ink)}
.hero-cta{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin:0}
.tlacitko,form button{display:inline-block;background:var(--cervena);color:#15161a;font:700 1.15rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:.95rem 1.7rem;border:0;cursor:pointer}
.tlacitko:hover,form button:hover{background:var(--oranz)}
.odkaz-svetly{font:600 1.1rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration-thickness:2px;text-underline-offset:.3em}
.meter{position:absolute;right:1.25rem;bottom:1.25rem;display:flex;gap:5px;align-items:flex-end;height:6.5rem}
.meter i{width:.55rem;background:linear-gradient(to top,var(--cervena),var(--oranz));height:100%;transform-origin:bottom;animation:uroven 1.6s ease-in-out infinite alternate}
.meter i:nth-child(1){animation-duration:1.1s}.meter i:nth-child(2){animation-duration:1.7s;animation-delay:-.4s}.meter i:nth-child(3){animation-duration:1.3s;animation-delay:-.9s}.meter i:nth-child(4){animation-duration:2s;animation-delay:-.2s}.meter i:nth-child(5){animation-duration:1.5s;animation-delay:-1s}.meter i:nth-child(6){animation-duration:1.2s;animation-delay:-.6s}.meter i:nth-child(7){animation-duration:1.9s}.meter i:nth-child(8){animation-duration:1.4s;animation-delay:-.7s}.meter i:nth-child(9){animation-duration:1.8s;animation-delay:-.3s}.meter i:nth-child(10){animation-duration:1.25s;animation-delay:-1.1s}.meter i:nth-child(11){animation-duration:1.6s;animation-delay:-.5s}.meter i:nth-child(12){animation-duration:2.1s;animation-delay:-.8s}
@keyframes uroven{from{transform:scaleY(.12)}to{transform:scaleY(.95)}}
@media (prefers-reduced-motion:reduce){.meter i{animation:none;transform:scaleY(.55)}html{scroll-behavior:auto}}
.sekce{padding:clamp(3.5rem,8vw,6.5rem) 0}
.tmava{background:#c99700;color:#15161a}.tmava .stitok,.tmava h2,.tmava h3,.tmava .sk-text h3,.tmava .adresy h3{color:#15161a}.tmava a{color:#15161a}.tmava .tlacitko,.tmava form button{background:#15161a;color:#fff}.tmava .formular input,.tmava .formular textarea{background:#fff;color:#15161a;border-color:#15161a}
.dva{display:grid;gap:2.5rem 4rem;grid-template-columns:1fr}
@media(min-width:60rem){.dva{grid-template-columns:1fr 1.15fr;align-items:start}.o-nas .dva{grid-template-columns:1fr 1.2fr}}
.o-nas{background:var(--pap)}.text p{margin:0 0 1rem;max-width:40rem}
.pult h2{margin-bottom:2.5rem}
.spec{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;grid-column:2}
.spec li{font:600 .95rem 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;border:1px solid #4a4d57;padding:.25rem .65rem;color:#fff}
.tlmocenie .foto-stack img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tlmocenie .foto-stack{box-shadow:-.9rem .9rem 0 var(--cervena)}
.prijimac{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--cara)}
.prijimac img{width:56px;height:auto}.prijimac span{font:600 1rem 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--sedá)}
.galeria{background:var(--pap)}.galeria h2{margin-bottom:2.2rem}
.mriezka{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:36rem){.mriezka{grid-template-columns:repeat(2,1fr)}}@media(min-width:60rem){.mriezka{grid-template-columns:repeat(3,1fr)}}
.mriezka li{position:relative;background:var(--ink);overflow:hidden}.mriezka img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.mriezka li:hover img{transform:scale(1.04)}
.mriezka span{position:absolute;left:0;bottom:0;right:0;padding:1.6rem .9rem .7rem;background:linear-gradient(transparent,rgba(21,22,26,.9));color:#fff;font:600 1.05rem 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.tim h2{margin-bottom:2.2rem}
.ludia{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.4rem 1.2rem}.ludia li{width:min(124px,calc(33.3% - .8rem))}
.ludia img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);margin-bottom:.7rem}
.ludia strong{display:block;font:700 1.15rem 'Barlow Condensed',sans-serif;letter-spacing:.01em}.ludia span{color:var(--sedá);font-size:.95rem}
.kontakt .text p{color:#15161a}.adresy h3{color:var(--cervena);font-size:1.25rem;letter-spacing:.1em;margin:1.6rem 0 .4rem}.adresy h3:first-child{margin-top:0}
.adresy p{margin:0;color:#e8e8ea}.adresy a{text-decoration-color:var(--cervena);text-underline-offset:.25em}
.navig{display:flex;gap:1.4rem;margin-top:1.4rem!important}
.formular{display:grid;gap:1rem;margin-top:1.5rem}.formular label{display:grid;gap:.35rem;font:600 .95rem 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#c9cad1}
.formular input,.formular textarea{font:400 1.05rem 'Barlow',sans-serif;padding:.75rem .9rem;border:1px solid #4a4d57;background:#1e1f25;color:#fff;border-radius:0;width:100%}
.formular input:focus,.formular textarea:focus{outline:2px solid var(--cervena);outline-offset:1px}
.formular .suhlas{display:flex;gap:.7rem;align-items:center;text-transform:none;letter-spacing:0;font:400 .95rem 'Barlow',sans-serif}.formular .suhlas input{width:auto}
.past{position:absolute;left:-9999px}.formular button{justify-self:start}.formular-stav{margin:0;color:var(--oranz)}
.paticka{background:#0e0f12;color:#a9abb4;padding:1.6rem 0;font-size:.95rem}.paticka p{margin:.2rem 0}.paticka strong{color:#fff}
@media(max-width:62rem){.hlavicka .wrap{flex-wrap:wrap;gap:.2rem 1rem;padding-top:.6rem}.tel{margin-left:auto}.hlavicka nav{order:3;width:100%;margin:0;gap:.9rem;font-size:.95rem;overflow-x:auto;padding-bottom:.2rem}.hlavicka nav a{white-space:nowrap;font-size:.95rem}.meter{display:none}}

.normy{margin:1.4rem 0 0;font-size:.95rem;color:#c9cad1;max-width:34rem}
.skupiny{display:grid;gap:4rem}
.skupina{display:grid;gap:1.6rem 3rem;grid-template-columns:1fr;align-items:start}
.sk-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.sk-text h3{color:var(--cervena);margin-bottom:1rem;padding-top:.9rem;background:linear-gradient(90deg,var(--cervena),var(--oranz)) top left/3.5rem 4px no-repeat}
.sl{list-style:none;margin:0;padding:0}.sl>li{padding:1rem 0;border-top:1px solid #34363e}
.sl h4{font:700 1.25rem 'Barlow Condensed',sans-serif;letter-spacing:.03em;margin:0 0 .3rem}.sl p{margin:0;color:#c9cad1}
.sl .spec{grid-column:auto;margin:.6rem 0 0}
@media(min-width:60rem){.skupina{grid-template-columns:5fr 6fr}.skupina.obracene .sk-foto{order:2}.skupina.obracene{grid-template-columns:6fr 5fr}.sk-foto{position:sticky;top:6rem}}
.prod{display:flex;align-items:center;gap:1rem;margin:.75rem 0}
.prod img{background:#fff;border-radius:6px;padding:.25rem;height:auto;width:130px;object-fit:contain}
.prod img+img{width:70px}
.skupina:nth-of-type(4) .sk-foto img{object-fit:contain;background:#fff}
.tmava .adresy p,.tmava .formular label,.tmava .normy,.tmava .sl p,.tmava .skupina p,.tmava p{color:#15161a}
.tmava .formular label span,.tmava .formular input::placeholder,.tmava .formular textarea::placeholder{color:#4a3a00}
.tmava .formular label:has(input[type=checkbox]){color:#15161a}
.tmava li,.tmava .sl li{border-color:#15161a;color:#15161a}

.tlmocenie .foto-stack{box-shadow:none;background:#fff;text-align:center}.tlmocenie .foto-stack img{aspect-ratio:auto;object-fit:contain;max-width:24rem;width:100%;height:auto;margin:0 auto}
.pult.tmava{background:#fff;color:#15161a}
.paticka .admin-odkaz{margin-top:.6rem}.paticka .admin-odkaz a{color:#a9abb4;font-size:.85rem}
@media(max-width:30rem){.hlavicka nav{flex-wrap:wrap;overflow:visible;gap:.15rem .9rem}}