/* Light reference rebuild: cream paper, ink typography and neon print. */
:root{--bg:#f6f0e4;--surface:#fffaf0;--text:#111614;--muted:#535b51;--line:#ccc8bd;color-scheme:light}
body{background-image:url('/black-moth-home-v3/paper-grain.svg');background-size:240px}
.utility{background:transparent}.utility-inner{padding:8px 20px;gap:15px}.utility-inner>span{gap:10px;padding-right:20px}.utility strong{font-size:13px}.utility small{font-size:10px}.utility-story{color:#007e76}
.header{background:#fffaf0f5;backdrop-filter:blur(8px);border-bottom:1px solid #d2cbbc;isolation:isolate}
.header-inner{min-height:88px;padding:10px 20px;gap:24px}.brand{width:148px;position:relative;align-self:center;z-index:2}.brand .native-moth{width:100%;height:auto;display:block;filter:invert(1);mix-blend-mode:multiply}
.header nav{gap:22px}.header nav a{font-size:15px;font-weight:700}.hostility-nav:before{background:var(--acid);background-image:url('/black-moth-home-v3/paper-grain.svg');inset:-6px -8px}
.search-form{max-width:220px;background:#fffaf0;border-color:#797d72}.search-form input{width:173px}.search-form button{background:#111614;color:var(--cream);margin:3px;border-radius:0 20px 20px 0}.header-actions{gap:10px}.icon-button:hover{color:#007e76}
.hero{grid-template-columns:47% 53%;min-height:0;max-width:1600px;border-bottom:0;align-items:stretch;background:var(--bg)}
.hero-text{padding:0 0 17px;background:url('/black-moth-home-v3/neon-splatter.svg') center/100% 100% no-repeat,var(--bg)!important;gap:0}
.hero-text:before{display:none}.hero-brand-art{width:100%;background:transparent;mix-blend-mode:multiply;flex-shrink:0}.hero h1.sr-only{font-size:1px;white-space:normal;transform:none;margin:0}
.hero-description{font-size:clamp(15px,1.45vw,22px);line-height:1.35;margin:9px 20px 12px;max-width:600px}.hero .button{font-size:clamp(18px,1.7vw,25px);min-height:44px;min-width:0;width:48%;padding:10px 18px;gap:14px;background-image:url('/black-moth-home-v3/paper-grain.svg');box-shadow:3px 3px 0 #11161430;clip-path:polygon(1% 4%,99% 0,100% 95%,0 100%)}
.hero-art{min-height:0;height:auto;background:#132314}.hero-art>.fragment{inset:0;width:100%;height:100%;aspect-ratio:auto!important}.hero-art>.fragment>img{height:calc(1536 / 347 * 100%);width:calc(1024 / 542 * 100%);object-fit:fill}.hero-art:after{display:none}
.categories{max-width:1600px;gap:14px;padding:15px 15px 20px}.category{border:3px solid #fffaf0;box-shadow:2px 2px 0 var(--edge);background:var(--ink)}.category:before{border:2px dashed var(--edge);opacity:1}.category>.fragment{aspect-ratio:143/132!important}.category>.fragment>img{height:auto;object-fit:initial}.category-label{font-size:23px;min-height:63px;padding:9px;line-height:1.03}.category-label>.icon{width:34px;height:34px}.category:hover{transform:translateY(-3px)}
.trust-strip{background:transparent;clip-path:none;padding:22px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.perk{padding:0 20px}.perk .icon{width:43px;height:43px}.perk strong{font-size:18px}.perk span{font-size:13px}
.section-pad{max-width:1600px;padding-inline:15px}.plants{padding-top:20px;padding-bottom:18px}.section-heading .eyebrow{display:none}.brush-label{font-size:32px;padding:4px 18px;margin-bottom:10px}.brush-label:before{background:var(--acid)}.filters button,.filters a{font-size:14px}.plant-intro{font-size:12px;margin-bottom:13px}.plant-grid{gap:13px}.plant-card{border-radius:5px;padding:5px;background:#fffaf0aa;box-shadow:1px 2px 0 #11161412}.plant-photo>.fragment{aspect-ratio:141/140!important}.plant-photo>.fragment>img{height:auto;object-fit:initial}.plant-card h3{font-size:16px;min-height:20px;margin:10px 4px 7px}.plant-card>p{min-height:28px;font-size:12px;margin-bottom:12px}.plant-link{background:var(--ink);color:var(--cream);font-size:13px;padding:8px 5px;border:0}.plant-link:hover{background:#007e76;color:#fffaf0}.favorite{background:#080b0b66}.plant-badge{font-size:12px;border-radius:2px;padding:5px 9px}
.promos{gap:14px;padding-bottom:17px}.reference-promo{border:3px solid #fffaf0;box-shadow:none;min-height:0;background:transparent}.reference-promo:before{display:none}.reference-promo>.fragment{background:transparent;width:100%}.reference-promo>.fragment>img{height:auto;object-fit:initial}.promo-link{position:absolute;inset:0;z-index:2;border:2px dashed transparent;transition:border-color .15s}.promo-link:hover,.promo-link:focus-visible{border-color:#007e76}
.join-strip{background:url('/black-moth-home-v3/neon-splatter.svg') center/100% 100% no-repeat;grid-template-columns:1fr 1.05fr 1.2fr;padding:24px 30px;gap:25px}.rebellion-script{color:#007e76!important;font-size:32px}.join-copy h2{font-size:25px}.join-copy>a{display:inline-flex;border:1px solid #787e70;border-radius:25px;padding:9px 20px;background:#fffaf0;color:#007e76;font-size:15px}.join-values .icon{stroke-width:1.8}
.footer{background:url('/black-moth-home-v3/neon-splatter.svg') center/100% 100% no-repeat}.footer-main{grid-template-columns:1.15fr 1fr 1fr 1fr 1.3fr;padding:25px 30px 28px;gap:30px}.footer-brand .native-moth{display:block;width:170px;height:auto;filter:invert(1);mix-blend-mode:multiply}.footer-quote{display:block;color:#b01990;font-size:26px}.footer-links a,.footer-links button{color:var(--text)}.footer-bottom{background:#fffaf055}
@media(min-width:1450px){.hero,.hero-art{min-height:0}.hero-text{padding-top:0}.hero-description{margin-top:12px;margin-bottom:15px}.hero .button{min-height:55px}.hero-brand-art{max-height:none}.category-label{font-size:26px}}
@media(max-width:1200px){.header-inner{gap:18px}.brand{width:125px}.header nav{gap:18px}.header nav a{font-size:14px}.search-form{max-width:185px}.search-form input{width:140px}.category-label{font-size:21px;padding:8px}.category-label>.icon{width:28px;height:28px}.perk{padding-inline:15px}.perk strong{font-size:16px}.perk span{font-size:12px}.hero-description{margin-top:7px}.footer-main{gap:20px}}
@media(max-width:1000px){.header-inner{flex-wrap:nowrap;min-height:80px;gap:15px}.brand{width:105px}.header nav{order:0;flex-basis:auto;gap:16px;padding:0;justify-content:center}.header nav a{font-size:13px}.header-actions{gap:6px}.search-form{max-width:160px}.search-form input{width:116px;font-size:11px}.hero,.hero-art{min-height:0}.hero-description{font-size:14px;margin:4px 15px 10px}.hero .button{font-size:18px;min-height:39px;padding:8px 12px;width:55%}.hero-text{padding-bottom:13px}.category-label{font-size:18px;padding:7px 5px;min-height:57px}.category-label>.icon{display:none}.trust-strip{padding:18px 17px}.perk{padding-inline:10px}.perk strong{font-size:14px}.perk span{font-size:11px}.perk .icon{width:34px;height:34px}.plant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plant-card h3{min-height:20px}.plant-card>p{min-height:0}.promos{grid-template-columns:repeat(3,1fr)}.reference-promo{min-height:0}.join-strip{grid-template-columns:1fr 1fr}.join-values{grid-column:1/-1}.footer-main{grid-template-columns:1.2fr 1fr 1fr 1fr}.footer-quote{display:none}}
@media(min-width:651px) and (max-width:820px){.header-inner{flex-wrap:wrap;padding:10px 18px}.brand{width:110px}.header-actions{margin-left:auto}.search-form{max-width:225px}.search-form input{width:170px}.header nav{order:3;flex-basis:100%;justify-content:space-between;padding:10px 0 4px}.header nav a{font-size:15px}.hero-description{font-size:13px}.hero .button{min-height:35px;font-size:16px}.category-label{font-size:17px}}
@media(max-width:650px){.utility-inner{padding:7px 12px}.utility strong{font-size:11px}.utility small{font-size:9px}.header-inner{flex-wrap:wrap;min-height:74px;padding:8px 13px;gap:6px}.brand{width:105px}.header-actions{margin-left:auto;order:1}.menu-toggle{order:2;display:flex}.header .search-form{display:none}.header nav{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;padding:9px 0 0}.header nav.open{display:flex}.header nav a{font-size:17px;padding:13px 8px;border-top:1px solid var(--line)}.hostility-nav:before{inset:6px 0}.header-actions .icon-button{width:35px;min-width:35px}.hero{display:flex;flex-direction:column}.hero-text{padding:0 0 22px}.hero-brand-art{width:100%}.hero-description{font-size:17px;margin:8px 25px 17px}.hero .button{width:60%;min-height:45px;font-size:21px}.hero-art{height:300px}.hero-art>.fragment>img{height:calc(1536 / 347 * 100%);width:calc(1024 / 542 * 100%)}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:17px 13px 21px}.category-label{font-size:24px;min-height:66px;padding:9px}.category-label>.icon{display:block;width:31px;height:31px}.category>.fragment{aspect-ratio:143/132!important}.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:23px 15px;gap:21px 14px}.perk{padding:0}.perk strong{font-size:15px}.perk span{font-size:12px}.section-pad{padding-inline:13px}.section-heading{gap:5px}.brush-label{font-size:29px}.filters{margin:3px 0 10px;gap:13px}.filters button,.filters a{font-size:13px}.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-card h3{font-size:16px;min-height:40px}.plant-card>p{min-height:35px;font-size:12px}.plant-link{font-size:13px;gap:8px}.promos{grid-template-columns:1fr;gap:15px}.reference-promo{min-height:0}.join-strip{grid-template-columns:1fr;padding:27px 20px;gap:20px}.join-values{grid-column:auto}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 18px;gap:17px}.footer-brand{grid-column:1/-1}.footer-brand .native-moth{width:170px}.footer-bottom{padding-inline:12px}}
@media(max-width:360px){.brand{width:96px}.header-inner{gap:3px}.header-actions{gap:2px}.category-label{font-size:21px}.category-label>.icon{width:25px;height:25px}.hero-description{font-size:16px;margin-inline:19px}.hero-art{height:255px}.filters{gap:10px}.filters a{padding-left:7px}.plant-link .icon{display:none}}
.header-reference-moth{background:var(--bg);width:100%;mix-blend-mode:multiply}
.hero-brand-art:after{content:'';position:absolute;left:1.2%;top:69%;width:6.3%;height:20%;background:#f6f0e4}
.hero-art>.fragment>img{width:calc(1024 / 500 * 100%)}
.plant-photo>.fragment,.category>.fragment{aspect-ratio:var(--ratio)!important}
.header-reference-moth{mix-blend-mode:normal}
.brand>.native-moth{display:none!important}.hero-brand-art{mix-blend-mode:normal}.hero-brand-art:after{background:#faf6ef}
.header{position:relative;top:auto}
.hero-art>.fragment>img{width:calc(1024 / 542 * 100%)}
.hero-explore{position:absolute;right:1%;top:55%;transform:translateY(-50%);display:grid;place-items:center;width:clamp(38px,4.2vw,62px);height:clamp(38px,4.2vw,62px);background:#fffaf0;color:#111614;border:1px solid #cbc8bc;border-radius:50%;box-shadow:0 2px 3px #11161422;z-index:2}.hero-explore .icon{width:65%;height:65%}.hero-explore:hover{background:var(--acid)}
@media(max-width:820px){.brand>.header-reference-moth{display:none}.brand>.native-moth{display:block!important}.hero-brand-art:before{background:#faf6ef url('/black-moth-home-v3/neon-splatter.svg') left top/280% 400% no-repeat;clip-path:polygon(0 0,100% 0,100% 90%,87% 96%,75% 92%,52% 100%,30% 93%,0 98%)}}
@media(min-width:821px){.header-inner{min-height:calc(min(100vw,1600px) * 63 / 1024);padding-block:0}.brand{width:calc(min(100vw,1600px) * 180 / 1024);height:calc(min(100vw,1600px) * 63 / 1024)}.header-reference-moth{position:absolute;left:0;top:calc(min(100vw,1600px) * 17 / 1024)}}
@media(max-width:820px){.header-reference-moth{aspect-ratio:180/100!important}.hero-brand-art:before{content:'';position:absolute;left:2%;top:0;width:42%;height:27%;background:#f6f0e4;z-index:1}}