:root{--ink:#163829;--moss:#345c42;--acid:#d9e95b;--cream:#f4f0e6;--sand:#c98250;--line:rgba(22,56,41,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.announcement{background:var(--ink);color:white;text-align:center;font-size:11px;letter-spacing:.16em;padding:10px}.nav{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:.09em;display:flex;align-items:center;gap:10px}.brand-logo{display:block;width:auto;max-width:min(360px,42vw);height:auto;max-height:58px;object-fit:contain}.shellmark{display:grid;place-items:center;width:31px;height:25px;border:2px solid;border-radius:50%;font-size:12px}.nav nav{display:flex;gap:36px;font-size:13px;font-weight:700}.cart span{display:inline-grid;place-items:center;background:var(--acid);border-radius:50%;width:24px;height:24px;margin-left:7px}
.hero{min-height:720px;display:grid;grid-template-columns:45% 55%;overflow:hidden}.hero-copy{padding:120px 5vw 80px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 25px}.hero h1,.why h2,.product h1,.product h2,.care h2{font-family:Georgia,serif;font-size:clamp(60px,7vw,105px);font-weight:400;line-height:.88;letter-spacing:-.055em;margin:0}.hero h1 em,.why h2 em,.care h2 em{color:var(--sand);font-weight:400}.lede{font-family:Georgia,serif;font-size:20px;line-height:1.55;max-width:520px;margin:34px 0}.actions{display:flex;align-items:center;gap:26px}.button,.add{background:var(--ink);color:white;border:0;padding:18px 28px;font-weight:800}.textlink{font-size:13px;font-weight:800;border-bottom:1px solid}.proof{margin-top:42px;font-size:12px}.proof span,.rating{color:#b7693d}
.habitat{position:relative;background:linear-gradient(155deg,#779479,#284c39);min-height:620px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.sun{position:absolute;width:400px;height:400px;background:#dbe5ac;border-radius:50%;right:-80px;top:-100px;opacity:.45}.basin{position:absolute;left:11%;right:8%;bottom:17%;height:280px;background:#a95f3b;border-radius:48% 45% 30% 38%;box-shadow:0 45px 50px #17352688,inset 0 -18px 0 #75442e;transform:rotate(-5deg)}.water{position:absolute;inset:28px 35px 75px 150px;border-radius:50%;background:linear-gradient(150deg,#bbd5c5,#729d8b)}.ramp{position:absolute;left:30px;top:35px;width:180px;height:180px;background:repeating-linear-gradient(90deg,#c98250 0 4px,#b76e48 4px 8px);clip-path:polygon(0 0,100% 26%,75% 100%,0 80%)}.turtle{position:absolute;width:90px;height:67px;background:#3e301e;border-radius:50%;left:130px;top:65px}.note{position:absolute;background:#f7f1dfdd;padding:9px 12px;font-size:9px;letter-spacing:.15em;font-weight:900}.note-a{left:12%;top:20%}.note-b{right:7%;top:34%}.ticker{background:var(--acid);display:flex;gap:34px;justify-content:center;padding:17px;font-size:10px;font-weight:900;letter-spacing:.14em}
.why{padding:120px 5vw;display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--line)}.why h2{font-size:clamp(52px,6vw,82px)}.feature{border-top:1px solid var(--line);padding:25px 0}.feature summary{display:grid;grid-template-columns:50px 1fr 30px;cursor:pointer;list-style:none}.feature strong{font-family:Georgia,serif;font-size:22px}.feature p{margin:18px 30px 0 50px;line-height:1.6}
.product{display:grid;grid-template-columns:55% 45%;min-height:720px}.product-art{background:#b8c59b;position:relative;display:grid;place-items:center;overflow:hidden}.product-art img{width:100%;height:100%;object-fit:cover}.product-art>span{position:absolute;bottom:35px;left:35px;font-size:10px;letter-spacing:.15em;font-weight:900}.mini-basin{width:70%;height:290px;background:#a9623f;border-radius:46% 46% 30% 35%;box-shadow:0 40px 50px #31452f66,inset 0 -20px 0 #7d4932;transform:rotate(-6deg);padding:35px 55px}.mini-basin div{height:140px;border-radius:50%;background:#91b5a4}.product-copy{padding:90px 8vw}.product h2,.product h1{font-size:clamp(48px,5vw,72px)}.rating{margin:28px 0 15px}.price{font-size:28px;font-weight:900}.description{line-height:1.6}.product-form{margin-top:30px}.add{width:100%;display:flex;justify-content:space-between;cursor:pointer}.perks{display:flex;justify-content:space-between;font-size:10px;margin-top:18px}
.care{text-align:center;background:var(--ink);color:#fff;padding:120px 20px}.care h2{font-size:clamp(55px,7vw,90px)}.care>p:not(.eyebrow){font-family:Georgia,serif;font-size:18px;line-height:1.6;max-width:620px;margin:35px auto}.care a{color:var(--acid);font-weight:900;border-bottom:1px solid}footer{padding:65px 5vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}footer>p{text-align:right;font-family:Georgia,serif;font-size:22px}footer>div{display:flex;gap:25px;font-size:12px}footer small{text-align:right}
@media(max-width:800px){.nav{height:68px}.nav nav{display:none}.hero,.why,.product{grid-template-columns:1fr}.hero-copy{padding:75px 6vw}.hero h1{font-size:66px}.habitat{min-height:500px}.ticker{justify-content:flex-start;overflow:hidden;white-space:nowrap}.why{padding:85px 6vw;gap:60px}.product-art{min-height:480px}.product-copy{padding:70px 6vw}.perks{gap:8px;flex-wrap:wrap}footer{grid-template-columns:1fr}footer>p,footer small{text-align:left}}