:root{--green:#3e7715;--dark:#102e1c;--ink:#172719;--muted:#52616b;--line:#e2e8de;--light:#f4f8f2;--white:#fff;--shadow:0 14px 36px rgba(21,45,22,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit}img,svg{max-width:100%}button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}section[id],div[id]{scroll-margin-top:96px}.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:12px;z-index:20}.skip-link:focus{left:12px}.site-header{height:84px;background:#fff;position:relative;z-index:10;box-shadow:0 2px 18px rgba(0,0,0,.04)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex:0 0 auto;line-height:1.1}.brand-mark{width:49px;height:49px;border:3px solid #13331d;display:grid;place-items:center;color:#13331d;font-size:39px;line-height:1;font-family:Georgia,serif;font-style:italic;transform:rotate(6deg)}.brand-mark::first-letter{transform:rotate(-6deg)}.brand strong{display:block;font-size:21px;letter-spacing:-.035em;color:#102719}.brand small{display:block;color:#4e5e4d;font-size:11px;margin-top:5px;letter-spacing:.005em}.primary-nav{display:flex;align-items:center;gap:23px;margin-left:auto;white-space:nowrap}.primary-nav a{text-decoration:none;font-size:14px;font-weight:700;padding:29px 0 25px;border-bottom:3px solid transparent}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--green);border-color:var(--green)}.header-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;background:var(--green);color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;border-radius:12px;white-space:nowrap;box-shadow:0 5px 11px rgba(46,103,22,.17)}.header-cta:hover,.button-primary:hover{background:#305d10}.menu-toggle{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--green);font-weight:800;font-size:13px;margin:0 0 12px}.hero{position:relative;min-height:560px;overflow:hidden}.hero-image{position:absolute;inset:0;background:#e9eae2 url('/hero-laptop-2026.jpg') center 56%/cover no-repeat;image-rendering:-webkit-optimize-contrast}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,250,246,.98) 0%,rgba(250,250,246,.94) 32%,rgba(250,250,246,.58) 42%,rgba(250,250,246,0) 50%);pointer-events:none}.hero-inner{position:relative;min-height:560px;display:flex;align-items:center}.hero-copy{width:min(535px,53%);padding:42px 0 32px}.hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.08;letter-spacing:-.05em;color:#0d2d1c;margin:0 0 19px;font-weight:800}.hero h1 em{font-style:normal;color:#173e24}.hero-lead{font-size:19px;line-height:1.5;color:#45546b;max-width:490px;margin:0 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 22px;text-decoration:none;border-radius:12px;font-size:14px;font-weight:800;text-transform:uppercase;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#fff;box-shadow:0 8px 15px rgba(38,91,18,.18)}.button-outline{border:1.5px solid var(--green);background:rgba(255,255,255,.8);color:#203f1b}.button-outline:hover{background:#eef6e8}.button span{font-size:20px;font-weight:400;line-height:1}.hero-points{list-style:none;padding:0;margin:27px 0 0;display:flex;gap:20px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#293a2c}.hero-points li{display:flex;align-items:center;gap:8px}.hero-points li::before{content:'✓';display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;width:20px;height:20px;font-size:13px}
.benefits{padding:51px 0 56px;background:#fff}.section-intro{text-align:center;margin-bottom:24px}.section-intro h2,.section-heading h2,.price-about h2,.contact-band h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0;color:#102f1c}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{text-align:center;padding:0 24px;min-height:187px}.benefit+.benefit{border-left:1px solid var(--line)}.benefit-icon{height:62px;color:var(--green);display:grid;place-items:center;margin-bottom:9px}.benefit svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.benefit h3{font-size:18px;margin:0 0 4px}.benefit p{font-size:14px;line-height:1.5;color:#5d6566;margin:0}
.showcase{padding:67px 0 77px;background:linear-gradient(125deg,#f0f7ef,#f7f9f5 55%,#ecf3ed)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.section-heading p:not(.eyebrow){color:#5c6972;font-size:16px;line-height:1.45;margin:10px 0 0;max-width:580px}.section-heading>p{max-width:440px}.text-link{color:#315e19;text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase;white-space:nowrap;border:1.5px solid var(--green);border-radius:12px;padding:12px 18px}.text-link:hover{background:#e6f1df}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.showcase-card{background:#fff;border:6px solid #fff;border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}.sample{height:226px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.05) 30%,rgba(0,0,0,.55)),url('/concepts-2026.png');background-size:100% 100%,300% 100%;color:#fff}.sample-craft{background-position:center,0% 50%}.sample-build{background-position:center,50% 50%}.sample-wellness{background-position:center,100% 50%;color:#17331f;background-image:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.02) 40%,rgba(255,255,255,.4)),url('/concepts-2026.png')}.sample-top{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;font-size:10px;letter-spacing:.04em}.sample-top b{font-size:12px}.sample-center{padding:12px 20px 20px;display:flex;flex-direction:column;align-items:flex-start}.sample-center>span:first-child{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.sample-center strong{font-size:25px;max-width:230px;line-height:1.09;letter-spacing:-.03em;margin:4px 0 13px;text-shadow:0 2px 8px rgba(0,0,0,.12)}.sample-pill{font-size:9px;background:#568a2b;color:#fff;padding:6px 10px;border-radius:5px;text-transform:uppercase;font-weight:800}.sample-craft .sample-pill{background:#a57941}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 13px 8px}.card-category{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#738070}.card-bottom h3{font-size:16px;margin:1px 0 0}.card-bottom>span{font-size:23px;color:var(--green)}
.process{padding:68px 0 76px}.process .section-heading{align-items:center}.process-grid{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.process-grid li{position:relative;padding-left:56px}.process-grid li:not(:last-child)::after{content:'›';position:absolute;right:-15px;top:9px;color:#a7b8ad;font-size:40px;font-weight:200}.step-number{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:800}.step-icon{display:block;height:45px;color:#3c741a;font-size:33px;line-height:1}.process h3{margin:0 0 3px;font-size:16px}.process li p{margin:0;color:#65706b;font-size:13px;line-height:1.5}
.price-about{padding:68px 0;background:#f6f9f4}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.price-panel,.about-panel{padding:42px;border-radius:17px;background:#fff;border:1px solid #e2eadf}.price-about h2{font-size:32px;max-width:480px}.price-about p:not(.eyebrow){color:#5b6861;max-width:520px;margin:16px 0 22px}.about-panel{background:#e7f1df}.about-signature{font-family:Georgia,serif;font-style:italic;color:#356523;font-size:20px}
.contact-band{background:#103b1c;color:#fff;padding:56px 0;position:relative;overflow:hidden}.contact-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band .eyebrow{color:#a8d788}.contact-band h2{color:#fff}.contact-band p:not(.eyebrow){margin:9px 0 19px;color:#dcebdd}.button-light{color:#173818;background:#a9d36a}.button-light:hover{background:#bfe28c}.contact-band ul{list-style:none;padding:0;margin:0;min-width:225px}.contact-band li{padding:6px 0;font-size:14px}.contact-band li::before{content:'✓';color:#b7dc82;font-weight:800;margin-right:10px}.site-footer{background:#0c2b16;color:#c3d2c0;padding:22px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-inner strong{display:block;color:#fff;font-size:16px}.footer-inner div span{display:block}.footer-inner a{color:#fff;text-decoration:none}
@media(max-width:1100px){.header-inner{gap:17px}.primary-nav{gap:14px}.primary-nav a{font-size:13px}.header-cta{padding:12px}.brand small{display:none}.hero-copy{width:56%}}
@media(max-width:850px){.site-header{height:72px}.header-inner{justify-content:space-between}.brand strong{font-size:19px}.brand-mark{width:44px;height:44px;font-size:35px}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #d8e5d4;border-radius:9px;background:#fff;order:3;padding:9px}.menu-toggle span{height:2px;width:100%;background:#234a20}.primary-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;box-shadow:0 14px 18px rgba(0,0,0,.12);padding:12px 24px 20px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:10px 0;border-bottom:1px solid #eef2e9}.header-cta{margin-left:auto}.hero{min-height:545px}.hero-inner{min-height:545px}.hero-copy{width:min(500px,70%)}.hero-shade{background:linear-gradient(90deg,rgba(250,250,246,.98),rgba(250,250,246,.85) 48%,rgba(250,250,246,.14) 80%)}.benefit-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.benefit:nth-child(3){border-left:0}.showcase-grid{gap:12px}.sample{height:190px}.sample-center strong{font-size:20px}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.process-grid li:nth-child(2)::after{display:none}}
@media(max-width:620px){.shell{width:min(100% - 34px,480px)}.brand small{font-size:10px;display:block}.header-cta{display:none}.hero{min-height:auto}.hero-image{background-position:64% center;opacity:.85}.hero-shade{background:linear-gradient(90deg,rgba(250,250,246,.97),rgba(250,250,246,.88) 63%,rgba(250,250,246,.56))}.hero-inner{min-height:600px;align-items:flex-start}.hero-copy{width:100%;padding:53px 0 38px}.hero h1{font-size:clamp(38px,10vw,50px);max-width:490px}.hero-lead{font-size:17px;max-width:420px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px}.hero-points{gap:10px 18px;max-width:400px}.benefits,.showcase,.process,.price-about{padding:48px 0}.section-intro{text-align:left}.benefit-grid{gap:0}.benefit{padding:17px 11px;border-left:0!important;border-top:1px solid var(--line)}.benefit:nth-child(odd){border-right:1px solid var(--line)}.benefit-icon{height:50px}.benefit svg{width:43px;height:43px}.benefit h3{font-size:16px}.benefit p{font-size:13px}.section-heading{display:block}.section-heading>p{margin-top:12px}.text-link{display:inline-flex;margin-top:18px}.showcase-grid,.split-grid{grid-template-columns:1fr;gap:18px}.sample{height:235px}.sample-center strong{font-size:25px}.process-grid{grid-template-columns:1fr;gap:23px;margin-top:26px}.process-grid li{padding-left:58px;min-height:80px}.process-grid li::after{display:none}.step-icon{height:37px}.price-panel,.about-panel{padding:28px}.price-about h2{font-size:29px}.contact-inner{display:block}.contact-band ul{margin-top:25px;display:flex;flex-wrap:wrap;gap:2px 18px}.footer-inner{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.sample-wellness .sample-center{width:100%;background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,255,255,.46) 68%,rgba(255,255,255,0))}

/* Krátká poptávka */
.contact-inner{align-items:center}.contact-copy{max-width:490px}.contact-copy h2{max-width:450px}.contact-copy>p:not(.eyebrow){max-width:470px;font-size:17px}.contact-email{color:#d8edc6;font-weight:700;text-underline-offset:4px}.contact-email:hover{color:#fff}
.lead-form{width:min(100%,470px);flex:0 0 min(100%,470px);background:#fff;color:#183322;padding:29px;border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.17)}.lead-form h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0 0 4px}.contact-band .lead-form p{color:#637068}.contact-band .lead-form .form-intro{font-size:14px;margin:0 0 20px}.lead-form fieldset{margin:0 0 18px;padding:0;border:0;min-width:0}.lead-form legend,.lead-form .field-label{display:block;font-size:13px;font-weight:800;margin:0 0 8px;color:#243a29}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{position:relative;cursor:pointer}.choice input{position:absolute;width:1px;height:1px;opacity:0}.choice span{min-height:47px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #cad8c7;border-radius:9px;font-size:13px;font-weight:700;padding:8px;color:#2d4731;transition:background .2s,border-color .2s}.choice input:checked+span{background:#e9f3e4;border-color:#4b832d;color:#285118;box-shadow:inset 0 0 0 1px #4b832d}.choice input:focus-visible+span{outline:3px solid #a6c77d;outline-offset:2px}.lead-input{display:block;width:100%;border:1px solid #cad8c7;border-radius:9px;padding:12px 13px;font:inherit;font-size:15px;color:#1c3223;background:#fff;outline:none}.lead-input:focus{border-color:#4a842a;box-shadow:0 0 0 3px #dcebd5}.lead-input::placeholder{color:#87958a}.lead-form .optional{margin-top:17px}.lead-form .optional span{font-weight:400;color:#758275}.lead-note{resize:vertical;min-height:70px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-submit{width:100%;border:0;cursor:pointer;margin-top:18px}.contact-band .lead-form .form-privacy{font-size:11px;line-height:1.4;text-align:center;color:#78847a;margin:12px 0 0}.form-message{padding:11px 13px;margin:0 0 16px;border-radius:8px;font-size:14px;font-weight:700}.form-message.success{color:#24501c;background:#e5f3df}.form-message.error{color:#8b321f;background:#fff0e9}
@media(max-width:850px){.contact-inner{align-items:stretch}.contact-copy{max-width:43%}.lead-form{flex-basis:54%;width:54%}}
@media(max-width:620px){.contact-inner{display:block}.contact-copy{max-width:none}.lead-form{width:100%;margin-top:28px;padding:23px}.contact-copy>p:not(.eyebrow){font-size:16px}}

/* Přírodní fotografie a osobní, ručně psané poznámky. */
.handwritten,.text-link,.about-signature{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-style:normal;font-weight:600;letter-spacing:-.035em}
.text-link:focus-visible{outline:2px solid #4b832d;outline-offset:4px}
.showcase .text-link{position:relative;align-self:center;display:inline-block;margin:8px 12px 0 0;padding:4px 0 13px;border:0;border-radius:0;background:none;color:#2f672b;font-size:18px;line-height:1.3;text-transform:none;white-space:normal;transform:rotate(-5deg);box-shadow:none}
.showcase .text-link::after{content:"";position:absolute;left:2%;right:3%;bottom:2px;height:8px;border-top:3px solid #80aa49;border-radius:65% 30% 0 0;transform:rotate(-2deg)}
.showcase .text-link:hover{color:#17431e;background:none}
.showcase .text-link span{font-family:Arial,Helvetica,sans-serif;font-size:23px;vertical-align:-2px}
.nature-note{position:relative;isolation:isolate;min-height:240px;overflow:hidden;background:#0b2d16;color:#fff}
.nature-note::before{content:"";position:absolute;z-index:-2;inset:0;background:url('/nature-leaf.jpg') center 51%/cover no-repeat;transform:scaleX(-1)}
.nature-note::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(8,39,15,.22) 50%,rgba(4,31,12,.88) 100%)}
.nature-note-inner{min-height:240px;display:flex;align-items:center;justify-content:flex-end}
.nature-note p{position:relative;margin:0 60px 0 0;font-size:clamp(24px,3vw,39px);line-height:1.22;transform:rotate(-7deg);text-shadow:0 3px 12px rgba(0,0,0,.4)}
.hand-underline{display:block;width:130px;height:15px;margin:9px auto 0;border-top:4px solid #8dcb45;border-radius:70% 25% 0 0;transform:rotate(-7deg)}
.about-signature{font-size:19px}
@media(max-width:1100px){.nature-note p{margin-right:24px}}
@media(max-width:850px){.showcase .text-link{font-size:16px}}
@media(max-width:620px){.nature-note,.nature-note-inner{min-height:190px}.nature-note::before{background-position:38% 50%}.nature-note::after{background:linear-gradient(90deg,transparent 0%,rgba(5,34,12,.7) 65%,rgba(4,31,12,.91) 100%)}.nature-note p{margin-right:0;font-size:25px}.hand-underline{width:105px}.showcase .text-link{font-size:18px;margin-top:20px}}

/* Listy a jemné vlákno papíru sjednocují jednotlivé obsahové listy. */
html{overflow-x:clip}
.hero h1 em{box-shadow:inset 0 -7px rgba(160,197,119,.58)}
.benefits,.showcase,.process,.price-about{position:relative;isolation:isolate}
.benefits{background-color:#faf8f0;background-image:url('/images/kapka1.png'),radial-gradient(rgba(109,86,47,.035) .6px,transparent .9px);background-position:right 4% bottom 24px,0 0;background-size:54px auto,9px 9px;background-repeat:no-repeat,repeat}
.showcase{background-color:#e6eedc;background-image:url('/images/kapka2.png'),radial-gradient(rgba(75,107,58,.035) .6px,transparent .9px);background-position:left 3.5% bottom 26px,0 0;background-size:48px auto,9px 9px;background-repeat:no-repeat,repeat}
.process{background-color:#faf8f0;background-image:url('/images/kapka1.png'),radial-gradient(rgba(109,86,47,.035) .6px,transparent .9px);background-position:left 3.5% top 28px,0 0;background-size:48px auto,9px 9px;background-repeat:no-repeat,repeat}
.price-about{background-color:#f6f6ed;background-image:url('/images/kapka2.png'),radial-gradient(rgba(109,86,47,.035) .6px,transparent .9px);background-position:right 3.5% top 26px,0 0;background-size:50px auto,9px 9px;background-repeat:no-repeat,repeat}
.benefits::before,.benefits::after,.showcase::before,.showcase::after,.process::before,.process::after,.price-about::before,.price-about::after,.contact-band::after{content:"";position:absolute;left:0;right:0;height:26px;z-index:3;pointer-events:none;clip-path:polygon(0 36%,4% 47%,8% 28%,11% 49%,16% 35%,20% 57%,25% 36%,30% 48%,35% 29%,39% 55%,45% 34%,50% 43%,55% 26%,60% 53%,65% 37%,70% 46%,75% 31%,81% 50%,86% 35%,91% 54%,96% 39%,100% 47%,100% 100%,0 100%)}
.benefits::before,.showcase::before,.process::before,.price-about::before{top:-17px;transform:rotate(180deg)}
.benefits::after,.showcase::after,.process::after,.price-about::after,.contact-band::after{bottom:-17px}
.benefits::before,.benefits::after{background:#faf8f0}
.showcase::before,.showcase::after{background:#e6eedc}
.process::before,.process::after{background:#faf8f0}
.price-about::before,.price-about::after{background:#f6f6ed}
.contact-band::after{background:#0c331a}
.section-intro h2::after,.showcase h2::after,.process h2::after,.contact-band h2::after{content:"";display:block;width:78px;height:7px;margin:7px 0 0;background:#a4c676;border-radius:80% 20% 65% 25%;transform:rotate(-2deg)}
.section-intro h2::after{margin-left:auto;margin-right:auto}
.showcase h2::after,.process h2::after{width:95px;background:#a7be78}
.contact-band h2::after{width:115px;background:#b4d477}
.benefit-icon{height:72px}.benefit-icon svg{padding:8px;background:#e4eed6;border-radius:48% 52% 43% 57%;box-shadow:0 3px 8px rgba(46,75,31,.11)}
.showcase-card{border:5px solid #fffdf7;border-radius:7px 12px 8px 11px;box-shadow:0 12px 20px rgba(39,49,27,.11)}
.process .section-heading>p.process-note{max-width:365px;color:#516450;font-size:19px;line-height:1.4;transform:rotate(-5deg);text-align:center}
.price-panel,.about-panel{border:1px solid #e8e6d8;box-shadow:0 10px 20px rgba(54,63,42,.065);background-image:radial-gradient(rgba(111,97,56,.07) .7px,transparent .9px);background-size:5px 5px}
.price-panel{background-color:#fffdf7}.about-panel{background-color:#e8efdf}
.about-signature{font-size:17px;transform:rotate(-2deg);display:inline-block;text-decoration:underline;text-decoration-color:#a7be78;text-decoration-thickness:2px;text-underline-offset:5px}
.nature-note::before{background-image:url('/dew-banner-2026.png');background-position:center center;transform:none}
.nature-note::after{background:linear-gradient(90deg,transparent 45%,rgba(7,30,13,.62) 100%)}
.nature-note p{font-size:clamp(26px,3vw,38px)}
.contact-band{background:linear-gradient(100deg,#0c3319,#124321)}
@media(max-width:850px){.benefits{background-size:44px auto,9px 9px;background-position:right 3% bottom 18px,0 0}.showcase{background-size:40px auto,9px 9px;background-position:left 2.5% bottom 18px,0 0}.process{background-size:40px auto,9px 9px;background-position:left 2.5% top 20px,0 0}.price-about{background-size:42px auto,9px 9px;background-position:right 2.5% top 18px,0 0}}
@media(max-width:620px){.benefits{background-size:36px auto,9px 9px;background-position:right 14px bottom 14px,0 0}.showcase{background-size:34px auto,9px 9px;background-position:left 12px bottom 14px,0 0}.process{background-size:34px auto,9px 9px;background-position:left 12px top 16px,0 0}.price-about{background-size:36px auto,9px 9px;background-position:right 12px top 14px,0 0}.section-intro h2::after{margin-left:0}.process .section-heading>p.process-note{font-size:16px;text-align:left;transform:rotate(-2deg);margin:22px 0 0}.nature-note::before{background-position:35% center}.nature-note::after{background:linear-gradient(90deg,rgba(7,30,13,.08),rgba(7,30,13,.74))}.nature-note p{font-size:25px}}
.benefits .section-intro{position:relative}
.benefits .section-intro::before{content:"Příběhy začínají online ♡";position:absolute;left:0;top:2px;width:170px;color:#5e7251;font:600 17px/1.3 "Segoe Print","Bradley Hand","Comic Sans MS",cursive;transform:rotate(-7deg);text-align:left}
.price-panel,.about-panel{position:relative}
.price-panel::after,.about-panel::after,.contact-copy::after{color:#5b7350;font:600 16px/1.35 "Segoe Print","Bradley Hand","Comic Sans MS",cursive;transform:rotate(-5deg)}
.price-panel::after{content:"Férově a na rovinu. ♡";position:absolute;right:23px;bottom:38px;max-width:130px}
.about-panel::after{content:"Děláme weby srdcem ♡";position:absolute;right:18px;bottom:25px;max-width:130px}
.contact-copy::after{content:"Těšíme se na spolupráci! ♡";display:block;max-width:220px;margin:34px 0 0;color:#d7e6a4;font-size:20px}
@media(max-width:850px){.benefits .section-intro::before{display:none}.price-panel::after,.about-panel::after{display:none}}
@media(max-width:620px){.contact-copy::after{font-size:17px;margin-top:20px}}
.benefits::before,.benefits::after,.showcase::before,.showcase::after,.process::before,.process::after,.price-about::before,.price-about::after,.contact-band::after{height:36px;clip-path:none;-webkit-mask-image:url('/paper-edge.svg');mask-image:url('/paper-edge.svg');-webkit-mask-size:1200px 36px;mask-size:1200px 36px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
.benefits::before,.showcase::before,.process::before,.price-about::before{top:-21px}
.benefits::after,.showcase::after,.process::after,.price-about::after,.contact-band::after{bottom:-21px}
.nature-paper-top,.nature-paper-bottom{position:absolute;left:0;right:0;height:36px;z-index:4;pointer-events:none;-webkit-mask-image:url('/paper-edge.svg');mask-image:url('/paper-edge.svg');-webkit-mask-size:1200px 36px;mask-size:1200px 36px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
.nature-paper-top{top:-1px;background:#faf8f0;transform:rotate(180deg)}
.nature-paper-bottom{bottom:-1px;background:#f6f6ed}
@media(max-width:620px){.hero h1 em{box-shadow:none;text-decoration:underline;text-decoration-color:#a4c676;text-decoration-thickness:4px;text-underline-offset:5px}.benefits{background-image:url('/images/kapka1.png'),radial-gradient(rgba(109,86,47,.035) .6px,transparent .9px);background-size:34px auto,9px 9px;background-position:right 14px bottom 14px,0 0;background-repeat:no-repeat,repeat}}
@media(max-width:620px){.hero-shade{background:linear-gradient(180deg,rgba(250,250,246,.98) 0%,rgba(250,250,246,.96) 47%,rgba(250,250,246,.7) 100%)}}
.paper-transition{position:relative;z-index:5;height:30px;pointer-events:none}
.paper-transition::after{content:"";position:absolute;inset:0;-webkit-mask-image:url('/paper-edge.svg');mask-image:url('/paper-edge.svg');-webkit-mask-size:1200px 30px;mask-size:1200px 30px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
.paper-transition-green{background:#faf8f0}.paper-transition-green::after{background:#e6eedc}
.paper-transition-cream{background:#e6eedc}.paper-transition-cream::after{background:#faf8f0}
.paper-transition-contact{background:#f6f6ed}.paper-transition-contact::after{background:#0d341b}
.brand-logo{display:block;width:238px;height:auto;max-height:70px;object-fit:contain}
@media(max-width:850px){.brand-logo{width:205px;max-height:61px}}
@media(max-width:620px){.brand-logo{width:198px;max-height:58px}}

/* Kontakt, patička, cookies a právní náležitosti */
[hidden]{display:none!important}
body.modal-open{overflow:hidden}
.contact-direct{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:6px}
.contact-email,.contact-phone{color:#d8edc6;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.contact-email:hover,.contact-phone:hover{color:#fff}
.inline-legal-link{background:none;border:0;padding:0;color:#356523;font:inherit;text-decoration:underline;cursor:pointer}
.inline-legal-link:hover{color:#1d4214}
.site-footer{background:#0c2b16;color:#c3d2c0;padding:34px 0 24px;border-top:1px solid rgba(180,212,119,.14)}
.footer-grid{display:grid;grid-template-columns:1.1fr 2fr auto;gap:24px;align-items:start;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand strong,.footer-company strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.footer-brand span,.footer-company span{display:block;font-size:13px;line-height:1.5;color:#b8cab4}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;font-weight:700}
.footer-contact a{color:#e2f0d5;text-decoration:none}
.footer-contact a:hover{color:#fff;text-decoration:underline}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;font-size:12.5px;color:#9eb39a}
.footer-legal-nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.footer-legal-link{background:none;border:0;padding:0;color:#c9dec1;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.footer-legal-link:hover{color:#fff}

.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90}
.cookie-banner-inner{background:#fffdf7;color:#172719;border:1px solid #d7e2cf;border-radius:16px;padding:18px 22px;box-shadow:0 18px 44px rgba(10,32,16,.24);display:flex;align-items:center;justify-content:space-between;gap:20px}
.cookie-banner-copy strong{display:block;font-size:15px;color:#102f1c;margin-bottom:3px}
.cookie-banner-copy p{margin:0;font-size:13.5px;line-height:1.45;color:#4e5d52;max-width:690px}
.cookie-detail-link{background:none;border:0;padding:0;color:#326416;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:9px;flex:0 0 auto}
.cookie-btn{min-height:40px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.cookie-btn-primary{background:var(--green);color:#fff;border:1.5px solid var(--green)}
.cookie-btn-primary:hover{background:#305d10;border-color:#305d10}
.cookie-btn-outline{background:#fff;color:#1e3b1b;border:1.5px solid #bfd0b8}
.cookie-btn-outline:hover{background:#eef5e9;border-color:#4b832d}

.legal-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,28,15,.62);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}
.legal-modal-card{width:min(760px,100%);max-height:min(86vh,780px);background:#fffdf8;color:#172719;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.32);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce5d6}
.legal-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#f3f7ee;border-bottom:1px solid #e1e9dc}
.legal-modal-header h2{margin:0;font-size:21px;color:#102f1c}
.legal-modal-close{width:36px;height:36px;border-radius:9px;border:1px solid #cdd9c6;background:#fff;color:#1d3522;font-size:16px;cursor:pointer;display:grid;place-items:center}
.legal-modal-close:hover{background:#e7f0e1}
.legal-tabs{display:flex;gap:6px;padding:10px 24px 0;background:#f3f7ee;border-bottom:1px solid #e1e9dc;overflow-x:auto}
.legal-tab{background:transparent;border:1px solid transparent;border-bottom:0;padding:10px 15px;border-radius:10px 10px 0 0;font-size:13.5px;font-weight:700;color:#4a5c4d;cursor:pointer;white-space:nowrap}
.legal-tab:hover{color:#17351e;background:rgba(255,255,255,.55)}
.legal-tab.is-active{background:#fffdf8;color:#285513;border-color:#e1e9dc}
.legal-modal-body{padding:22px 24px 24px;overflow-y:auto;font-size:14.5px;line-height:1.6;color:#2b3b2e}
.legal-panel h3{margin:0 0 10px;font-size:19px;color:#102f1c}
.legal-panel h4{margin:18px 0 6px;font-size:15px;color:#1b3f22}
.legal-panel p,.legal-panel ul{margin:0 0 12px}
.legal-panel ul{padding-left:20px}
.legal-panel li{margin-bottom:6px}
.legal-panel a{color:#2f6514;font-weight:700}
.cookie-pref-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px}
.cookie-pref-item{display:block;border:1px solid #dce6d6;border-radius:12px;padding:13px 16px;background:#fff}
label.cookie-pref-item{cursor:pointer}
label.cookie-pref-item:hover{border-color:#8eb26e;background:#f9fcf6}
.cookie-pref-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cookie-pref-head strong{display:block;font-size:14.5px;color:#132f1c;margin-bottom:2px}
.cookie-pref-head span{display:block;font-size:13px;line-height:1.45;color:#58675b}
.cookie-badge{font-size:11.5px;font-weight:800;color:#2c5e18;background:#e6f2dd;padding:5px 10px;border-radius:999px;white-space:nowrap}
.cookie-switch{width:20px;height:20px;accent-color:var(--green);flex:0 0 auto;cursor:pointer}
.legal-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid #e7ede2}
.legal-dl{display:grid;grid-template-columns:210px 1fr;gap:8px 16px;margin:14px 0 18px;padding:14px 16px;background:#f5f8f1;border-radius:12px;border:1px solid #e1e9dc}
.legal-dl dt{font-weight:700;color:#1a3821}
.legal-dl dd{margin:0;color:#2f4032}
@media(max-width:850px){.footer-grid{grid-template-columns:1fr;gap:14px}.footer-contact{align-items:flex-start}.cookie-banner-inner{flex-direction:column;align-items:stretch}}
@media(max-width:620px){.cookie-banner{left:10px;right:10px;bottom:10px}.cookie-banner-inner{padding:15px}.cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-banner-actions .cookie-btn-primary{grid-column:1/-1}.legal-modal-backdrop{padding:10px}.legal-modal-header,.legal-modal-body{padding:16px}.legal-tabs{padding:8px 12px 0}.legal-dl{grid-template-columns:1fr;gap:2px}.legal-dl dd{margin-bottom:8px}.legal-modal-actions{flex-direction:column}.legal-modal-actions .cookie-btn{width:100%}}

/* Karty referencí z databáze a náhledový modal */
.showcase-card{display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.showcase-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(31,51,21,.15)}
.ref-browser{background:#18271c;border-radius:6px 6px 0 0;overflow:hidden}
.ref-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:#eef3ea;border-bottom:1px solid #dce5d6}
.ref-dots{display:inline-flex;gap:5px}
.ref-dots i{width:8px;height:8px;border-radius:50%;background:#c7d3c0;display:block}
.ref-dots i:first-child{background:#e19a8a}
.ref-dots i:nth-child(2){background:#dfCA85}
.ref-dots i:nth-child(3){background:#93c47d}
.ref-domain{font-size:11.5px;font-weight:700;color:#4a5d4b;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-thumb-btn{position:relative;display:block;width:100%;padding:0;border:0;background:#132418;cursor:pointer;overflow:hidden;aspect-ratio:720/460}
.ref-thumb-btn img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}
.showcase-card:hover .ref-thumb-btn img{transform:scale(1.03)}
.ref-thumb-overlay{position:absolute;inset:0;background:rgba(13,44,21,.48);display:grid;place-items:center;opacity:0;transition:opacity .22s}
.ref-thumb-btn:hover .ref-thumb-overlay,.ref-thumb-btn:focus-visible .ref-thumb-overlay{opacity:1}
.ref-thumb-overlay span{background:#fffdf8;color:#15361d;font-size:13px;font-weight:800;padding:9px 15px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.card-body{padding:14px 16px 15px;display:flex;flex-direction:column;flex:1 1 auto}
.card-body .card-category{text-transform:uppercase;font-size:10.5px;font-weight:800;letter-spacing:.07em;color:var(--green);margin-bottom:3px}
.card-body h3{font-size:18px;line-height:1.25;margin:0 0 7px;color:#112d1b}
.card-desc{font-size:13.5px;line-height:1.48;color:#556358;margin:0 0 14px;flex:1 1 auto}
.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #ebf0e7}
.card-preview-btn{background:#eef5e8;border:1px solid #cfe0c4;color:#275214;font-size:12.5px;font-weight:800;padding:7px 12px;border-radius:8px;cursor:pointer;transition:background .18s}
.card-preview-btn:hover{background:#dfeed4}
.card-visit-link{font-size:13px;font-weight:800;color:#254f15;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.card-visit-link:hover{color:#122e09;text-decoration:underline}
.showcase-more{margin-top:28px;text-align:center}
.showcase-more .button{cursor:pointer}

.ref-modal-backdrop{position:fixed;inset:0;z-index:110;background:rgba(9,25,13,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
.ref-modal-card{width:min(980px,100%);max-height:90vh;background:#fffdf8;border-radius:18px;box-shadow:0 26px 65px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d8e3d1}
.ref-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:#f3f7ee;border-bottom:1px solid #dfe8d9}
.ref-modal-header h2{margin:0;font-size:19px;color:#102f1c}
.ref-modal-actions{display:flex;align-items:center;gap:10px}
.ref-modal-visit{min-height:38px;padding:8px 15px;font-size:12.5px;border-radius:9px}
.ref-modal-body{overflow-y:auto;background:#e5ece0;text-align:center;padding:18px}
.ref-modal-body img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
@media(max-width:620px){.ref-modal-backdrop{padding:10px}.ref-modal-header{padding:12px 14px}.ref-modal-header h2{font-size:16px}.ref-modal-body{padding:10px}}