@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600&family=Allura&display=swap');
:root{--brown:#4A2614;--dark:#2C1A12;--tan:#A66A3F;--cream:#F7F1E7;--beige:#E9DDCC}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:Montserrat,Arial,sans-serif}a{text-decoration:none;color:inherit}
header{height:150px;background:var(--cream);display:flex;align-items:center;padding:12px clamp(28px,6vw,85px);position:relative;z-index:5;gap:50px}
.logo img{width:260px;display:block}.desktop{display:flex;gap:42px;margin-left:auto}.desktop a{text-transform:uppercase;font-size:12px;letter-spacing:.13em;padding:12px 0;border-bottom:2px solid transparent}.desktop a:first-child,.desktop a:hover{border-color:var(--tan)}
.tagline{font-family:Allura,cursive;font-size:29px;line-height:.85;text-align:center;color:var(--brown);min-width:180px}.menu,.mobile{display:none}
.hero{height:min(72vw,835px);min-height:650px;position:relative;overflow:hidden;background:#49301e}
.hero-bg{position:absolute;inset:0;background:url('assets/hero-woman-dog.jpg') center center/cover no-repeat}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,20,9,.78) 0%,rgba(35,23,10,.55) 34%,rgba(40,27,12,.08) 63%,rgba(40,27,12,0) 100%)}
.copy{position:relative;z-index:2;height:100%;max-width:1280px;margin:auto;padding:clamp(105px,10vw,150px) clamp(40px,7vw,95px);color:var(--cream)}
.kicker{text-transform:uppercase;letter-spacing:.28em;font-size:13px;margin:0 0 20px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(88px,9vw,138px);line-height:.72;letter-spacing:-.045em;margin:0 0 34px}
.lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;line-height:1.08;margin:0}
.copy i{display:block;width:80px;height:3px;background:var(--tan);margin:35px 0}
.button{display:inline-flex;align-items:center;gap:28px;background:var(--tan);color:white;padding:22px 30px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600}.button:hover{background:#8c5532}.button b{font-size:18px;font-weight:400}
.values{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:auto;padding:46px 40px}.values div{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border-right:1px solid #d8c8b4}.values div:last-child{border:0}.values strong{font-size:31px;color:var(--tan);font-weight:400}.values span{text-transform:uppercase;letter-spacing:.17em;font-size:11px;line-height:1.6}
footer{background:var(--brown);color:var(--cream);padding:55px clamp(30px,6vw,85px) 24px}.footer-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:55px;align-items:start}.foot-brand img{width:220px;background:var(--cream);padding:7px}.footer-inner h2{text-transform:uppercase;letter-spacing:.18em;font-size:11px;margin:4px 0 18px}.footer-inner a,.footer-inner p{display:block;font-size:12px;color:#e6d8c8;margin:0 0 12px}.foot-slogan{font-family:Allura,cursive;font-size:31px;line-height:1;text-align:center}.copyright{max-width:1280px;margin:45px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);text-align:center;font-size:10px;letter-spacing:.05em;color:#d7c5b2}
@media(max-width:800px){
header{height:100px;padding:8px 18px}.logo img{width:175px}.desktop,.tagline{display:none}.menu{margin-left:auto;display:grid;gap:5px;border:0;background:transparent;padding:10px;width:44px}.menu span{height:2px;background:var(--brown);width:100%}.mobile{position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:8px 22px 20px;box-shadow:0 12px 20px #2c1a1220}.mobile.open{display:grid}.mobile a{padding:13px 2px;border-bottom:1px solid #dfd1bf;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.hero{height:760px;min-height:0}.hero-bg{background-size:auto 100%;background-position:61% center}.shade{background:linear-gradient(180deg,rgba(30,20,9,.04) 0%,rgba(30,20,9,.10) 42%,rgba(35,22,10,.84) 70%,rgba(35,22,10,.97) 100%)}.copy{display:flex;flex-direction:column;justify-content:flex-end;padding:50px 24px 42px}.kicker{font-size:10px;margin-bottom:13px}h1{font-size:80px;margin-bottom:24px}.lead{font-size:25px}.copy i{margin:24px 0;width:60px}.button{padding:18px 21px;font-size:10px;width:max-content}
.values{grid-template-columns:1fr 1fr;padding:24px 14px}.values div{border-bottom:1px solid #d8c8b4}.values div:nth-child(2){border-right:0}.values div:nth-child(3),.values div:nth-child(4){border-bottom:0}.values div:nth-child(4){border-right:0}
footer{padding:42px 24px 22px}.footer-inner{grid-template-columns:1fr;gap:28px}.foot-brand img{width:195px}.foot-slogan{text-align:left}.copyright{text-align:left}
}
@media(max-width:430px){.hero{height:700px}.hero-bg{background-position:60% center}h1{font-size:72px}.lead{font-size:23px}}