@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
@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{--ink:#19201c;--green:#c9ef73;--paper:#f7f7f2;--muted:#6a7168}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #729c2d;outline-offset:4px}.announcement{background:var(--ink);color:#fff;font-size:10px;letter-spacing:1.5px;padding:11px 5%;display:flex;gap:25px}.announcement span:last-child{margin-left:auto}.announcement span{color:#c7ccc5}header{padding:27px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ddd3;background:var(--paper)}.brand{font:800 27px 'Manrope',sans-serif;letter-spacing:-1.4px;display:flex;align-items:center;gap:12px}.brand span{font:600 9px 'DM Sans';letter-spacing:1.5px;max-width:65px;line-height:1.5;border-left:1px solid #a5ada1;padding-left:12px}nav{display:flex;gap:35px;font-size:13px}.bag{border:1px solid #c8cfc1;border-radius:30px;padding:11px 17px;background:transparent;font-size:13px}.bag span{margin:0 12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.hero-copy{padding:70px 8% 25px 10%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.hero h1{font:600 clamp(40px,4.9vw,78px)/1.08 'Manrope',sans-serif;letter-spacing:-4px;margin:30px 0 24px}.hero h1 em{font-style:normal;color:#68735e}.hero p{font-size:15px;line-height:1.8;max-width:420px;color:#66705f;margin:0 0 30px}.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:#fff;padding:17px 24px;border-radius:5px;font-size:13px;border:0}.cta:hover{background:#34442e}.hero-bottom{width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:45px;font-size:8px;letter-spacing:1px;color:#68735e}.hero-art{background:#dce4d2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before{content:'';position:absolute;width:400px;height:400px;border:1px solid #bdc9ae;border-radius:50%}.hero-art:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #c9d3bd;border-radius:50%;pointer-events:none}.hero-art img{width:72%;height:400px;object-fit:contain;mix-blend-mode:multiply;z-index:1}.orbit-label{position:absolute;top:35px;left:35px;font-size:9px;letter-spacing:2px}.image-caption{position:absolute;bottom:25px;left:35px;right:35px;z-index:2;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px}.image-caption span{color:#69745e;font-size:10px;grid-row:2}.image-caption a{grid-column:2;grid-row:1/3;align-self:center;font-size:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 5%;border-block:1px solid #d9dfd1;gap:30px}.benefits>div{display:flex;align-items:center;gap:20px}.benefits b{font-size:12px;color:#8c9785}.benefits span{font-size:13px}.benefits small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.shop{padding:70px 5%}.section-heading{position:relative}.section-heading h2,.about h2{font:600 clamp(28px,3vw,42px) 'Manrope';letter-spacing:-1.8px;margin:16px 0 30px}.section-heading>span{position:absolute;right:0;bottom:8px;color:var(--muted);font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:30px 0}.toolbar button{border:1px solid #d9dfd1;background:none;border-radius:30px;font-size:11px;padding:10px 15px}.toolbar button.active{background:var(--ink);color:white;border-color:var(--ink)}.tools{display:flex;gap:8px}.tools input,.tools select{background:none;border:0;border-bottom:1px solid #cbd3c3;font-size:11px;padding:8px;max-width:140px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px}.card{min-width:0}.product-image{background:#eeefe8;border-radius:6px;position:relative;width:100%;border:0;display:block;padding:25px;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-image:hover img{transform:scale(1.05)}.category-label{position:absolute;top:16px;left:16px;font-size:8px;letter-spacing:1.3px;color:#6a7562;text-transform:uppercase}.add-button{position:absolute;bottom:12px;right:12px;background:white;border:0;border-radius:50%;height:34px;width:34px;font-size:21px;box-shadow:0 2px 8px #0001}.product-top{display:flex;justify-content:space-between;font-size:11px;margin-top:16px;align-items:center}.product-top strong{font-size:11px;letter-spacing:.5px}.product-top span{color:#547341;font-size:9px}.card h3{font-size:14px;font-weight:500;margin:7px 0}.variant{color:var(--muted);font-size:11px;line-height:1.5;min-height:32px;margin:0}.price{font-weight:600;font-size:16px;margin:12px 0}.price small{font-size:9px;font-weight:400;color:var(--muted)}.stock-note{font-size:11px;color:var(--muted);margin-top:30px}.about{background:var(--green);display:grid;grid-template-columns:1fr 1fr;padding:65px 8%;gap:70px}.about h2{font-size:52px;margin-bottom:0}.about p{font-size:14px;line-height:1.8}.location-tags{display:flex;gap:15px;margin-top:30px}.location-tags span{border:1px solid #93b34d;padding:9px 15px;border-radius:20px;font-size:11px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer small{font-size:11px;color:var(--muted);line-height:1.7}dialog{border:0;border-radius:12px;padding:40px;max-width:780px;width:90%;box-shadow:0 20px 100px #0004;color:var(--ink)}dialog::backdrop{background:#12201880;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:27px}#product-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}#product-content img{width:100%;height:300px;object-fit:contain}#product-content h2{font:600 30px 'Manrope';letter-spacing:-1px}#product-content p{line-height:1.7;font-size:13px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.cart-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #e1e6dc}.cart-row img{width:55px;height:55px;object-fit:contain}.cart-row>div{flex:1}.cart-row strong{font-size:13px}.cart-row p{font-size:11px;color:var(--muted)}.cart-row input{width:65px;padding:7px;border:1px solid #c9d1c2;border-radius:4px}.remove{border:0;background:none;font-size:19px}.cart-total{display:flex;justify-content:space-between;font-size:21px;margin:25px 0}#cart-dialog .cta{width:100%}.text-button{border:0;background:none;font-size:12px;padding:18px 0;text-decoration:underline}#checkout-note{background:#edf2e5;padding:15px;font-size:13px;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:14px 24px;font-size:13px;z-index:10;display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.empty{padding:40px;color:var(--muted);grid-column:1/-1}
@media(max-width:1050px){.toolbar{flex-direction:column}.grid{grid-template-columns:repeat(3,1fr)}.hero h1{letter-spacing:-2px}.hero-bottom span:last-child{display:none}}@media(max-width:700px){header{padding:20px 5%}nav{display:none}.announcement{font-size:8px;gap:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 25px}.hero h1{font-size:48px}.hero-art{min-height:360px}.hero-art img{height:300px}.hero-art:after{width:350px;height:350px}.hero-art:before{width:280px;height:280px}.benefits{grid-template-columns:1fr;gap:20px;padding:25px 6%}.shop{padding:45px 5%}.grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}.product-image{padding:20px}.category-label{font-size:7px;top:10px;left:10px}.toolbar button{font-size:10px;padding:9px 11px}.tools{flex-wrap:wrap}.tools input{max-width:100%;flex:1}.tools select{max-width:125px}.section-heading>span{position:static}.section-heading h2{margin-bottom:12px}.card h3{font-size:12px}.product-top{flex-wrap:wrap;gap:5px}.variant{font-size:10px}.about{grid-template-columns:1fr;gap:15px;padding:40px 6%}.about h2{font-size:40px}footer{flex-direction:column;align-items:flex-start;gap:10px}#product-content{grid-template-columns:1fr}#product-content img{height:200px}dialog{padding:30px 20px}.cart-row{gap:8px}.cart-row img{width:40px}.cart-row input{width:50px}}

#product-dialog{max-height:90vh;overflow:auto;max-width:940px}#product-content h3{font-size:13px;margin:25px 0 12px}.detail-image{align-self:start;position:sticky;top:0}.detail-image img{background:#eeefe8;border-radius:8px}.features{padding-left:18px;font-size:13px;line-height:1.9}.spec-list{font-size:12px;margin:0}.spec-list>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:10px 0;border-bottom:1px solid #dce1d5}.spec-list dt{color:#687260}.spec-list dd{margin:0}.variant-notice{background:#edf1e4;border-radius:5px;padding:12px}.source-link{text-decoration:underline}.details-link{padding:0;border:0;background:none;font-size:11px;text-decoration:underline;text-underline-offset:3px}.detail-image .muted{font-size:11px}@media(max-width:700px){.detail-image{position:static}.spec-list>div{gap:10px}#product-dialog{max-height:92vh}}

/* Adventure Supply Co identity */

:root{--ink:#252e19;--green:#e3e7d4;--paper:#faf9f5;--muted:#68705c;--orange:#f36c21}
header{background:#fff;padding-top:14px;padding-bottom:14px;gap:20px}.brand{gap:12px;letter-spacing:1px;flex-shrink:0}.brand .brand-icon{position:relative;display:block;overflow:hidden;width:71px;height:62px;max-width:none;border:0;padding:0;flex-shrink:0}.brand-icon img{position:absolute;width:111px;height:111px;max-width:none;left:-20px;top:-27px}.brand .brand-name{font:800 23px/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;border:0;padding:0;max-width:none;letter-spacing:1px}.brand-name small{display:block;font:700 11px/1.6 'DM Sans',sans-serif;letter-spacing:5px;margin-top:7px}.announcement{background:#252e19}.hero-copy{background:#faf9f5}.hero h1{font-weight:700}.hero h1 em{color:#ed6b24}.hero-art{background-color:#e7e9dd;background-image:url('assets/contours.svg');background-size:cover}.hero-art:before,.hero-art:after{display:none}.hero-art img{mix-blend-mode:multiply;filter:drop-shadow(0 22px 15px #252e1920)}.orbit-label{color:#4f5c3b;font-weight:700}.image-caption strong{letter-spacing:1px}.eyebrow{color:#657245}.cta{background:#f36c21;color:#1d2415;font-weight:700}.cta:hover{background:#df5917;color:#fff}.hero-bottom{color:#66714e}.benefits{background:#fff}.benefits b{color:#ed6b24}.product-image{background:#eef0e7}.toolbar button.active{background:#252e19}.product-top span{color:#536c34}.add-button{background:#f36c21;color:#252e19}.add-button:hover{background:#252e19;color:#fff}.details-link:hover,.source-link:hover{color:#d95317}.about{background:#252e19 url('assets/contours.svg') center/cover;color:#f5f5e9}.about .eyebrow{color:#f68a4a}.about p{color:#d4dbc7}.location-tags span{border-color:#7e8c5b;color:#f6f5e9}.about h2{color:#fff}footer{background:#fff}.bag:hover{border-color:#f36c21}.bag #count{color:#d95414;font-weight:700}.variant-notice{background:#edf0e4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ee6a21}
@media(max-width:700px){.brand .brand-icon{width:50px;height:48px}.brand-icon img{width:86px;height:86px;left:-17px;top:-20px}.brand .brand-name{font-size:19px}.brand-name small{font-size:9px;letter-spacing:3.8px}.brand{gap:8px}header{padding:12px 5%;gap:10px}.hero h1{font-size:54px}.hero-copy{padding-top:35px}.announcement{font-size:7px}.bag{padding:10px 12px}.bag span{margin:0 7px}footer .brand .brand-icon{width:71px;height:62px}footer .brand-icon img{width:111px;height:111px;left:-20px;top:-27px}}

.hero-product{position:relative;width:100%;height:450px;padding:20px 45px 45px;border:0;background:transparent;z-index:1;display:flex;align-items:center;justify-content:center}.hero-product #hero-image{width:88%;height:360px;object-fit:contain;max-width:500px}.hero-controls{position:absolute;right:25px;top:26px;z-index:3;display:flex;align-items:center;gap:8px}.hero-controls button{border:1px solid #9fa88d;background:#faf9f5dd;border-radius:20px;min-width:30px;height:30px;padding:0 9px;font-size:11px}.hero-controls button:hover{background:#f36c21;border-color:#f36c21}.hero-controls span{font-size:10px;font-variant-numeric:tabular-nums;color:#49543c;min-width:35px;text-align:center}.hero-art .orbit-label{max-width:40%;top:36px}.image-caption #hero-name{max-width:100%;font-size:12px}.hero-art .image-caption{pointer-events:none}.hero-art .image-caption a{pointer-events:auto}@media(max-width:1050px){.hero-art .orbit-label{top:22px;left:20px;font-size:8px;max-width:40%}.hero-controls{top:49px;right:20px}}@media(max-width:700px){.hero-product{height:360px;padding:45px 25px}.hero-product #hero-image{height:250px;width:85%}.hero-controls{top:14px;right:16px}.hero-art .orbit-label{top:25px;left:16px;max-width:40%}.image-caption #hero-name{font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-product img{animation:none;transition:none}}
