*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171714;background:#f8f7f2;font-family:Arial,Helvetica,sans-serif}
.notice{background:#171714;color:#fff;text-align:center;padding:11px;font-size:10px;letter-spacing:1.7px}
header{height:92px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid #ddd9cf;background:#f8f7f2;gap:35px;position:sticky;top:0;z-index:5}
.logo{font-family:Georgia,serif;letter-spacing:6px;font-size:27px;text-decoration:none;color:inherit}
nav{display:flex;gap:25px;margin:auto}nav a,.icons{font-size:10px;letter-spacing:1.2px;color:inherit;text-decoration:none}.menu{display:none;background:none;border:0;font-size:22px}
.hero{min-height:70vh;display:flex;align-items:center;padding:9vw;background:linear-gradient(115deg,#ded8cd,#f1eee7 60%,#c9c1b3)}
.hero-copy{max-width:680px}.eyebrow{font-size:10px;letter-spacing:2.5px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:58px;line-height:1.08;margin:22px 0}.sub{font-family:Georgia,serif;font-size:18px;line-height:1.6;max-width:560px}
.btn{display:inline-block;background:#171714;color:#fff;padding:17px 25px;margin-top:22px;font-size:10px;letter-spacing:1.7px;text-decoration:none}
.intro{text-align:center;max-width:760px;margin:auto;padding:100px 25px}.intro h2,.section-head h2,.promise h2{font:400 38px Georgia,serif}.intro>p:last-child{line-height:1.8;color:#5c5a54}
.products{padding:30px 5vw 100px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #cbc7bd}.section-head a{font-size:10px;letter-spacing:1.5px;color:inherit}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.ph{height:420px;background:#e7e2d8;display:grid;place-items:center;font:18px Georgia,serif;letter-spacing:3px;color:#777269}.type{font-size:9px;letter-spacing:1.5px;margin-top:18px}article h3{font:18px Georgia,serif;margin:8px 0}article p:last-child{font-size:12px}
.categories{display:grid;grid-template-columns:repeat(3,1fr)}.categories a{height:360px;background:#272724;color:#fff;border-right:1px solid #555;display:flex;flex-direction:column;justify-content:end;padding:35px;text-decoration:none}.categories span{font-size:9px;letter-spacing:2px}.categories strong{font:34px Georgia,serif;margin-top:10px}
.promise{text-align:center;padding:100px 6vw}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.promise-grid b{font-size:10px;letter-spacing:1.7px}.promise-grid p{font:15px Georgia,serif;line-height:1.7;color:#5c5a54}
footer{background:#171714;color:#eee;padding:70px 6vw;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;font-size:11px;line-height:2}footer b{letter-spacing:1.5px}.legal{grid-column:1/-1;border-top:1px solid #444;padding-top:25px;color:#aaa}
@media(max-width:800px){header{height:72px;justify-content:space-between}.menu{display:block}nav{display:none}.icons{font-size:9px}.logo{font-size:20px}.hero{min-height:68vh;padding:12vw 7vw}.hero h1{font-size:42px}.grid,.promise-grid{grid-template-columns:1fr}.ph{height:360px}.categories{grid-template-columns:1fr}.categories a{height:210px}.intro h2,.section-head h2,.promise h2{font-size:31px}footer{grid-template-columns:1fr 1fr}.legal{grid-column:1/-1}}