@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101411;--panel:#1c221c;--lime:#c3f451;--text:#f1f4ed;--muted:#b0b9ac;--border:#343b31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 64px;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-1px;font-size:21px}.light{font-weight:400}.brand-dot{color:var(--lime)}.mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--lime);color:var(--bg);font-size:23px;font-weight:700;letter-spacing:-7px;padding-right:6px;transform:skew(-6deg)}.mark span{font-size:19px}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #637157;padding:9px 18px;border-radius:4px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding-top:75px;padding-bottom:76px;align-items:center}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:1.8px;color:var(--lime);display:flex;align-items:center;gap:12px;margin:0 0 28px}.line{width:26px;height:2px;background:var(--lime)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500;line-height:1.08;letter-spacing:-2px;margin:0}h1{font-size:clamp(3.2rem,5.4vw,5.2rem);letter-spacing:-4px}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:18px;color:var(--muted);line-height:1.7;margin:26px 0 30px}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--bg)}.outline{border:1px solid var(--border);background:transparent}.play{font-size:11px;color:var(--lime)}.hero-note{margin:34px 0 0;font-size:12px;letter-spacing:1px;color:var(--muted)}.hero-note span{padding:0 14px;color:#59654f}.hero-visual{background:#252d23;border:1px solid #424c3b;min-height:455px;border-radius:4px;position:relative;overflow:hidden}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;padding:20px 24px;color:#c6d0bd}.visual-top{border-bottom:1px solid #3c4636}.visual-bottom{border-top:1px solid #3c4636}.product-stage{height:338px;position:relative;background:radial-gradient(ellipse at 55% 40%,#5e7044,transparent 68%)}.product-stage img{width:100%;height:86%;object-fit:contain;display:block;filter:drop-shadow(0 24px 16px #0006);padding:5px 14px}.image-label{position:absolute;bottom:18px;left:24px;display:flex;flex-direction:column}.image-label span{font-size:12px;color:var(--lime)}.image-label strong{font-family:'Space Grotesk';font-size:25px;font-weight:500;line-height:1.3}.image-label small{font-size:12px;color:#c3caba}.cross{color:var(--lime);font-size:22px;line-height:1}.ticker{overflow:hidden;background:var(--lime);color:var(--bg);padding:16px 0;font-family:'Space Grotesk';font-size:15px;letter-spacing:1.3px;font-weight:700;white-space:nowrap}.ticker div{display:flex;justify-content:space-around;min-width:1100px;gap:25px}.ticker span{font-size:23px;line-height:1}.section{padding-top:88px;padding-bottom:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading .eyebrow,.about .eyebrow{margin-bottom:20px}h2{font-size:clamp(2.4rem,3.8vw,3.4rem)}.section-heading>p{color:var(--muted);font-size:15px;margin:0;max-width:390px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--border);border-radius:30px;background:transparent;color:var(--muted);font-size:14px;padding:8px 18px}.filters button.active{color:var(--bg);background:var(--lime);border-color:var(--lime)}.gear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gear-card{background:var(--panel);border:1px solid var(--border);padding:22px;border-radius:5px;transition:border-color .2s}.gear-card:hover{border-color:#748256}.gear-card[hidden]{display:none}.card-top{font-family:'Space Grotesk';font-size:10px;color:var(--muted);letter-spacing:1px;display:flex;justify-content:space-between}.gear-word{font-family:'Space Grotesk';font-size:31px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:5px;min-height:112px;padding-top:26px;color:#d6dfce}.gear-word span{font-size:55px;color:var(--lime)}.gear-card h3{font-size:18px;letter-spacing:-.4px}.gear-card p{font-size:14px;color:var(--muted);line-height:1.65;min-height:93px}.text-button{border:0;border-top:1px solid var(--border);padding:17px 0 0;width:100%;background:none;color:var(--text);font-size:14px;display:flex;justify-content:space-between;align-items:center}.text-button span{font-size:23px;color:var(--lime)}.small-note{font-size:12px;color:var(--muted);margin-top:22px}.notes-section{background:#e9ede3;color:#151c14}.notes-section .eyebrow{color:#50602c}.notes-section .section-heading>p{color:#55604d}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.notes-grid article{border-top:1px solid #a9b59d;padding-top:23px}.note-num{font-size:11px;letter-spacing:1px;color:#53633d;font-family:'Space Grotesk'}.notes-grid h3{font-size:25px;letter-spacing:-.8px;margin:22px 0 15px}.notes-grid p{font-size:15px;color:#4a5744;line-height:1.75}.notes-grid summary{cursor:pointer;font-weight:700;list-style:none;font-size:14px;display:flex;justify-content:space-between;border-top:1px solid #bfc9b5;margin-top:25px;padding-top:17px}.notes-grid summary::-webkit-details-marker{display:none}.notes-grid ul,.notes-grid ol{padding-left:20px;font-size:14px;color:#394831}.notes-grid li{margin-bottom:9px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-title{position:relative}.big-at{font-family:'Space Grotesk';display:block;font-size:120px;line-height:1;color:#313c27;margin-top:22px}.about-copy{padding-top:25px}.about-copy h3{font-size:27px;letter-spacing:-.8px}.about-copy p{color:var(--muted);font-size:16px}.text-link{font-size:14px;color:var(--lime);border-bottom:1px solid #6e863e;padding-bottom:5px;display:inline-block;margin-top:12px}.collab{max-width:1192px;background:var(--lime);color:var(--bg);border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:54px 48px;margin-bottom:68px}.collab .eyebrow{color:#43531e;margin-bottom:21px}.collab h2{font-size:42px}.collab p:not(.eyebrow){font-size:15px;color:#3e4b29;margin-bottom:0}.dark{background:var(--bg);color:var(--text);flex-shrink:0}footer{display:grid;grid-template-columns:1.5fr 1.4fr 1.5fr 1fr;gap:20px;align-items:center;padding-bottom:30px;font-size:12px;color:var(--muted)}.footer-brand{font-family:'Space Grotesk';font-weight:700;color:var(--text);font-size:16px;letter-spacing:-.5px}footer small{font-size:12px;text-align:right}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--lime);color:var(--bg);z-index:99}.skip:focus{top:15px}dialog{background:var(--panel);color:var(--text);border:1px solid #687356;border-radius:12px;padding:44px;max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#071006ce;backdrop-filter:blur(6px)}dialog h2{font-size:35px;letter-spacing:-1px}dialog h3{font-size:19px;letter-spacing:-.5px;margin-top:27px}dialog p,dialog li{color:var(--muted);font-size:15px}dialog li{margin-bottom:12px}dialog ul{padding-left:20px}.dialog-note{font-size:12px!important;border-top:1px solid var(--border);padding-top:18px}.dialog-close{position:absolute;right:15px;top:12px;font-size:28px;background:none;border:0;color:var(--text);padding:5px 10px}dialog .eyebrow{margin-top:6px}dialog .button{margin-top:8px}
@media(min-width:1500px){h1{font-size:82px}}@media(max-width:1100px){.wrap{padding-left:35px;padding-right:35px}.header{padding:0 35px}.hero{gap:30px}h1{font-size:60px}.gear-grid{grid-template-columns:repeat(2,1fr)}.gear-card p{min-height:48px}.collab{margin-left:35px;margin-right:35px}.hero-visual{min-height:420px}.product-stage{height:310px}.about{gap:45px}footer{grid-template-columns:1fr 1fr}footer small{text-align:left}}@media(max-width:760px){.header{height:auto;min-height:86px;padding:23px 24px;flex-wrap:wrap;gap:22px}.logo{font-size:19px}nav{gap:20px;flex-wrap:wrap;font-size:13px}.nav-cta{padding:0;border:0}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:46px;gap:38px}h1{font-size:clamp(3rem,10.5vw,4.5rem);letter-spacing:-2.5px}.eyebrow{font-size:10px}.lead{font-size:16px}.hero-note{font-size:10px}.hero-visual{min-height:380px}.product-stage{height:278px}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block}.section-heading>p{margin-top:22px}.gear-grid{gap:12px}.gear-card{padding:17px}.gear-word{font-size:25px;letter-spacing:-1.5px;min-height:99px}.gear-word span{font-size:42px}.card-top{font-size:9px}.gear-card h3{font-size:16px}.gear-card p{min-height:113px;font-size:14px}.text-button{font-size:13px}.notes-grid{grid-template-columns:1fr;gap:30px}.notes-grid p{font-size:16px}.about{grid-template-columns:1fr;gap:12px}.big-at{display:none}.about-copy{padding-top:18px}.collab{display:block;margin:0 24px 45px;padding:34px 25px}.collab h2{font-size:34px}.collab .button{margin-top:25px}footer{grid-template-columns:1fr;gap:8px}footer p{margin:0}footer small{margin-top:12px}dialog{padding:34px 25px}dialog h2{font-size:30px}}@media(max-width:380px){.gear-grid{grid-template-columns:1fr}.gear-card p{min-height:0}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.social-section{padding-bottom:70px}.social-section .eyebrow{margin-bottom:18px}.social-section h2{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-1px}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.social-links a{font-size:15px;padding:12px 22px;border:1px solid var(--border);border-radius:4px;background:var(--panel)}.social-links a:hover{border-color:var(--lime);color:var(--lime)}@media(max-width:760px){.social-section{padding-bottom:48px}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-links a{text-align:center;padding:12px 10px}}

.hero-socials{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px}.hero-socials a{font-size:14px;color:var(--muted);border-bottom:1px solid #57634c;padding-bottom:3px}.hero-socials a:hover{color:var(--lime);border-color:var(--lime)}

.hero-socials,.social-links{display:flex;flex-wrap:wrap;gap:12px}.hero-socials .social-icon,.social-links .social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);flex-shrink:0}.social-icon svg{display:block;width:24px;height:24px}.hero-socials .social-icon:hover,.social-links .social-icon:hover{color:var(--lime);border-color:var(--lime)}@media(max-width:760px){.hero-socials,.social-links{gap:9px}.hero-socials .social-icon,.social-links .social-icon{width:44px;height:44px;padding:10px}}

