:root{--cream:#f7f3eb;--sand:#eee7dc;--ink:#493a32;--brown:#806655;--sage:#798a75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.75 Georgia,serif}a{color:inherit}header{background:#dfe6d9;padding:20px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}header .brand{font:500 24px Georgia,serif;letter-spacing:.14em;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font:12px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}nav a:hover{text-decoration:underline}.hero{min-height:440px;background:linear-gradient(90deg,rgba(245,243,235,.9),rgba(245,243,235,.25)),linear-gradient(120deg,#e0e7dc,#f6e9d8);display:flex;align-items:center;padding:8% 10%}.hero>div{max-width:580px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font:12px Arial,sans-serif;color:var(--brown)}h1,h2{font-weight:400;line-height:1.2}h1{font-size:clamp(38px,5vw,72px)}h2{font-size:clamp(29px,3.5vw,48px)}section{padding:85px max(7%,calc((100vw - 1200px)/2))}.intro,.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.horizon{background:#e9e6d9}.btn{display:inline-block;padding:13px 28px;background:var(--brown);color:white;text-decoration:none;border-radius:3px;font:12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:12px 12px 0 0}.btn.alt{background:transparent;border:1px solid var(--brown);color:var(--brown)}.center{text-align:center;max-width:820px;margin:auto}.muted{background:var(--sand)}footer{padding:45px 7%;background:#e3ded4;font:13px Arial,sans-serif}footer a{margin-right:20px}@media(max-width:750px){.intro,.split{grid-template-columns:1fr}.hero{min-height:360px;padding:70px 7%}section{padding:60px 7%}nav{gap:12px}}
@font-face{font-family:Cabin;src:url("assets/cabin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url("assets/opensans.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
body{font-family:"Open Sans",Arial,sans-serif}h1,h2{font-family:Cabin,Arial,sans-serif}
header{background:#56442f;color:#f7f3eb}header .brand{display:block;line-height:0;letter-spacing:normal}.brand img{display:block;width:160px;height:auto}.footer-logo{display:block;width:125px;height:auto;margin-bottom:22px}footer{background:#56442f;color:#f7f3eb}
.hero{background:linear-gradient(90deg,#f7f3ebf5 0%,#f7f3ebc4 40%,#f7f3eb26 100%),url("assets/botanical.jpg") 70% 55%/cover}.horizon-hero{background:linear-gradient(90deg,#f7f3ebf0 0%,#f7f3ebcb 40%,#f7f3eb12 100%),url("assets/horizon.webp") 65% center/cover}
.portrait{justify-self:center;max-width:330px;background:#dfd0c0;border-radius:43% 57% 40% 60%;padding:15px 20px}.portrait img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}.landscape{overflow:hidden;border-radius:30px 110px 30px 110px}.landscape img{display:block;width:100%;height:370px;object-fit:cover;object-position:66% center}.intro>div,.split>div{min-width:0}a:focus-visible{outline:3px solid #ab8263;outline-offset:5px}.btn{background:#6d5340}.btn.alt{color:#6d5340;border-color:#6d5340}
@media(max-width:750px){.landscape img{height:260px}.portrait{max-width:265px;margin-top:30px}.intro,.split{gap:32px}.hero{background-position:65% center}.horizon-hero{background-position:65% center}.brand img{width:135px}header{gap:20px}nav{gap:15px}.btn{font-size:11px}}
@media(max-width:420px){header{justify-content:center}nav{justify-content:center;width:100%;gap:16px}nav a{font-size:10px}.hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
