@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f5f0;--paper:#fffefa;--ink:#171a18;--muted:#666b65;--line:#d8dcd4;--green:#c9ef55;--deep:#202d24;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{outline-offset:3px}img{display:block;max-width:100%}.shell{width:min(1380px,calc(100% - 72px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:2}.nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{display:flex;align-items:center;gap:10px;flex:none}.brand-mark,.footer-brand{background:var(--ink);color:var(--green);height:44px;width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 15px var(--display);letter-spacing:-1.4px;position:relative}.brand-mark span,.footer-brand span{font-size:12px;position:absolute;right:5px;top:7px}.brand-name{font:800 12px/1.07 var(--display);letter-spacing:.12em}.brand-name b{font-weight:800}.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.1vw,34px);overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{font-size:13px;font-weight:700;white-space:nowrap;color:#535a52;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]:after{content:"";display:block;height:2px;background:var(--ink);margin-top:6px}
.eyebrow{font:800 11px/1.2 var(--display);letter-spacing:.18em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b8ea27;vertical-align:1px;margin-right:5px}.eyebrow-line{display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:4px;margin:0 9px;opacity:.5}
.hero{display:grid;grid-template-columns:.98fr 1.02fr;min-height:616px;gap:54px;padding-top:67px;padding-bottom:72px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .eyebrow{margin:0 0 30px;color:#59665c}.hero h1,.category-hero h1,.guide-page h1{font:800 clamp(48px,5.5vw,86px)/1.04 var(--display);letter-spacing:-.075em;margin:0;max-width:760px}.hero h1 em,.category-hero h1 em,.guide-page h1 em{font-style:normal;color:#537b45}.period{color:#76a52e}.hero-intro{font-size:16px;line-height:1.72;color:#536056;max-width:510px;margin:28px 0 33px}.hero-cta{background:var(--ink);color:#fff;padding:15px 17px 15px 21px;display:inline-flex;align-items:center;gap:40px;font-size:13px;font-weight:800;border-radius:3px;transition:background .2s,transform .2s}.hero-cta span{color:var(--green);font-size:20px}.hero-cta:hover{background:#354d2d;transform:translateY(-2px)}.hero-visual{background:var(--deep);padding:18px;display:flex;flex-direction:column;min-width:0;box-shadow:16px 16px 0 #e8ebdf}.hero-visual-header,.hero-visual-footer{color:#e9f3de;display:flex;justify-content:space-between;font:700 10px var(--display);letter-spacing:.14em}.hero-visual-header{padding:2px 3px 16px}.hero-visual-footer{padding:15px 3px 1px}.hero-products{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:420px}.hero-products a{position:relative;background:#e9ebe6;overflow:hidden}.hero-products img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.hero-products a:hover img{transform:scale(1.05)}.hero-products span{position:absolute;left:10px;bottom:10px;background:rgba(20,27,21,.88);color:#fff;font:800 9px var(--display);letter-spacing:.1em;padding:7px 9px}
.browse-band{background:#e9eddf;border-top:1px solid #d9e0d1;border-bottom:1px solid #d9e0d1;padding:42px 0 46px}.band-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.band-heading h2{font:800 clamp(23px,2.8vw,38px)/1.1 var(--display);letter-spacing:-.055em;margin:0}.band-heading h2 span{color:#719d41;margin-left:8px}.band-heading .eyebrow{margin:0 0 8px;color:#687565}.category-links{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.category-links a{min-height:76px;border:1px solid #d1d8c8;background:#f6f8ef;padding:14px;display:flex;justify-content:space-between;align-items:end;gap:8px;font:800 15px var(--display);transition:background .2s,transform .2s}.category-links a:hover{background:var(--green);transform:translateY(-2px)}.category-links a.selected{background:var(--ink);border-color:var(--ink);color:#fff}.category-links a span{font:700 11px var(--display);opacity:.65}.browse-band.compact{padding:18px 0}.compact .category-links a{min-height:56px}
.directory{padding-top:75px;padding-bottom:98px}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.directory-heading .eyebrow{color:#64715e;margin:0 0 10px}.directory h2{font:800 clamp(29px,3.1vw,44px)/1.1 var(--display);letter-spacing:-.055em;margin:0}.result-count{font:800 11px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#5c675c;margin:0 0 4px}.toolbar{border:1px solid var(--line);background:var(--paper);padding:10px;display:flex;gap:10px;margin-bottom:26px}.search-wrap{display:flex;align-items:center;flex:1;min-width:200px;position:relative}.search-wrap svg{width:19px;height:19px;position:absolute;left:13px;fill:none;stroke:#6d746e;stroke-width:1.8}.search-wrap input{width:100%;border:0;background:#f5f6f1;min-height:48px;padding:0 12px 0 42px;font-size:14px;outline:none}.search-wrap input:focus{box-shadow:inset 0 0 0 2px #76983c}.search-wrap input::placeholder{color:#8b928a}.toolbar-selects{display:flex;gap:10px}.toolbar select{appearance:none;background:#f5f6f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23293229' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center;border:0;min-height:48px;padding:0 35px 0 14px;font-size:13px;font-weight:700;color:#263027;cursor:pointer}.toolbar select:focus{box-shadow:inset 0 0 0 2px #76983c}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:43px 18px}.product-card{min-width:0}.product-card[hidden]{display:none}.product-image{display:block;position:relative;aspect-ratio:4/4.45;background:#e8ebe6;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.045)}.image-action{position:absolute;bottom:10px;right:10px;background:var(--ink);color:#fff;font:800 10px var(--display);letter-spacing:.12em;padding:10px 11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.image-action span{color:var(--green);margin-left:8px}.product-card:hover .image-action,.product-image:focus-visible .image-action{opacity:1;transform:none}.image-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#758075;font:800 10px var(--display);letter-spacing:.1em}.image-failed .product-image img{display:none}.image-failed .image-fallback{display:flex}.product-info{padding:15px 1px}.product-topline{display:flex;justify-content:space-between;gap:8px;color:#748073;font:800 10px var(--display);letter-spacing:.1em;text-transform:uppercase}.product-topline span:last-child:not(:first-child){color:#456e3e}.product-info h3{font:700 14px/1.4 var(--display);margin:8px 0 8px;min-height:39px}.product-info h3 a:hover{text-decoration:underline;text-underline-offset:2px}.price{font:800 14px var(--display);margin:0}.price span{font-weight:500;color:#838b82;font-size:12px;margin-left:4px}.empty-state{border:1px dashed #b8c2b4;padding:60px 20px;text-align:center}.empty-state[hidden]{display:none}.empty-state>span{display:block;font-size:32px;color:#7d9d51}.empty-state h3{font:800 22px var(--display);margin:8px 0}.empty-state p{color:var(--muted)}.empty-state button{border:0;background:var(--ink);color:white;padding:12px 16px;cursor:pointer;font-weight:700}
.category-hero{padding-top:30px;padding-bottom:65px}.breadcrumb{display:flex;gap:10px;align-items:center;font:700 11px var(--display);color:#7b827b;margin-bottom:65px}.breadcrumb a:hover{text-decoration:underline}.category-hero-grid{display:flex;justify-content:space-between;gap:30px;align-items:end}.category-hero .eyebrow{color:#6b7967;margin:0 0 25px}.category-hero h1{font-size:clamp(42px,5.5vw,74px);max-width:950px}.category-hero-grid>div:first-child>p:last-child{font-size:16px;line-height:1.7;color:#5c695d;max-width:590px;margin:25px 0 0}.category-count{display:flex;align-items:end;gap:12px;border-bottom:1px solid #b9c4b6;padding-bottom:10px;margin-bottom:3px}.category-count strong{font:800 82px/.8 var(--display);letter-spacing:-.1em}.category-count span{font:800 10px/1.3 var(--display);letter-spacing:.1em;color:#6b746b}.category-hero+.browse-band+.directory{padding-top:57px}
.guide-teaser{background:#d9eaa8;padding:37px 42px;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:96px}.guide-teaser .eyebrow{margin:0 0 12px;color:#4e6348}.guide-teaser h2{font:800 clamp(25px,2.5vw,36px) var(--display);letter-spacing:-.05em;margin:0 0 12px}.guide-teaser p:last-child{color:#4a5b43;line-height:1.55;max-width:550px;margin:0}.guide-teaser>a,.guide-callout a{font:800 12px var(--display);letter-spacing:.03em;border-bottom:2px solid var(--ink);padding-bottom:7px;white-space:nowrap}.guide-teaser>a span,.guide-callout a span{font-size:18px;margin-left:16px}
.guide-page{max-width:1050px;padding-top:30px;padding-bottom:110px}.guide-page .breadcrumb{margin-bottom:70px}.guide-page>.eyebrow{color:#64715e}.guide-page h1{font-size:clamp(54px,6vw,82px)}.guide-lede{font-size:20px;line-height:1.6;color:#536056;max-width:690px;margin:28px 0 65px}.guide-steps{border-top:1px solid var(--line)}.guide-steps section{display:grid;grid-template-columns:100px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:38px 0}.guide-steps section>span{font:800 32px var(--display);color:#88a957}.guide-steps h2{font:800 25px var(--display);letter-spacing:-.04em;margin:0 0 13px}.guide-steps p{color:#566257;font-size:16px;line-height:1.75;max-width:760px;margin:0}.guide-steps p a{text-decoration:underline;text-decoration-color:#8da963;text-underline-offset:3px}.guide-callout{background:var(--deep);color:#fff;margin-top:58px;padding:45px}.guide-callout p{font:800 10px var(--display);letter-spacing:.2em;color:var(--green)}.guide-callout h2{font:800 clamp(27px,3.4vw,42px)/1.2 var(--display);letter-spacing:-.05em;max-width:700px;margin:20px 0 30px}.guide-callout a{border-color:var(--green)}
.site-footer{background:#1e2a21;color:#e8ede4;padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:70px;padding-bottom:60px}.footer-brand{background:var(--green);color:var(--ink);margin-bottom:23px}.footer-grid p{color:#b5c2b1;font-size:13px;line-height:1.65;max-width:330px;margin:0}.footer-grid h2{font:800 11px var(--display);letter-spacing:.15em;text-transform:uppercase;color:#eff3eb;margin:0 0 20px}.footer-grid a{display:block;color:#b5c2b1;font-size:13px;margin-bottom:12px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #405044;display:flex;justify-content:space-between;padding:20px 0;color:#9ead9a;font:700 10px var(--display);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1100px){.hero{gap:30px;min-height:540px}.hero h1{font-size:clamp(45px,5.6vw,68px)}.hero-products{min-height:370px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header nav{gap:17px}.site-header nav a{font-size:12px}}
@media(max-width:760px){.shell{width:min(100% - 32px,560px)}.nav-inner{display:block;padding:15px 0 9px;min-height:0}.wordmark{margin-bottom:14px}.brand-mark{height:39px;width:39px}.site-header nav{margin-inline:-16px;padding:0 16px 12px;gap:21px}.site-header nav a{font-size:12px}.hero{display:flex;flex-direction:column;gap:35px;padding-top:45px;padding-bottom:50px}.hero-copy .eyebrow{font-size:9px;margin-bottom:24px}.hero h1{font-size:clamp(46px,11vw,69px)}.hero-intro{margin:22px 0 25px;font-size:15px}.hero-visual{box-shadow:9px 9px 0 #e8ebdf}.hero-products{min-height:390px}.browse-band{padding:32px 0}.band-heading{display:block}.band-heading .eyebrow{display:block;margin-bottom:12px}.category-links{grid-template-columns:repeat(2,1fr)}.category-links a{min-height:63px}.category-links a:first-child{grid-column:1/-1}.directory{padding-top:55px;padding-bottom:65px}.directory-heading{align-items:end}.directory h2{font-size:30px}.toolbar{display:block}.search-wrap{margin-bottom:8px}.toolbar-selects{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toolbar-selects label:first-child:nth-last-child(3){grid-column:1/-1}.toolbar select{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}.product-info{padding:11px 0}.product-info h3{font-size:12px;min-height:50px}.product-topline{font-size:9px}.price{font-size:12px}.price span{display:block;margin:3px 0 0}.image-action{opacity:1;transform:none;font-size:8px;padding:7px}.category-hero{padding-bottom:46px}.breadcrumb{margin-bottom:44px}.category-hero-grid{display:block}.category-hero h1{font-size:clamp(42px,10vw,62px)}.category-count{display:none}.category-hero-grid>div:first-child>p:last-child{font-size:15px}.compact .category-links a{min-height:52px}.guide-teaser{display:block;margin-bottom:55px;padding:30px 25px}.guide-teaser>a{display:inline-block;margin-top:25px}.guide-page{padding-bottom:65px}.guide-page .breadcrumb{margin-bottom:55px}.guide-page h1{font-size:clamp(47px,10vw,65px)}.guide-lede{font-size:17px;margin-bottom:40px}.guide-steps section{grid-template-columns:44px 1fr;gap:10px;padding:28px 0}.guide-steps section>span{font-size:21px}.guide-steps h2{font-size:20px}.guide-steps p{font-size:14px}.guide-callout{padding:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.site-footer{padding-top:45px}}
@media(max-width:430px){.hero-products{min-height:310px}.hero-visual-header,.hero-visual-footer{font-size:8px}.product-grid{gap:23px 8px}.product-info h3{font-size:11px}.product-topline{letter-spacing:0}.category-links a{font-size:13px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}}
