@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#12273a;--green:#00664d;--mint:#edf5f0;--gold:#b48b55;--cream:#faf8f4;--line:#e7e5e0;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1440px,calc(100% - 80px));margin:auto}.topnav{height:74px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #ebe9e4}.toprow{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.brand{font-family:Georgia,serif;font-size:30px;font-weight:700;white-space:nowrap;letter-spacing:-1.8px}.brand span{color:var(--green)}.menu{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:700}.menu a:hover,.menu .active{color:var(--green)}.navright{display:flex;align-items:center;gap:14px}.circle{border:1px solid #efede8;background:#fbfaf8;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:18px}.primary{border:0;background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:13px 23px;font-size:13px;font-weight:800;white-space:nowrap}.primary:hover{background:#00513e}.hero{height:330px;position:relative;overflow:hidden;background:#f2f0e8}.hero .picture{position:absolute;right:0;top:0;width:62%;height:100%;background-image:url('hero-person-clean.webp');background-size:cover;background-position:center 44%}.hero:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#faf7f0 0%,#faf7f0 30%,rgba(250,247,240,.94) 40%,rgba(250,247,240,.34) 56%,transparent 75%)}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;height:100%}.hero-text{width:610px;max-width:56%}.eyebrow{letter-spacing:2.7px;color:var(--gold);font-size:10px;font-weight:800;margin-bottom:12px;text-transform:uppercase}.hero h1{font:700 clamp(34px,3vw,47px)/1.15 Georgia,serif;letter-spacing:-1.5px;margin:0 0 8px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:14px;line-height:1.55;max-width:490px;margin:0 0 12px;color:#52616a}.searchbar{display:flex;background:white;border-radius:40px;width:min(540px,100%);padding:5px;box-shadow:0 8px 28px #1232;gap:8px;align-items:center}.searchbar input{border:0;outline:0;min-width:0;flex:1;padding:10px 17px;font-size:13px;background:transparent}.searchbar button{padding:11px 27px}.ticks{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:#536069;font-size:10px}.ticks span:before{content:'✓';color:var(--green);font-weight:900;margin-right:6px}.floating{position:absolute;top:36px;right:3%;background:white;display:flex;gap:14px;align-items:center;border-radius:15px;padding:14px 17px;box-shadow:0 8px 25px #0002;font-weight:700;font-size:12px;max-width:210px}.floating i{font-style:normal;color:white;background:var(--green);border-radius:50%;padding:12px}.page-wrap{width:min(1440px,calc(100% - 80px));margin:auto}.categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding-top:15px}.cat{min-width:0;background:#fff;border:1px solid #eeeae3;box-shadow:0 4px 12px #00000009;border-radius:11px;overflow:hidden;transition:transform .2s}.cat:hover,.product:hover{transform:translateY(-3px)}.cat img{display:block;width:100%;height:81px;object-fit:cover}.cat-content{position:relative;min-height:60px;padding:9px 30px 9px 11px}.cat strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat small{font-size:10px;color:#73818b;display:block;margin-top:3px}.cat .go{position:absolute;right:8px;top:15px;width:23px;height:23px;background:#f3eee5;border-radius:50%;display:grid;place-items:center}.section{padding:19px 0 14px}.sect-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.sect-head h2{font:700 25px Georgia,serif;letter-spacing:-.6px;margin:0}.sect-head>a{font-size:12px;color:var(--green);font-weight:800}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product{display:flex;gap:12px;align-items:center;border:1px solid #eceae5;border-radius:12px;padding:12px;background:white;box-shadow:0 4px 16px #0000000b;transition:transform .2s;min-height:125px}.product img{width:100px;height:95px;object-fit:contain;flex-shrink:0}.product h3{font-size:13px;margin:7px 0;line-height:1.25}.product small{color:#71818a;font-size:10px;line-height:1.4}.product .chip{background:#f5eee4;border-radius:7px;padding:4px 7px;color:#796049;font-size:9px;font-weight:800}.product .view{color:var(--green);display:block;margin-top:9px;font-size:11px;font-weight:800}.benefits{background:#f8f5ef;padding:19px 0;margin-top:10px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit{display:flex;gap:12px;align-items:center;border-right:1px solid #e2ddd4}.benefit:last-child{border:0}.symbol{background:#eee7da;color:var(--green);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.benefit strong{font:700 14px Georgia,serif}.benefit p{font-size:11px;color:#66717a;line-height:1.4;margin:4px 0 0}.about-strip{display:grid;grid-template-columns:44% 56%;min-height:208px;overflow:hidden;background:#fff}.about-copy{padding:22px 28px 22px max(40px,calc((100vw - 1440px)/2));}.about-copy h2{font:700 27px/1.13 Georgia,serif;margin:0 0 7px}.about-copy p{font-size:12px;line-height:1.55;color:#57646e;max-width:600px;margin:0 0 10px}.about-photo{background-image:url('canal-hires.webp');background-size:cover;background-position:center;border-radius:90px 0 0 0;min-height:205px;position:relative}.about-photo .hand{position:absolute;right:18px;bottom:14px;background:#fffdf8ef;border-radius:14px;padding:8px 12px;font:italic 16px Georgia,serif;color:var(--green)}.footer{background:#102638;color:white;padding:22px 0 16px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.footer .brand{font-size:27px}.footer p,.footer a:not(.brand){display:block;color:#c2cdd2;font-size:11px;line-height:1.9}.footer strong{font-size:12px}.copyright{color:#98aeb8;font-size:10px;border-top:1px solid #3a5260;margin-top:16px;padding-top:10px}.subhero{background:linear-gradient(110deg,#f7f2e9,#eaf3ed);padding:55px 0 42px}.subhero h1{font:700 clamp(30px,3.4vw,48px)/1.13 Georgia,serif;max-width:780px;margin:0 0 12px}.subhero p{max-width:720px;line-height:1.7;color:#53636a}.subcontent{padding:35px 0 65px;min-height:420px}.content-card{background:#fff;border:1px solid #eee9df;border-radius:14px;padding:30px;box-shadow:0 9px 30px #00000007}.content-card h2{font-family:Georgia,serif}.content-card p{line-height:1.75;color:#53636a}.category-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-overview a{border:1px solid #ece7df;border-radius:12px;overflow:hidden}.category-overview img{width:100%;height:170px;object-fit:cover}.category-overview b{display:block;padding:16px}.mobile-menu{display:none}@media(max-width:1100px){.container,.page-wrap{width:calc(100% - 38px)}.menu{gap:12px}.hero-text{max-width:65%}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.about-copy{padding-left:25px}}@media(max-width:700px){.topnav{height:64px}.brand{font-size:26px}.menu{display:none}.navright .circle{display:none}.navright .primary{padding:11px 12px;font-size:11px}.hero{height:auto;min-height:570px}.hero .picture{top:0;width:100%;height:46%;background-position:center 36%}.hero:after{background:linear-gradient(0deg,#faf7f0 45%,#faf7f0 51%,transparent 78%)}.hero-inner{min-height:570px;align-items:flex-end;padding-bottom:35px}.hero-text{max-width:100%;width:100%}.floating{display:none}.hero h1{font-size:36px}.categories{grid-template-columns:repeat(2,1fr)}.cat img{height:105px}.products{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0}.about-strip{grid-template-columns:1fr}.about-copy{padding:30px 20px}.about-photo{height:180px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.category-overview{grid-template-columns:1fr}.sect-head h2{font-size:22px}}