@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c2521;--muted:#65706a;--line:#e6e8e3;--accent:#245d45;--light:#f4f5ef;--bg:#fbfbf8;--blue:#245d45;--pale:#edf4ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8cc5a3;outline-offset:3px}.skip{position:absolute;left:8px;top:-100px;background:#fff;padding:12px;z-index:99}.skip:focus{top:8px}.wrap{max-width:1200px;margin:auto;padding:0 30px}.header{background:#fff;border-bottom:1px solid var(--line)}.head-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:5px;font:800 23px/1 'Manrope',sans-serif;letter-spacing:-1.25px;text-decoration:none;white-space:nowrap}.brand span:not(.brand-icon){color:var(--accent);margin-left:0}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#fff;border-radius:8px;margin-right:6px;font-size:18px}.header nav{display:flex;align-items:center;gap:29px}.header nav a{font-weight:700;font-size:13px;text-decoration:none;color:#46534b}.header nav a:hover{color:var(--accent)}.topline{background:#1f4938;color:#f4fff6;text-align:center;font-size:12px;padding:9px 12px;letter-spacing:.1px}.topline strong{font-weight:800}.hero-new{padding:65px 0 54px;display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center}.kicker,.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.hero-new h1{font:800 clamp(39px,5.1vw,67px)/1.07 'Manrope',sans-serif;letter-spacing:-3.4px;margin:17px 0 22px;max-width:650px}.hero-new h1 em{font-style:normal;color:var(--accent)}.hero-new p{font-size:17px;color:#5d6a62;line-height:1.7;max-width:540px;margin:0 0 25px}.button,.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;text-decoration:none;padding:14px 22px;border-radius:7px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover,.cta:hover{background:#153e2b;color:#fff;transform:translateY(-2px)}.subline{font-size:12px;color:var(--muted);margin-top:16px}.hero-art{min-height:340px;background:#e9efe6;border-radius:15px;position:relative;overflow:hidden;padding:32px;display:flex;align-items:end}.hero-art:before{content:'';position:absolute;width:290px;height:290px;border:45px solid #c5d8c6;border-radius:50%;right:-35px;top:-90px}.hero-art:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:#d4dfd0;left:-100px;bottom:-100px}.art-sheet{position:relative;z-index:1;width:100%;background:#fff;border:1px solid #d8e1d6;border-radius:11px;padding:23px;box-shadow:0 18px 40px #1c42201a;transform:rotate(-3deg)}.art-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ece7;padding-bottom:13px;font-weight:800}.art-badge{font-size:10px;background:#e8f2e9;color:#236145;border-radius:20px;padding:5px 9px}.art-row{display:flex;align-items:center;gap:14px;margin-top:16px}.art-icon{width:51px;height:51px;border-radius:9px;display:grid;place-items:center;background:#f2f4ef;font-size:26px}.art-row strong{display:block;font-size:13px}.art-row small{font-size:11px;color:var(--muted)}.art-arrow{margin-left:auto;color:var(--accent);font-size:20px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:66px}.process div{padding:20px 23px;border-right:1px solid var(--line)}.process div:last-child{border-right:0}.process strong{display:block;font-size:13px}.process span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.stepnum{color:var(--accent);margin-right:7px}.section{padding:0 0 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{font:800 28px/1.2 'Manrope',sans-serif;letter-spacing:-1.1px;margin:0}.section-heading p{font-size:13px;color:var(--muted);margin:7px 0 0}.section-heading>a{font-size:12px;font-weight:800;color:var(--accent);text-decoration:none}.shopgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.shop-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;text-decoration:none;transition:box-shadow .2s,transform .2s}.shop-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #1d36251c}.shop-visual{height:164px;display:grid;place-items:center;position:relative}.shop-visual .visual-symbol{font-size:70px;filter:drop-shadow(0 13px 8px #00000013)}.shop-visual .external{position:absolute;top:12px;right:12px;background:#ffffffdd;padding:5px 8px;border-radius:4px;font-size:10px;font-weight:800;color:#3e5143}.shop-info{padding:17px}.shop-info small{display:block;color:#79827b;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.shop-info h3{font-size:16px;letter-spacing:-.3px;margin:4px 0 8px}.shop-info .shop-link{display:inline-flex;color:var(--accent);font-size:12px;font-weight:800}.shop-note{margin-top:14px;color:var(--muted);font-size:12px}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px;text-decoration:none;display:flex;flex-direction:column;gap:7px}.cat-card:hover{border-color:#9bbb9f}.cat-card .symbol{font-size:28px}.cat-card strong{font-size:15px}.cat-card span:last-child{font-size:12px;color:var(--muted)}.guidegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.guide-tile{padding:20px 22px;border:1px solid var(--line);border-radius:9px;background:#fff;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:15px}.guide-tile strong{font-size:14px;display:block}.guide-tile small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.guide-tile .arr{font-size:22px;color:var(--accent)}.notice{background:#edf4ee;border:1px solid #d9e7da;border-radius:9px;padding:18px 22px;font-size:13px;line-height:1.7;color:#3a5141}.notice a{font-weight:800}.footer{border-top:1px solid var(--line);background:#fff;padding:40px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner p{font-size:12px;color:var(--muted);max-width:400px}.footer-links{display:flex;gap:17px;flex-wrap:wrap;align-content:start}.footer-links a{font-size:12px;color:var(--muted);text-decoration:none}.footnote{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px;color:#858d85}.article{max-width:820px;margin:0 auto;padding:45px 24px 90px}.article h1{font:800 clamp(32px,4vw,48px)/1.16 'Manrope',sans-serif;letter-spacing:-1.7px;margin:13px 0}.article h2{font:800 23px 'Manrope',sans-serif;letter-spacing:-.6px;margin-top:34px}.article p,.article li{color:#4c5b51;line-height:1.85}.article .lead{font-size:18px}.article section{margin-top:26px}.article .notice{margin:22px 0}.breadcrumb{font-size:12px;color:#7b887e;margin-bottom:25px}.breadcrumb a{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tile,.guide-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px;text-decoration:none}.tile h3,.guide-card h3{margin:6px 0}.tile p,.guide-card p{font-size:13px;color:var(--muted)}.tile .emoji{font-size:28px}.tile .arrow,.guide-card .label{font-size:12px;font-weight:800;color:var(--accent)}.hero{padding:55px 0}.hero h1{font:800 45px 'Manrope',sans-serif}.search input{padding:12px;border:1px solid var(--line);border-radius:6px}.empty{display:none}.simple-main{padding:45px 0 70px}.simple-main h1{font:800 38px 'Manrope',sans-serif}.simple-main p{max-width:800px;color:var(--muted)}
@media(max-width:850px){.hero-new{grid-template-columns:1fr;gap:22px;padding-top:45px}.hero-art{min-height:260px}.shopgrid,.catgrid{grid-template-columns:repeat(2,1fr)}.hero-new h1{letter-spacing:-2px}.process{margin-bottom:45px}}@media(max-width:570px){.wrap{padding:0 18px}.head-inner{min-height:68px}.header nav{gap:12px}.header nav a{font-size:11px}.brand{font-size:20px}.brand-icon{width:28px;height:28px}.hero-new h1{font-size:40px}.hero-art{display:none}.process{grid-template-columns:1fr}.process div{border-right:0;border-bottom:1px solid var(--line);padding:14px 17px}.process div:last-child{border-bottom:0}.shopgrid,.catgrid,.guidegrid,.grid{grid-template-columns:1fr 1fr;gap:10px}.shop-visual{height:130px}.shop-visual .visual-symbol{font-size:51px}.shop-info{padding:13px}.shop-info h3{font-size:14px}.shop-visual .external{font-size:9px}.cat-card{padding:15px}.guidegrid{grid-template-columns:1fr}.section-heading h2{font-size:24px}.footer-inner{flex-direction:column}.footer-links{gap:12px}.section{padding-bottom:45px}}
/* Consistent product-storefront identity for every inner page */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171717;--muted:#686868;--line:#e9e9e9;--accent:#171717;--light:#f6f6f4;--bg:#fff;--blue:#171717;--pale:#f6f6f4}
body{background:#fff;color:#171717;font-family:'DM Sans',Arial,sans-serif}
a:hover{color:#444}
.header{border-bottom:1px solid #e9e9e9;background:#fff}.head-inner{min-height:80px}
.brand{font:700 27px/1 'Space Grotesk',sans-serif;letter-spacing:-1.6px;gap:0}.brand span:not(.brand-icon){color:#9d9d9d}.brand-icon{display:none}
.header nav a{color:#171717;font-size:13px}.header nav a:hover{text-decoration:underline;color:#171717}
.topline{background:#191919;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;padding:11px 12px}.topline span{color:#c3c3c3;font-weight:400;letter-spacing:0;margin-left:12px}
h1,h2,h3,.hero h1,.article h1,.section-heading h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.05em;color:#171717}
h1,.article h1{font-size:clamp(35px,5vw,62px);line-height:1.08}
h2{letter-spacing:-.04em}.eyebrow,.kicker{color:#4b4b4b;letter-spacing:.13em}
.article{max-width:900px;margin:0 auto;padding:56px 30px 90px}.article .lead{font-size:19px;color:#5d5d5d}
.article section{margin:32px 0}.article section h2{font-size:26px}.article p{line-height:1.8}
.breadcrumb{font-size:12px;color:#777;margin-bottom:26px}
.notice{background:#f7f7f3;border:1px solid #e8e8e5;color:#414141;border-radius:4px}
.shop-card,.guide-card,.guide-tile,.cat-card{border:1px solid #e9e9e9;border-radius:5px;background:#fff;box-shadow:none}
.shop-card:hover,.guide-card:hover,.guide-tile:hover,.cat-card:hover{border-color:#777;box-shadow:0 12px 30px #00000010}
.shop-section .shop-card{display:flex;flex-direction:column;gap:10px;padding:22px;text-decoration:none}
.shop-section .shop-card span{background:#171717;color:#fff;padding:12px 14px;border-radius:3px;display:inline-block;font-size:12px;font-weight:800}
.shop-section .shop-card:hover span{background:#444}
.button,.cta{background:#171717;color:#fff;border-radius:3px}.button:hover,.cta:hover{background:#444}
.hero{padding-top:60px;padding-bottom:48px}.hero h1{font-size:clamp(36px,5vw,62px)}
.grid.guides{gap:18px}.guide-card{padding:24px}.guide-card h3{font-size:21px}.guide-card p{color:#686868}
.footer{background:#fff;border-top:1px solid #e9e9e9}.footer-inner{padding-top:38px}.footnote{color:#888}
@media(max-width:700px){.topline span{display:none}.head-inner{min-height:68px}.header nav{gap:12px}.header nav a{font-size:11px}.brand{font-size:23px}.article{padding:35px 18px 60px}}

/* Expanded clickable category gallery */
.category-explorer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 26px}.category-explorer label{font-weight:750;font-size:15px}.category-explorer input{flex:1 1 300px;min-width:190px;border:1px solid #cfd9d2;border-radius:12px;padding:15px 17px;font:inherit;background:#fff;color:#1a2720}.category-explorer input:focus{outline:2px solid #205b39;outline-offset:2px}.category-explorer #card-category-count{color:#52635a;font-size:13px}.product-card[hidden],.category-load[hidden],.category-no-results[hidden]{display:none!important}.category-art{background:linear-gradient(135deg,var(--art-a),var(--art-b));display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;text-align:center;text-decoration:none;overflow:hidden}.category-art-icon{font-size:70px;line-height:1.2;filter:drop-shadow(0 8px 12px #00000016)}.category-art-label{font-size:16px;font-weight:800;color:#1b3027;padding:0 15px}.category-load-wrap{text-align:center;margin:30px auto}.category-load{border:0;border-radius:12px;background:#1b5035;color:#fff;padding:16px 28px;font:inherit;font-weight:750;cursor:pointer}.category-load:hover{background:#123c27}.category-no-results{text-align:center;padding:30px;color:#4c5d53}

/* Category images: full-bleed local illustrations */
.product-card.extra-category .product-photo{display:block!important;min-height:0!important;background:#edf2ef!important;aspect-ratio: 4/3;overflow:hidden}.product-card.extra-category .product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.product-card.extra-category .product-photo:hover img{transform:scale(1.035)}