:root{--ink:#151515;--muted:#6f6f6f;--paper:#fbfaf8;--white:#fff;--line:#e9e5df;--soft:#f2eee8;--accent:#b98255;--max:1200px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:var(--ink);color:#fff;text-align:center;font-size:11px;letter-spacing:.12em;padding:8px 16px}
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{width:132px;height:58px;object-fit:contain}
.nav-links{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}
.nav-links a:hover{color:var(--accent)}
.nav-cta{border:1px solid var(--ink);padding:10px 17px;border-radius:999px}
.menu-btn{display:none;background:none;border:0;font-size:25px;cursor:pointer}
.mobile-nav{display:none;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px}
.mobile-nav a{display:block;padding:13px 0;font-weight:600;border-bottom:1px solid #f0ede8}
.menu-open .mobile-nav{display:block}

.hero{min-height:520px;display:grid;place-items:center;background:linear-gradient(115deg,#f6f1eb 0%,#fff 55%,#eee8e0 100%);position:relative;overflow:hidden;text-align:center}
.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(185,130,85,.09);right:-120px;bottom:-220px}
.hero-inner{position:relative;z-index:1;padding:90px 0;max-width:900px}
.kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:18px}
h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em}
.hero p{font-size:18px;color:#5f5b57;max-width:680px;margin:24px auto 30px}
.btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:700;font-size:14px}
.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;border:1px solid var(--line)}
.section{padding:90px 0}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}
.section h2{font-size:42px;letter-spacing:-.04em;line-height:1.05}
.section-head p{color:var(--muted);max-width:500px}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{background:#fff;border:1px solid var(--line);border-radius:20px;min-height:210px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
.cat:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.cat-icon{width:50px;height:50px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:24px}
.cat h3{font-size:18px;margin-top:28px}.cat span{font-size:12px;color:var(--muted)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.card-img{height:310px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px}
.card-body{padding:18px}.card h3{font-size:17px;margin-bottom:6px}.card p{color:var(--muted);font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel{background:var(--ink);color:#fff;border-radius:28px;padding:48px}.panel.light{background:var(--soft);color:var(--ink)}
.panel h2{font-size:40px;letter-spacing:-.04em;margin-bottom:16px}.panel p{color:#bbb;max-width:560px}.panel.light p{color:#666}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature{padding-top:20px;border-top:1px solid var(--ink)}.feature h3{font-size:16px;margin-bottom:8px}.feature p{font-size:14px;color:var(--muted)}
.newsletter{background:#e9e1d7;border-radius:28px;padding:55px;text-align:center}.newsletter h2{font-size:38px;margin-bottom:10px}.newsletter p{color:#625d57;margin-bottom:25px}
.form{display:flex;max-width:540px;margin:auto}.form input{flex:1;border:1px solid #d4cdc4;border-radius:999px 0 0 999px;padding:14px 18px;font:inherit;background:#fff}.form button{border:0;background:var(--ink);color:#fff;border-radius:0 999px 999px 0;padding:0 24px;font-weight:700}
.footer{background:#111;color:#fff;padding:60px 0 30px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#aaa;font-size:13px}.footer h4{margin-bottom:14px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.footer-links{display:grid;gap:9px}.copyright{border-top:1px solid #2c2c2c;margin-top:40px;padding-top:20px;color:#777;font-size:12px}
.page-hero{padding:75px 0 55px;background:var(--soft)}.page-hero h1{font-size:58px}.page-hero p{margin-top:14px;color:var(--muted);max-width:650px}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:999px;font-size:13px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.product-section{scroll-margin-top:110px;margin-top:90px}.product-section:first-of-type{margin-top:0}
.product-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}.product-gallery .card-img{height:390px;background:#fff}.text-product{background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px}.text-product h3{font-size:28px;margin-bottom:12px}.text-product p{color:var(--muted);max-width:760px}
.form-page{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px}.field{margin-bottom:17px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #ddd5cd;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.field textarea{min-height:140px;resize:vertical}.small{font-size:12px;color:var(--muted)}

@media(max-width:1050px){
 .nav-links{gap:18px}.grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}
 .features{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .nav-inner{min-height:68px}.logo{width:110px;height:50px}.nav-links{display:none}.menu-btn{display:block}
 .hero{min-height:480px}.hero-inner{padding:70px 0}.hero p{font-size:16px}
 .section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:12px}.section h2{font-size:34px}
 .grid,.products-grid,.features{grid-template-columns:1fr}
 .cat{min-height:165px}.card-img{height:330px}.product-gallery{grid-template-columns:1fr}.product-gallery .card-img{height:340px;min-height:0;background:#fff}
 .newsletter{padding:35px 20px}.newsletter h2{font-size:32px}
 .form{display:block}.form input,.form button{width:100%;height:48px;border-radius:999px}.form button{margin-top:8px}
 .footer-grid{grid-template-columns:1fr}.footer{margin-top:55px}.page-hero{padding:55px 0 42px}.page-hero h1{font-size:45px}
 .form-page{padding:24px}
 .panel{padding:32px}.panel h2{font-size:32px}
}

/* Product photography: show the complete supplied image, never crop the product. */
.ladder-image img{object-fit:contain;padding:4px 12px}
.potty-image img{object-fit:contain;padding:0}
@media(max-width:760px){
  .ladder-image,.potty-image{height:350px!important}
  .ladder-image img{padding:5px 10px}
}