:root{--drevo:#241408;--drevo2:#2e1c0f;--panel:#31200f;--slon:#f2e8cf;--slon60:rgba(242,232,207,.62);--med:#c8813f;--med-svetla:#e8a968;--linka:rgba(200,129,63,.25)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#241408 url("assets/drevo-tile.png");background-size:1100px;color:var(--slon);font-family:"Jost",sans-serif;font-weight:300;font-size:17px;line-height:1.65;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,0) 40%,rgba(0,0,0,.32))}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:1.15;color:var(--slon)}
a{color:var(--med-svetla);text-decoration:none;transition:color .2s}
a:hover{color:var(--slon)}
.sirka{max-width:1100px;margin:0 auto;padding:0 32px;position:relative}
header.hlavicka{border-bottom:1px solid var(--linka);position:sticky;top:0;background:rgba(36,20,8,.92);backdrop-filter:blur(8px);z-index:10}
.hlavicka .sirka{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.hlavicka img.logo{height:34px;display:block}
nav.menu{display:flex;gap:28px}
nav.menu a{color:var(--slon60);font-size:14px;letter-spacing:.14em;text-transform:uppercase}
nav.menu a:hover,nav.menu a.aktivni{color:var(--med-svetla)}
.stitek{display:inline-block;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--med);margin-bottom:18px}
.stitek::after{content:"";display:inline-block;width:48px;height:1px;background:var(--med);margin-left:14px;vertical-align:middle}
section{padding:88px 0}
.hero{padding:130px 0 110px;text-align:center}
.hero img.velke-logo{width:min(560px,80%);margin-bottom:44px}
.hero h1{font-size:clamp(34px,5vw,54px);max-width:17ch;margin:0 auto 20px}
.hero p{max-width:52ch;margin:0 auto 40px;color:var(--slon60);font-size:19px}
.tlacitka{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.tl{display:inline-block;padding:14px 34px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--med);transition:all .25s}
.tl.plne{background:linear-gradient(120deg,#8c4e20,#c8813f 45%,#e8a968 55%,#b06a2c);color:#241408;font-weight:500;border:none}
.tl.plne:hover{filter:brightness(1.12);color:#241408}
.tl.obrys{color:var(--med-svetla)}
.tl.obrys:hover{background:rgba(200,129,63,.12);color:var(--slon)}
h2.nadpis{font-size:clamp(28px,3.6vw,40px);margin-bottom:16px}
.uvod-sekce{max-width:58ch;color:var(--slon60);margin-bottom:48px}
.mrizka{display:grid;gap:28px}
.mrizka.tri{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.mrizka.dve{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.karta{background:linear-gradient(160deg,rgba(70,45,22,.45),rgba(40,24,10,.6));border:1px solid var(--linka);padding:36px 32px}
.karta h3{font-size:24px;margin-bottom:12px}
.karta p{color:var(--slon60);font-size:16px}
.karta .cislo{font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:.2em;color:var(--med);display:block;margin-bottom:20px}
.foto{position:relative;aspect-ratio:4/3}
.foto image-slot{position:absolute;inset:0}
.popisek{margin-top:14px}
.popisek h3{font-size:21px}
.popisek span{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--med)}
.citat{border-top:1px solid var(--linka);border-bottom:1px solid var(--linka);padding:56px 0;text-align:center}
.citat blockquote{font-family:"Cormorant Garamond",serif;font-size:clamp(22px,3vw,30px);font-style:italic;max-width:34ch;margin:0 auto 18px}
.citat cite{font-style:normal;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--med)}
table.cenik{width:100%;border-collapse:collapse}
table.cenik th{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--med);text-align:left;padding:14px 12px;border-bottom:1px solid var(--med)}
table.cenik td{padding:16px 12px;border-bottom:1px solid var(--linka);color:var(--slon)}
table.cenik td:last-child,table.cenik th:last-child{text-align:right;white-space:nowrap}
table.cenik td small{display:block;color:var(--slon60)}
form.poptavka{display:grid;gap:20px;max-width:640px}
form.poptavka label{display:grid;gap:8px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--slon60)}
form.poptavka input,form.poptavka textarea,form.poptavka select{background:rgba(20,11,4,.6);border:1px solid var(--linka);color:var(--slon);padding:13px 15px;font-family:"Jost",sans-serif;font-size:16px}
form.poptavka input:focus,form.poptavka textarea:focus{outline:none;border-color:var(--med)}
footer.pata{border-top:1px solid var(--linka);padding:52px 0;margin-top:40px}
footer.pata .sirka{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
footer.pata img{height:26px;opacity:.85}
footer.pata p{font-size:14px;color:var(--slon60)}
.kontakt-udaje{display:grid;gap:10px;font-size:17px}
.kontakt-udaje strong{font-weight:500;color:var(--med-svetla)}
@media(max-width:640px){nav.menu{gap:16px;flex-wrap:wrap}.hlavicka .sirka{height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}section{padding:56px 0}.hero{padding:80px 0 70px}.sirka{padding:0 20px}table.cenik{display:block;overflow-x:auto;white-space:nowrap}table.cenik td small{white-space:normal}}