@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202722;--muted:#69736b;--paper:#f7f7f2;--line:#dfe3d9;--accent:#d5f05a}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.page{max-width:1500px;margin:auto;padding:0 6%}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font:800 17px Manrope,Arial}.mark{width:39px;height:39px;background:var(--accent);display:grid;place-items:center;font-size:24px;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.brand small{display:block;font-size:9px;letter-spacing:.24em;margin-top:5px}.status{font-size:9px;letter-spacing:.13em;color:#667061;font-weight:700}.hero{display:grid;grid-template-columns:1fr .92fr;gap:8%;align-items:center;min-height:calc(100vh - 160px);padding:55px 0}.copy{max-width:590px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#667061}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#9bb72c;margin-right:10px}h1{font:600 clamp(43px,5.5vw,74px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:23px 0 25px}h1 em{font-style:normal;color:#77816e}.intro{font-size:16px;line-height:1.85;color:var(--muted);max-width:490px}hr{border:0;border-top:1px solid var(--line);margin:35px 0 25px}h3{font-size:13px;margin-bottom:6px}.contact-copy{font-size:12px;line-height:1.8;color:var(--muted);max-width:420px}.phone{display:inline-block;color:var(--ink);font-weight:700;font-size:17px;text-decoration:none;border-bottom:1px solid #a9b0a3;padding-bottom:5px}.address{font-size:11px;line-height:1.8;color:#7b8379;margin-top:17px}.visual{position:relative;min-height:470px;overflow:hidden;background:#e8eadf}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:var(--accent);right:13%;top:11%}.back,.front{position:absolute;bottom:70px;box-shadow:15px 14px 0 #28322b0f}.back{right:13%;width:43%;height:55%;background:#a8afa0;transform:skewY(-5deg)}.front{left:14%;width:48%;height:66%;background:#f8f8f1;border:1px solid #b9c0b3;transform:skewY(4deg)}.windows{position:absolute;inset:18% 14%;background:repeating-linear-gradient(90deg,transparent 0 27px,#a6aea0 28px 30px,transparent 31px 54px),repeating-linear-gradient(0deg,transparent 0 36px,#a6aea0 37px 39px,transparent 40px 70px)}.ground{position:absolute;bottom:0;left:0;right:0;height:70px;background:#d4d8ca;border-top:1px solid #bfc5b7}.caption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;font-weight:700;color:#515a50}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:19px 0 25px;font-size:9px;letter-spacing:.08em;color:#858d82}
@media(max-width:850px){.page{padding:0 5%}.hero{grid-template-columns:1fr;gap:30px;padding:45px 0}.visual{min-height:360px}.status{font-size:8px;max-width:145px;text-align:right}.brand{font-size:15px}header{height:78px}}
@media(max-width:500px){.hero{padding:35px 0}.visual{min-height:300px}footer{flex-direction:column;gap:8px}h1{font-size:43px}.intro{font-size:14px}.mark{width:34px;height:34px}}