*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:#292b28;background:#faf9f6;margin:0;font-family:Arial,sans-serif}header{border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;padding:24px 7%;display:flex}header b{font-family:var(--heading-font);font-size:26px}nav{gap:22px;font-size:14px;display:flex}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1240px;margin:auto;padding:70px 6%;display:grid}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:11px;font-weight:700}h1{font-family:var(--heading-font);letter-spacing:-2px;white-space:pre-line;margin:16px 0;font-size:clamp(40px,6vw,76px);font-weight:500;line-height:1.05}h2{font-family:var(--heading-font);margin:10px 0 30px;font-size:clamp(28px,4vw,44px);font-weight:500}p{color:#5f6058;line-height:1.8}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);width:100%}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:15px 26px;display:inline-block}button:disabled{opacity:.6}main{max-width:1240px;margin:auto;padding:30px 6% 80px}main section{margin-top:80px}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:30px}article small{color:var(--accent);font-weight:700}article h3{font-family:var(--heading-font);margin:10px 0;font-size:24px}.contact{grid-template-columns:1fr 1fr;gap:48px;display:grid}form{gap:16px;display:grid}label{gap:8px;font-size:14px;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #cfcac0;border-radius:8px;padding:13px}footer{color:#5f6058;border-top:1px solid #e9e5dc;padding:30px 7%;font-size:14px}@media (width<=800px){.hero,.contact,.grid{grid-template-columns:1fr}.hero{padding-top:40px}nav{gap:14px}}
