:root{--ink:#163b32;--paper:#f3efe5;--cream:#fbf8f0;--accent:#f18b52;--line:rgba(22,59,50,.18);--serif:'Prata',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:10}
.logo{font-size:24px;font-weight:700;letter-spacing:.16em}
.brand-logo{display:block;width:142px;height:auto;object-fit:contain;filter:brightness(0)}
footer .brand-logo{filter:brightness(0) invert(1)}
.logo span{color:var(--accent)}
.desktop-nav{display:flex;gap:34px;font-size:13px}
.desktop-nav a:hover{color:var(--accent)}
.header-cta{font-size:13px;font-weight:700}
.header-cta span,.text-link span{margin-left:12px;color:var(--accent)}
.hero{min-height:calc(100vh - 82px);height:780px;position:relative;color:#fff;overflow:hidden}
.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{background:linear-gradient(90deg,rgba(9,30,24,.74) 0%,rgba(9,30,24,.28) 47%,rgba(9,30,24,.08) 75%),linear-gradient(0deg,rgba(9,30,24,.35),transparent 45%)}
.hero-content{position:absolute;left:7vw;top:50%;transform:translateY(-48%);max-width:760px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:12px;margin:0 0 30px}
.eyebrow span{width:26px;height:1px;background:var(--accent)}
.eyebrow.light{color:#fff}
.hero h1,.section h2,.benefits h2,.join h2{font-family:var(--serif);font-weight:400;margin:0;line-height:1.06;letter-spacing:-.035em}
.hero h1{font-size:clamp(55px,7.2vw,108px)}
em{color:var(--accent);font-style:normal}
.hero-copy{font-size:18px;line-height:1.6;max-width:510px;margin:34px 0}
.hero-actions{display:flex;align-items:center;gap:34px}
.button{min-height:58px;padding:0 26px;border:0;font:700 13px var(--sans);display:inline-flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer}
.button-accent{background:var(--accent);color:#17392f}
.button-accent:hover{background:#ff9d64}
.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
.hero-index{position:absolute;right:4vw;top:50%;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px}
.hero-index i{height:100px;width:1px;background:rgba(255,255,255,.45);position:relative}
.hero-index i:before{content:'';height:34%;position:absolute;inset:0;background:white}
.hero-note{position:absolute;right:4vw;bottom:5%;font-size:11px;line-height:1.6;text-align:right}
.hero-note span{opacity:.65}
.section{padding:120px 7vw}
.manifesto{display:grid;grid-template-columns:8% 52% 1fr;gap:30px;background:var(--cream)}
.section-number{font:13px var(--serif);opacity:.6}
.section h2,.benefits h2,.join h2{font-size:clamp(42px,5vw,76px)}
.manifesto-copy{padding-top:48px;font-size:15px;line-height:1.75}
.manifesto-copy p:first-child{font:24px/1.45 var(--serif);margin-top:0}
.manifesto-copy .text-link{display:inline-block;margin-top:22px}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:70px 7vw}
.numbers article{display:flex;align-items:flex-end;gap:20px;border-right:1px solid rgba(255,255,255,.2);padding:0 35px}
.numbers article:first-child{padding-left:0}
.numbers article:last-child{border:0}
.numbers strong{font:48px var(--serif);color:var(--accent)}
.numbers span{font-size:11px;line-height:1.5;opacity:.7}
.directions{background:#e8e2d6}
.directions-head{display:flex;justify-content:space-between;align-items:flex-end}
.directions-head>p{max-width:350px;font-size:14px;line-height:1.7}
.slider{position:relative;margin-top:70px}
.slider-window{overflow:hidden}
.slider-track{display:flex;transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.direction-card{min-width:100%;height:510px;display:grid;grid-template-columns:55% 45%;background:var(--tone);color:#fff}
.card-visual{position:relative;overflow:hidden;background:#d8cbbb}
.card-visual b{position:absolute;left:25px;top:20px;font:11px var(--sans);color:var(--ink)}
.card-content{padding:75px 6vw;display:flex;flex-direction:column;align-items:flex-start}
.card-content>p{font-size:11px;letter-spacing:.2em;margin:0 0 42px}
.card-content h3{font:40px/1.16 var(--serif);margin:0 0 20px}
.card-content>span{font-size:12px;opacity:.7}
.card-content a{font-size:12px;font-weight:700;margin-top:auto;border-bottom:1px solid currentColor;padding-bottom:6px}
.vessel{position:absolute;display:block;background:#a95235;bottom:11%;left:33%;width:180px;height:230px;border-radius:45% 45% 30% 30%}
.vessel:before{content:'';position:absolute;top:-20px;left:25%;width:50%;height:45px;background:inherit;border-radius:50%}
.vessel.two{width:90px;height:130px;left:65%;background:#e2a477}
.leaf{position:absolute;width:180px;height:330px;border-radius:100% 0 100% 0;background:#788b4e;transform:rotate(30deg);left:35%;top:18%}
.l2{left:51%;top:30%;transform:rotate(65deg);background:#9bac71}
.pattern,.farm>span,.pastry>span{position:absolute;left:50%;top:50%;font:200px var(--serif);color:#704b43;transform:translate(-50%,-50%)}
.wellness .jar{position:absolute;width:210px;height:270px;background:#b57f34;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:12px 12px 30px 30px;box-shadow:inset 0 22px #72552a}
.farm>span{color:#526b45}
.pastry>span{color:#9f624b}
.slider-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(22,59,50,.2);color:#fff;font-size:18px;cursor:pointer}
.prev{left:18px}
.next{right:18px}
.slider-progress{display:flex;align-items:center;gap:14px;margin-top:25px;font-size:10px}
.slider-progress i{width:180px;height:1px;background:var(--line);position:relative}
.slider-progress b{position:absolute;left:0;top:0;height:2px;background:var(--ink);width:16.666%;transition:transform .4s}
.benefits{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;padding:120px 7vw}
.benefits-intro{padding-right:7vw}
.benefit-list article{display:grid;grid-template-columns:50px 1fr;column-gap:20px;border-top:1px solid rgba(255,255,255,.22);padding:28px 0}
.benefit-list span{grid-row:1/3;color:var(--accent);font:13px var(--serif)}
.benefit-list h3{font:24px var(--serif);margin:0}
.benefit-list p{font-size:13px;line-height:1.7;opacity:.65;margin:9px 0 0;max-width:430px}
.steps{background:var(--cream)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line)}
.steps-grid article{padding:35px 5vw 20px 0;border-right:1px solid var(--line)}
.steps-grid article+article{padding-left:35px}
.steps-grid span{font:12px var(--serif);color:var(--accent)}
.steps-grid h3{font:25px var(--serif);margin:45px 0 15px}
.steps-grid p{font-size:13px;line-height:1.7}
.join{background:#284f43;color:#fff;padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.join>div>p:last-child{max-width:500px;line-height:1.7;opacity:.75}
.lead-form{display:grid;gap:20px}
.lead-form label span{display:block;font-size:10px;letter-spacing:.15em;margin-bottom:8px;opacity:.7}
.lead-form input,.lead-form select{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:10px 0 14px;font:15px var(--sans);outline:0;border-radius:0}
.lead-form option{color:var(--ink)}
.lead-form input:focus,.lead-form select:focus{border-color:var(--accent)}
.lead-form input::placeholder{color:rgba(255,255,255,.45)}
.lead-form small{font-size:9px;opacity:.55;line-height:1.5}
.form-success{display:none;color:#ffc29f;font-weight:600}
.form-success.show{display:block}
footer{padding:45px 4vw;background:#102f27;color:#fff;display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:30px;align-items:center;font-size:11px}
footer p{opacity:.6}
footer div{display:flex;gap:28px}
footer>span{opacity:.5}
.reveal{animation:rise .8s both}
@keyframes rise{from{opacity:0;transform:translateY(20px)}
to{opacity:1}
}
@media(max-width:800px){.site-header{height:68px}
.desktop-nav{display:none}
.header-cta{font-size:0}
.header-cta{width:44px;height:44px;display:grid;place-items:center}
.header-cta span{font-size:20px}
.hero{height:720px;min-height:calc(100svh - 68px)}
.hero-content{left:6vw;right:6vw;top:44%}
.hero h1{font-size:51px}
.hero-copy{font-size:15px}
.hero-note{display:none}
.manifesto{grid-template-columns:1fr;padding:80px 6vw}
.section-number{display:none}
.manifesto-copy{padding-top:0}
.numbers{grid-template-columns:1fr 1fr;padding:30px 6vw}
.numbers article{padding:25px 10px;border-bottom:1px solid rgba(255,255,255,.2)}
.numbers strong{font-size:38px}
.directions{padding:80px 6vw}
.directions-head{display:block}
.directions-head>p{margin-top:25px}
.direction-card{height:610px;grid-template-columns:1fr;grid-template-rows:45% 55%}
.card-content{padding:35px}
.card-content>p{margin-bottom:18px}
.card-content h3{font-size:31px}
.slider-arrow{top:22%}
.benefits{grid-template-columns:1fr;padding:80px 6vw}
.benefits-intro{margin-bottom:60px}
.steps{padding:80px 6vw}
.steps-grid{grid-template-columns:1fr}
.steps-grid article,.steps-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}
.steps-grid h3{margin:20px 0 10px}
.join{grid-template-columns:1fr;padding:80px 6vw}
.lead-form{margin-top:25px}
footer{grid-template-columns:1fr 1fr}
footer div{display:none}
}
@media(max-width:520px){
.hero{height:auto;min-height:0;padding-top:min(76vw,330px);background:#102f27}
.hero-image,.hero-shade{height:min(76vw,330px);bottom:auto}
.hero-image{object-position:center 38%}
.hero-shade{background:linear-gradient(90deg,rgba(8,32,25,.25),rgba(8,32,25,.03))}
.hero-content{position:relative;left:auto;right:auto;top:auto;transform:none;max-width:none;padding:46px 6vw 64px;background:#102f27}
.hero h1{font-size:clamp(32px,10.2vw,40px);line-height:1.04;letter-spacing:-.045em}
.hero-copy{font-size:14px;line-height:1.65;margin-top:26px}
.hero-actions{flex-direction:column;align-items:flex-start}
.hero-index,.hero-note{display:none}
}

/* Сохраняет прежнюю сетку при использовании WebP с запасным JPG. */
picture{display:contents}