.gear-photo{height:180px;margin:18px -8px 22px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#47573588,transparent 70%)}.gear-photo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #0005)}@media(max-width:760px){.gear-photo{height:145px;margin:16px -8px 20px}}@media(max-width:380px){.gear-photo{height:200px}}

.gear-photo{overflow:hidden}.gear-photo img[src*="mango"]{transform:translateY(-12%) scale(1.25)}

#dialog-product[hidden]{display:none}#dialog-product{margin-right:10px}





.gear-photo img[src*="brume-2-aluminum-cutout"]{padding:14px}

.gear-photo img[src*="tcl-linkport"]{object-fit:cover}

.gear-photo img[src*="unifi-travel-router"]{transform:scale(1.6);transform-origin:50% 53%}.gear-photo img[src*="tcl-linkport"]{width:72%;object-fit:cover}

.gear-photo img[src*="orbitkey-"]{padding:10px}

.gear-photo img[src*="thule-"]{padding:10px}

.gear-photo img[src*="espresso-"]{padding:8px}
.gear-photo img[src*="tumi-"]{padding:8px}
.gear-photo img[src="gear/espresso-charge.webp"]{object-fit:cover;padding:0}

.gear-photo img[src*="nomad-"]{padding:10px}

.gear-photo img[src*="twelve-"]{padding:10px}

.current-rotation{min-height:0}
.current-rotation .visual-top{font-size:14px;letter-spacing:1px;gap:16px}
.current-rotation .visual-top span:last-child{white-space:nowrap;color:var(--lime)}
.current-rotation .product-stage{height:auto;padding:8px 24px 22px}
.rotation-picture{height:248px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.current-rotation .product-stage img{width:100%;height:100%;padding:8px 14px;object-fit:contain}
.current-rotation .image-label{position:static;min-height:132px;gap:7px;justify-content:center}
.current-rotation .image-label span{font-size:12px;letter-spacing:1px}
.current-rotation .image-label strong{font-size:25px;line-height:1.25}
.current-rotation .image-label small{font-size:14px;line-height:1.5}
.current-rotation .visual-bottom{gap:16px;flex-wrap:wrap;padding:16px 24px;letter-spacing:0}
.rotation-explore{display:flex;align-items:center;gap:12px;padding:8px 0;border:0;background:none;color:var(--text);font-size:14px;min-height:44px}
.rotation-explore span{font-size:24px;color:var(--lime)}
.rotation-controls{display:flex;gap:8px}
.rotation-controls button{min-height:44px;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:5px;font-size:14px;color:var(--text)}
.rotation-controls button:hover{border-color:var(--lime);color:var(--lime)}
@media(max-width:760px){.current-rotation .visual-top{font-size:12px;padding:18px 20px}.current-rotation .product-stage{padding:4px 20px 18px}.rotation-picture{height:230px}.current-rotation .image-label{min-height:137px}.current-rotation .image-label strong{font-size:24px}.current-rotation .visual-bottom{padding:12px 20px;gap:8px}.rotation-controls button{padding:8px 10px}}

.kit-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 24px 0}
.kit-picker button{padding:11px 8px;font-size:14px;min-height:44px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--text)}
.kit-picker button.active{background:var(--lime);color:var(--bg);border-color:var(--lime)}
.kit-heading{padding:20px 24px 0}.kit-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0}.kit-heading p{font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.kit-products{display:flex;gap:10px;overflow-x:auto;padding:14px 24px 20px;scroll-snap-type:x proximity;border-top:1px solid var(--border)}
.kit-products button{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:start;padding:8px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--text);text-align:center}
.kit-products button.active{border-color:var(--lime)}.kit-products button img{height:72px;width:90px;object-fit:contain}.kit-products button span{font-size:12px;line-height:1.4}
@media(max-width:760px){.kit-picker{padding:16px 20px 0}.kit-heading{padding:18px 20px 0}.kit-products{padding:14px 20px 18px}.current-rotation .rotation-picture{height:205px}}

