:root{--bg:#f5f1e8;--paper:#fffaf0;--ink:#1f261b;--muted:#67705f;--green:#314729;--green2:#546a3b;--gold:#d2a546;--stone:#d9d1c1;--shadow:0 24px 80px rgba(31,38,27,.15);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(31,38,27,.72);color:white;backdrop-filter:blur(16px);box-shadow:0 12px 44px rgba(0,0,0,.25)}.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand-mark{color:var(--gold)}.nav-actions{display:flex;gap:10px;align-items:center}.nav-link{font-size:14px;opacity:.9}.nav-btn{background:white;color:var(--green);padding:10px 16px;border-radius:999px;font-weight:800}.section-dark{color:white;background:linear-gradient(135deg,#1c2718,#3d512b)}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;padding:150px max(22px,calc((100vw - 1180px)/2)) 42px}.hero-bg{position:absolute;inset:0;background:url('img/hero-portrait.jpg') center/cover no-repeat;filter:saturate(1.05);transform:scale(1.03);animation:heroZoom 12s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,8,.76),rgba(10,18,8,.38) 45%,rgba(10,18,8,.18)),linear-gradient(0deg,rgba(10,18,8,.80),transparent 48%)}@keyframes heroZoom{from{transform:scale(1.02)}to{transform:scale(1.075)}}.hero-content{position:relative;max-width:810px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:900;font-size:13px;color:#ecd28d;margin:0 0 14px}.eyebrow.dark{color:var(--green2)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7vw,86px);line-height:.95;letter-spacing:-.06em;margin-bottom:24px}h2{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin-bottom:18px}h3{font-size:20px;line-height:1.18;margin-bottom:8px}.lead{font-size:clamp(18px,2vw,23px);max-width:700px;color:rgba(255,255,255,.84)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:999px;font-weight:900;transition:.25s ease;border:1px solid rgba(255,255,255,.24)}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gold);color:#231d10;border-color:var(--gold);box-shadow:0 14px 34px rgba(210,165,70,.28)}.btn.secondary{background:white;color:var(--green)}.btn.ghost{background:rgba(255,255,255,.1);color:white}.trust-strip{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:60px}.trust-strip span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-weight:800;font-size:14px}.quote-wrap{max-width:1180px;margin:-48px auto 80px;padding:0 22px;position:relative;z-index:3}.quote-card{background:var(--paper);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);border:1px solid rgba(84,106,59,.12)}.quote-card p{font-family:Georgia,serif;font-size:clamp(26px,3vw,42px);line-height:1.1;margin-bottom:10px}.quote-card span{color:var(--muted);font-weight:700}.section{max-width:1180px;margin:0 auto;padding:96px 22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.why p,.section-head p,.product-section p{color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-grid article,.steps article,.store-card{background:rgba(255,250,240,.78);border:1px solid rgba(84,106,59,.14);border-radius:24px;padding:24px;box-shadow:0 12px 40px rgba(31,38,27,.07)}.feature-grid span{font-size:26px;color:var(--green2)}.section-head{max-width:760px;margin:0 0 34px}.masonry-gallery{display:grid;grid-template-columns:1.25fr .85fr .85fr;grid-auto-rows:260px;gap:16px}.gallery-item{position:relative;overflow:hidden;border:0;padding:0;border-radius:26px;cursor:pointer;background:#ddd;box-shadow:0 14px 48px rgba(31,38,27,.12)}.gallery-item.big{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.50),transparent 55%);opacity:.75;transition:.3s}.gallery-item span{position:absolute;left:18px;right:18px;bottom:18px;color:white;font-weight:900;font-size:18px;z-index:2;text-align:left}.gallery-item:hover img{transform:scale(1.06);filter:saturate(1.12)}.compare{position:relative;width:min(960px,100%);margin:auto;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#ddd;aspect-ratio:4/3}.compare>img,.compare-after img{width:100%;height:100%;object-fit:cover}.compare-after{position:absolute;inset:0;width:52%;overflow:hidden;border-right:3px solid white}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.handle{position:absolute;top:0;bottom:0;left:52%;width:3px;background:white;pointer-events:none}.handle:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:white;color:var(--green);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}.label{position:absolute;top:18px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.48);color:white;font-weight:900;font-size:13px}.label.left{left:18px}.label.right{right:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps strong{font-size:14px;color:var(--gold);letter-spacing:.12em}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chips span{background:white;border:1px solid rgba(84,106,59,.15);padding:10px 14px;border-radius:999px;font-weight:800;color:var(--green)}.store-card{background:linear-gradient(145deg,#fffaf0,#ece3d1)}.store-card hr{border:0;height:1px;background:rgba(84,106,59,.18);margin:22px 0}.cta{max-width:1180px;margin:40px auto 0;border-radius:34px;padding:58px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:url('img/zahrada-oblouk.jpg') center/cover no-repeat;opacity:.22;filter:saturate(1.1)}.cta>div{position:relative;max-width:780px}.cta p{color:rgba(255,255,255,.82);font-size:18px}.footer{max-width:1180px;margin:0 auto;padding:44px 22px 70px;display:flex;flex-wrap:wrap;gap:18px;color:var(--muted)}.footer strong{color:var(--ink)}.footer a{text-decoration:underline;text-underline-offset:4px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.lightbox{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox img{max-height:88svh;max-width:96vw;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.close{position:absolute;top:22px;right:26px;width:48px;height:48px;border-radius:50%;border:0;font-size:32px;background:white;color:#111;cursor:pointer}@media(max-width:850px){.topbar{top:10px;border-radius:24px;align-items:flex-start}.nav-actions{gap:6px}.nav-link{display:none}.hero{padding-top:120px}.grid-2,.steps{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.masonry-gallery{grid-template-columns:1fr;grid-auto-rows:280px}.gallery-item.big,.gallery-item.wide{grid-row:auto;grid-column:auto}.cta{border-radius:0;margin-top:20px;padding:44px 22px}.section{padding:70px 18px}.quote-wrap{padding:0 18px;margin:-28px auto 55px}.hero-actions .btn{flex:1 1 180px}.footer{display:block}.footer>*{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
