@font-face{font-family:Archivo;src:url('/assets/archivo.woff2') format('woff2');font-display:swap;font-weight:100 900}

:root{color-scheme:light;--olive:#536341;--dark:#202c21;--cream:#f7f4ea;--muted:#5b6459;--line:#d1d0c4}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--dark);font:17px/1.55 Archivo,Arial,sans-serif}
a{color:inherit;text-underline-offset:.2em}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--olive);outline-offset:4px}
::selection{background:#dce5be;color:#1b261c}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px}
.sale{display:flex;justify-content:space-between;gap:16px;background:#2d3c2a;color:white;padding:10px clamp(18px,3vw,48px);font-size:13px}
.sale>a{font-weight:700}
.sale a{color:#fff}
header{display:flex;align-items:center;gap:30px;padding:15px clamp(18px,3vw,48px);background:#fff;min-height:85px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}
.leaf{display:grid;place-items:center;width:43px;height:43px;border-radius:5px 28px 5px 28px;background:#7b915d;color:#fff;font-size:35px;transform:rotate(-18deg)}
nav{display:flex;gap:clamp(10px,2vw,32px);margin-left:auto;font-size:14px}
nav a{text-decoration:none;white-space:nowrap}
nav a:hover{text-decoration:underline}
.tools{display:flex;align-items:center;gap:26px;margin-left:auto}
.langs{display:flex;gap:10px;white-space:nowrap;font-size:15px}
.langs a{text-decoration:none}
.langs [aria-current]{font-weight:800;border-bottom:2px solid currentColor}
.nav-call,.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--olive);color:#fff;text-decoration:none;font-weight:700;border-radius:8px;padding:14px 24px;white-space:nowrap}
.nav-call:hover,.button:hover{background:#3b4b31}
.hero{display:grid;grid-template-columns:66% 34%;min-height:620px;background:#fcfaf3}
.hero>img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center}
.hero-copy{position:relative;padding:clamp(42px,5vw,90px) clamp(26px,4vw,68px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.hero h1{font-size:clamp(3rem,4.3vw,5.1rem);line-height:1.04;letter-spacing:-.04em;margin:0 0 23px;max-width:12ch;font-weight:800}
.hero p{margin:0 0 28px;max-width:34ch;color:#39473a;font-size:19px}
.handwritten{align-self:end;margin-top:auto;padding-top:48px;transform:rotate(-5deg);font:italic 23px/1.18 Georgia,serif;text-align:right;color:#364437}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:28px clamp(18px,3vw,48px) 60px;background:#fff}
.themes article{padding:20px 28px 25px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:205px}
.themes article:first-child{padding-left:0}
.themes article:last-child{border-right:0}
.theme-mark{display:block;color:#78866c;font-size:13px;margin-bottom:18px}
.themes h2{margin:0 0 5px;font-size:28px;letter-spacing:-.03em}
.themes p{margin:0;max-width:33ch;font-size:15px;color:#4d584e}
.planning{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:95px clamp(18px,6vw,110px);background:#e9ebe2}
.planning h2,.finishes h2,.contact h2{font-size:clamp(2.2rem,3.8vw,4.3rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px}
.planning p{max-width:55ch;margin:0 0 24px;color:#455247}
.planning a{font-weight:800;color:#3c5537}
.planning ol{margin:0;padding:0;list-style:none}
.planning li{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:25px 0;border-top:1px solid #b9c4b4}
.planning li strong{font-weight:800}
.finishes{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff}
.finishes img{width:100%;height:550px;object-fit:cover}
.finishes div{padding:60px clamp(26px,6vw,95px)}
.finishes p{max-width:50ch;color:#49564b;margin:0}
.contact{padding:75px clamp(18px,6vw,110px);background:#40533b;color:white;display:grid;grid-template-columns:1fr auto;gap:25px 55px;align-items:center}
.contact h2{grid-column:1}
.contact p{grid-column:1;margin:0;max-width:80ch;color:#e7eee4}
.contact .button{grid-column:2;grid-row:1/3;background:#fff;color:#2d3c2a}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:28px clamp(18px,3vw,48px);background:#1f2b21;color:#e4e9df;font-size:13px}
footer a{color:white}
@media(max-width:1220px){nav{display:none}
}
@media(max-width:820px){header{flex-wrap:wrap;gap:12px}
.tools{margin-left:auto}
.hero{grid-template-columns:1fr}
.hero>img{height:430px;min-height:0}
.hero-copy{min-height:400px;padding:40px 24px}
.hero h1{max-width:16ch}
.handwritten{margin-top:0;padding-top:30px}
.planning{grid-template-columns:1fr;gap:30px}
.finishes{grid-template-columns:1fr}
.finishes img{height:380px}
.contact{display:block}
.contact .button{margin-top:25px}
}
@media(max-width:620px){body{font-size:16px}
.sale{display:block}
.sale>a{display:block}
.brand{font-size:19px}
.leaf{width:35px;height:35px;font-size:27px}
.nav-call{padding:10px 12px;font-size:12px}
.tools{gap:12px}
.langs{font-size:13px;gap:5px}
.hero>img{height:330px}
.hero h1{font-size:clamp(2.6rem,10vw,4rem)}
.hero p{font-size:17px}
.themes{display:block;padding:10px 20px 45px}
.themes article{padding:22px 0!important;border-right:0;min-height:0}
.planning{padding:58px 22px}
.planning li{grid-template-columns:1fr;gap:5px}
.finishes img{height:300px}
.finishes div{padding:50px 22px}
.contact{padding:55px 22px}
footer{display:block;padding:25px 22px}
footer>*{display:block;margin:0 0 10px}
}
@media(max-width:390px){header{display:block}
.brand{margin-bottom:12px}
.tools{justify-content:space-between}
.nav-call{font-size:11px}
.hero>img{height:275px}
}