.carry-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 24px}.carry-gallery[hidden]{display:none}.carry-gallery figure{margin:0;min-width:0}.carry-gallery a{display:block;border:1px solid var(--border);border-radius:6px;overflow:hidden}.carry-gallery a:hover{border-color:var(--lime)}.carry-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.carry-gallery figcaption{font-size:14px;line-height:1.4;margin-top:8px;color:var(--muted)}@media(max-width:760px){.carry-gallery{padding:18px 20px;gap:10px}}

.everyday-view .product-stage,.everyday-view .kit-products,.everyday-view .visual-bottom{display:none}
.carry-summary{min-width:0}.carry-summary h3{font-size:20px;line-height:1.3;margin:0 0 14px}.carry-photos{display:grid;gap:12px}.carry-inventory{margin-top:16px;border:1px solid var(--border);border-radius:6px;background:var(--dark,#101710)}.carry-inventory summary{cursor:pointer;padding:14px;font-size:15px;line-height:1.4;color:var(--text,#f0f3e9)}.carry-inventory summary span{display:block;color:var(--lime);font-size:12px;margin:4px 0 0 18px}.everyday-items{list-style:none;margin:0;padding:0 14px 14px}.everyday-items li+li{border-top:1px solid var(--border)}.everyday-items button{background:none;border:0;text-align:left;color:inherit;font:inherit;font-size:14px;line-height:1.5;padding:12px 0;width:100%;cursor:pointer}.everyday-items button:hover{color:var(--lime)}.everyday-items button:focus-visible,.carry-inventory summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:500px){.carry-gallery{grid-template-columns:1fr}.carry-summary+.carry-summary{margin-top:14px}}

.everyday-content[hidden]{display:none}.everyday-gear{padding:0 24px 24px}.everyday-gear h3{font-size:22px;margin:8px 0 18px}.everyday-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}.everyday-items li,.everyday-items li+li{border:1px solid var(--border);border-radius:6px;overflow:hidden}.everyday-items button{display:flex;flex-direction:column;align-items:center;height:100%;padding:16px 12px;text-align:center;background:#1b231b;color:#eef2e8}.everyday-items button img{width:100%;height:120px;object-fit:contain;margin-bottom:12px}.everyday-items button span{font-size:14px;line-height:1.5}.everyday-items li:hover{border-color:var(--lime)}@media(max-width:760px){.everyday-gear{padding:0 20px 20px}}@media(max-width:500px){.everyday-content .carry-gallery{grid-template-columns:1fr 1fr}.everyday-items button img{height:100px}}
