:root{--ink:#f6f1e7;--muted:#adb7b0;--line:#ffffff1f;--paper:#0b0f0d;--white:#fff;--surface:#121816;--surface-2:#18211d;--surface-3:#1f2a25;--field:#0f1513;--fern:#9bd48f;--sage:#9bd48f24;--sage-deep:#87c982;--terra:#f0a760;--clay:#e6c3a2;--sky:#8fcbd4;--charcoal:#070a09;--focus:#91d7ff;--shadow:0 28px 90px #0000006b;--shadow-soft:0 18px 46px #00000042;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg, #9bd48f14, transparent 34%), linear-gradient(180deg, #0e1412 0, var(--paper) 520px), var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--fern)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}img{max-width:100%;height:auto}.site-shell{min-height:100vh}.topbar{color:var(--white);background:#070a09;border-bottom:1px solid #ffffff14;font-size:.82rem}.topbar-inner,.nav-inner,.section-inner,.footer-inner{width:min(1180px,100% - 32px);margin:0 auto}.topbar-inner{color:#ffffffd6;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.topbar a{text-underline-offset:3px;text-decoration:underline}.nav{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0f0dd1;position:sticky;top:0;box-shadow:0 18px 46px #0003}.nav-inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.brand{letter-spacing:0;gap:0;font-weight:900;display:grid}.brand span:first-child{font-size:1.42rem;line-height:1}.brand span:last-child{color:var(--fern);letter-spacing:.09em;text-transform:uppercase;margin-top:6px;font-size:.72rem;font-weight:900}.nav-links{color:var(--muted);align-items:center;gap:6px;font-size:.93rem;font-weight:800;display:flex}.nav-menu{align-items:center;display:flex}.menu-button{display:none}.nav-links>a:not(.button){border-radius:999px;padding:10px 13px;transition:background-color .16s,color .16s,box-shadow .16s}.nav-links>a:not(.button):hover{background:var(--sage);color:var(--fern)}.nav-links>a[aria-current=page]:not(.button){background:var(--sage);color:var(--fern);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fern) 28%, transparent)}.button,.button-secondary{border-radius:var(--radius);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;line-height:1;transition:border-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.button{isolation:isolate;background:linear-gradient(180deg, #b8e69e, var(--fern));color:#09100d;box-shadow:inset 0 -1px 0 #00000038, 0 14px 28px color-mix(in srgb, var(--fern) 18%, transparent);cursor:pointer;border:0;padding:0 19px;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;background:linear-gradient(180deg, #caf1b4, var(--sage-deep));opacity:0;transition:opacity .18s;position:absolute;inset:0}.button:hover{color:#07100c;box-shadow:inset 0 -1px 0 #00000042, 0 18px 34px color-mix(in srgb, var(--fern) 24%, transparent);transform:translateY(-1px)}.button:hover:before,.hero-actions .button-secondary:hover:before{opacity:1}.button-secondary{isolation:isolate;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--ink);padding:0 16px;position:relative;overflow:hidden}.button-secondary:before{content:"";z-index:-1;background:color-mix(in srgb, var(--surface-2) 86%, var(--fern) 14%);opacity:0;transition:opacity .18s;position:absolute;inset:0}.button-secondary:hover{border-color:var(--sage-deep);color:var(--fern);transform:translateY(-1px);box-shadow:0 14px 30px #00000038}.button-secondary:hover:before{opacity:1}.hero{isolation:isolate;align-items:center;min-height:min(760px,100vh - 36px);display:grid;position:relative;overflow:hidden}.hero-media{z-index:-2;position:absolute;inset:0}.hero-media picture,.hero-media img{width:100%;height:100%}.hero-media picture{display:block}.hero-media img{object-fit:cover}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg, #040706e6, #070c0a99 48%, #070c0a33), linear-gradient(0deg, var(--paper), #0b0f0d00 28%);position:absolute;inset:0}.hero-copy{width:min(1180px,100% - 32px);color:var(--white);margin:0 auto;padding:80px 0 126px}.eyebrow{color:var(--terra);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:900}.hero .eyebrow,.cta-band .eyebrow{color:var(--fern)}h1,h2,h3,p{overflow-wrap:break-word}h1{letter-spacing:0;width:min(760px,100%);margin:0;font-size:clamp(2.85rem,7vw,6.5rem);line-height:.94}.hero-copy p{color:#ffffffe6;width:min(590px,100%);margin:22px 0 0;font-size:clamp(1.04rem,2vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-actions .button-secondary{background:linear-gradient(180deg, #b8e69e, var(--fern));color:#09100d;min-width:168px;box-shadow:inset 0 -1px 0 #00000038, 0 14px 28px color-mix(in srgb, var(--fern) 18%, transparent);border-color:#0000}.hero-actions .button-secondary:before,.cta-band .button-secondary:before{background:linear-gradient(180deg, #caf1b4, var(--sage-deep))}.hero-actions .button-secondary:hover{border-color:var(--fern);color:#09100d;box-shadow:0 18px 42px color-mix(in srgb, var(--fern) 34%, transparent)}.store-hours-banner{border:1px solid color-mix(in srgb, var(--terra) 48%, #ffffff2e);border-radius:var(--radius);width:fit-content;max-width:min(900px,100%);color:var(--white);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#f0a7603d,#9bd48f24),#090d0bc7;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:26px;padding:14px 18px;display:flex;box-shadow:0 18px 42px #00000047}.store-hours-banner strong,.store-hours-banner span{line-height:1.2}.store-hours-banner strong{color:var(--clay);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.store-hours-banner span{color:#ffffffeb;font-size:.98rem;font-weight:850}.store-hours-banner span+span{border-left:1px solid #ffffff38;padding-left:18px}.quick-panel{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 94%, transparent);width:min(1180px,100% - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(4,1fr);margin:-70px auto 0;display:grid;position:relative;overflow:hidden}.quick-panel a,.quick-panel div{border-right:1px solid var(--line);min-height:124px;padding:24px}.quick-panel a{transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;position:relative}.quick-panel a:after{content:"";background:var(--fern);opacity:0;transform-origin:0;height:2px;transition:opacity .18s,transform .18s;position:absolute;inset:auto 24px 18px;transform:scaleX(.3)}.quick-panel a:hover{background:color-mix(in srgb, var(--surface-2) 84%, var(--fern) 16%);color:var(--ink);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fern) 22%, transparent);transform:translateY(-2px)}.quick-panel a:hover:after{opacity:1;transform:scaleX(1)}.quick-panel a:last-child,.quick-panel div:last-child{border-right:0}.quick-panel strong{color:var(--ink);margin-bottom:8px;font-size:1rem;display:block}.quick-panel span{color:var(--muted);font-size:.9rem}.section{padding:88px 0}.section.compact{padding:56px 0}.section.alt{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 74%, var(--paper)), var(--paper));border-block:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px;display:flex}.section-heading>:first-child{min-width:0}.section-heading>.button,.section-heading>.button-secondary{align-self:end}.section-heading h2,.page-header h1{margin:0;font-size:clamp(2.2rem,4vw,3.75rem);line-height:.98}.section-heading p,.page-header p{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:1.04rem}.category-grid,.product-grid,.supplier-grid,.service-grid{gap:18px;display:grid}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.catalog-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.supplier-grid{grid-template-columns:repeat(5,1fr)}.service-grid{grid-template-columns:repeat(3,1fr)}.catalog-section{padding-top:44px}.catalog-tools{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(156px,.8fr)) auto;align-items:end;gap:14px;margin:-84px 0 40px;padding:18px;display:grid}.catalog-tools label{gap:6px;display:grid}.catalog-tools label span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.catalog-tools input,.catalog-tools select{border:1px solid var(--line);background:var(--field);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:6px;padding:0 12px}.catalog-tools input:focus,.catalog-tools select:focus{border-color:var(--focus);outline:3px solid #1f6f8b29}.catalog-actions{gap:8px;display:flex}.catalog-heading{align-items:start;margin-bottom:28px}.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px}.empty-state h3{margin:0;font-size:1.35rem}.empty-state p{color:var(--muted);margin:8px 0 18px}.pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:14px;margin-top:38px;padding-top:24px;display:flex}.pagination span{color:var(--muted);font-weight:800}.pagination a[aria-disabled=true]{pointer-events:none;opacity:.45}.tile,.product-card,.supplier-card,.service-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, #fff 6%), var(--surface));overflow:hidden;box-shadow:0 1px #ffffff0a}.tile{flex-direction:column;min-height:210px;display:flex}.tile-media,.product-media{background:var(--sage);position:relative;overflow:hidden}.tile-media{aspect-ratio:4/3}.product-media{aspect-ratio:1}.product-card{flex-direction:column;min-height:100%;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.tile-media img,.product-media img{object-fit:contain;width:100%;height:100%;transition:transform .18s}.product-media{border-bottom:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 80%, #fff 8%), var(--surface-2));padding:0}.tile:hover img,.product-card:hover img{transform:scale(1.04)}.product-card:hover{border-color:color-mix(in srgb, var(--fern) 38%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.product-card:hover .card-link{gap:10px}.catalog-section .product-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #fff 4%), var(--surface))}.service-card{transition:border-color .16s,box-shadow .16s,transform .16s}a.service-card:hover{border-color:color-mix(in srgb, var(--fern) 38%, var(--line));box-shadow:var(--shadow-soft);color:var(--ink);transform:translateY(-2px)}.tile-body,.product-body,.supplier-card,.service-card{padding:20px}.product-body{flex-direction:column;flex:1;display:flex}.tile h3,.product-card h3,.supplier-card h3,.service-card h3{margin:0;font-size:1.02rem;line-height:1.2}.tile p,.product-card p,.supplier-card p,.service-card p{color:var(--muted);margin:8px 0 0;font-size:.95rem}.product-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.product-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.card-link{color:var(--fern);align-items:center;gap:6px;margin-top:16px;font-size:.88rem;font-weight:900;transition:gap .16s,color .16s;display:inline-flex}.card-link:after{content:">"}.pill,.filter-link{border:1px solid var(--line);min-height:32px;color:var(--muted);border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}a.filter-link:hover{border-color:color-mix(in srgb, var(--fern) 55%, var(--line));background:var(--sage);color:var(--fern);transform:translateY(-1px)}.pill.dark{border-color:color-mix(in srgb, var(--fern) 22%, transparent);background:var(--sage);color:var(--fern)}.filters{flex-wrap:wrap;gap:8px;margin:28px 0;display:flex}.filter-link[aria-current=page]{border-color:var(--fern);background:var(--sage);color:var(--fern)}.page-header{background:linear-gradient(100deg, #9bd48f1f, transparent 58%), linear-gradient(135deg, #f0a7601f, #8fcbd414 42%, #9bd48f26), var(--charcoal);color:var(--white);border-bottom:0;padding:72px 0 118px}.page-header-outdoor{padding:62px 0 84px}.page-header .eyebrow{color:var(--clay)}.page-header p,.page-header .breadcrumb{color:#ffffffc2}.page-header a:hover{color:var(--white)}.page-hero-grid{grid-template-columns:minmax(0,.96fr) minmax(360px,.74fr);align-items:center;gap:58px;display:grid}.page-header-media{border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow);border:1px solid #ffffff29;position:relative;overflow:hidden}.page-header-media picture,.page-header-media img{width:100%}.page-header-media picture{display:block}.page-header-media img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.media-note{border-radius:var(--radius);color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c0ac2;border:1px solid #ffffff47;gap:2px;padding:14px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.media-note span{color:#edf4ef;font-size:.9rem}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:.9rem;font-weight:700;display:flex}.product-detail{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:54px;display:grid}.detail-media{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 84%, #fff 12%), var(--surface-2));box-shadow:var(--shadow);position:sticky;top:96px;overflow:hidden}.detail-media img{aspect-ratio:1;object-fit:contain;width:100%;padding:28px;display:block}.detail-copy h1{color:var(--ink);margin:0;font-size:clamp(2.25rem,5vw,4.2rem);line-height:.98}.detail-copy .lead{color:var(--muted);margin-top:16px;font-size:1.1rem}.spec-list{border-block:1px solid var(--line);gap:0;margin:28px 0;display:grid}.spec-list div{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr;gap:18px;padding:14px 0;display:grid}.spec-list div:last-child{border-bottom:0}.spec-list dt{color:var(--muted);font-weight:800}.spec-list dd{margin:0}.cta-band{color:var(--white);background:linear-gradient(100deg,#f0a76024,#0000 58%),linear-gradient(135deg,#111b16,#1e3527);padding:74px 0}.action-row{margin-top:28px}.cta-band .section-inner{justify-content:space-between;align-items:center;gap:28px;display:flex}.cta-band h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.cta-band p{color:#edf4ef;max-width:620px;margin:12px 0 0}.cta-band .button-secondary{color:#fff;background:#ffffff14;border-color:#fff3}.cta-band .button-secondary:hover{border-color:var(--fern);color:#09100d}.footer{color:var(--white);background:#070a09;border-top:1px solid #ffffff14;padding:46px 0}.footer-inner{grid-template-columns:1fr auto;gap:24px;display:grid}.footer a{text-underline-offset:3px;text-decoration:underline;transition:color .16s,text-decoration-color .16s}.footer a:hover,.topbar a:hover{color:var(--fern);-webkit-text-decoration-color:var(--fern);text-decoration-color:var(--fern)}.footer-links{flex-wrap:wrap;justify-content:end;gap:16px;display:flex}@media (max-width:900px){.topbar-inner,.nav-inner,.section-heading,.cta-band .section-inner,.footer-inner{flex-direction:column;align-items:start}.nav-inner{flex-direction:row;align-items:center;min-height:auto;padding:16px 0;position:relative}.nav-menu{margin-left:auto}.menu-button{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 88%, transparent);cursor:pointer;justify-content:center;align-items:center;width:48px;height:44px;display:inline-flex;position:relative;box-shadow:0 12px 28px #0000002e}.menu-button span{background:var(--ink);border-radius:999px;width:20px;height:2px;transition:transform .18s,opacity .18s,background-color .18s;position:absolute}.menu-button span:first-child{transform:translateY(-7px)}.menu-button span:nth-child(3){transform:translateY(7px)}.nav-menu[data-open=true] .menu-button{border-color:color-mix(in srgb, var(--fern) 42%, var(--line))}.nav-menu[data-open=true] .menu-button span:first-child{transform:rotate(45deg)}.nav-menu[data-open=true] .menu-button span:nth-child(2){opacity:0}.nav-menu[data-open=true] .menu-button span:nth-child(3){transform:rotate(-45deg)}.nav-links{z-index:30;border:1px solid var(--line);border-radius:var(--radius);width:min(260px,100vw - 32px);box-shadow:var(--shadow);opacity:0;pointer-events:none;visibility:hidden;background:#0c120ffa;gap:8px;padding:10px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)}.nav-menu[data-open=true] .nav-links{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.nav-links>a:not(.button),.nav-links>.button{justify-content:flex-start;width:100%;min-height:46px;padding-inline:14px}.nav-links>.button{justify-content:center}.quick-panel,.category-grid,.product-grid,.catalog-section .product-grid,.supplier-grid,.service-grid,.catalog-tools,.page-hero-grid,.product-detail,.footer-inner{grid-template-columns:1fr}.catalog-actions{width:100%}.catalog-actions .button,.catalog-actions .button-secondary{flex:1}.page-hero-grid{gap:28px}.page-header-media{order:-1}.quick-panel a,.quick-panel div{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.quick-panel a:last-child,.quick-panel div:last-child{border-bottom:0}.detail-media{position:static}.detail-copy{order:-1}.footer-links{justify-content:start}}@media (max-width:560px){.topbar-inner,.nav-inner,.section-inner,.footer-inner,.hero-copy,.quick-panel{width:min(100% - 24px,1180px)}.topbar-inner{gap:4px}.hero{background:linear-gradient(135deg, #c4a28c47, #31584400 48%), var(--charcoal);min-height:590px}.hero-copy{padding:52px 0 190px}.hero-media{display:none}.hero:after{background:linear-gradient(180deg, #20282a14, #20282a47), linear-gradient(0deg, var(--paper), #0b0f0d00 78%)}.page-header{padding:46px 0 86px}.page-header-outdoor{padding:34px 0 58px}.page-header-outdoor .page-hero-grid{align-content:center;min-height:460px}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0f0df5}.page-header-media{display:none}.hero-actions{flex-direction:column}.pagination{flex-direction:column;align-items:stretch}.button,.button-secondary,.nav-links>.button,.nav-links>.button-secondary{width:100%}.section{padding:62px 0}.catalog-section{padding-top:0}.catalog-tools{margin:-48px 0 32px;padding:16px}.product-media{padding:0}.section-heading h2{font-size:2.18rem;line-height:1.02}#outdoor-products{font-size:1.82rem}#outdoor-products+p{display:none}.spec-list div{grid-template-columns:1fr;gap:3px}}
