:root{--ink:#17241d;--forest:#183d2d;--cream:#f4f0e6;--paper:#fffdf8;--coral:#e86649;--sage:#b9c7b7;--line:rgba(23,36,29,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.brand{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--coral);color:#fff;letter-spacing:0}.nav-cta{font-size:14px;font-weight:700;border-bottom:1px solid;padding:8px 0}.nav-cta span{color:var(--coral);margin-left:8px}.hero{min-height:calc(100vh - 76px);position:relative;overflow:hidden;color:#fff}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,17,.83) 0%,rgba(9,24,17,.52) 34%,rgba(9,24,17,.04) 65%)}.hero-copy{position:relative;z-index:2;padding:clamp(70px,11vh,120px) 5vw;max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font:700 12px Manrope,sans-serif;margin:0 0 22px}.eyebrow.light{color:#dce8df}.hero h1{font:800 clamp(52px,7vw,106px)/.91 Manrope,sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:#f18a6d}.hero-lede{font-size:clamp(17px,1.5vw,22px);line-height:1.55;max-width:550px;margin:30px 0;color:#eef3ef}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 26px;border-radius:3px;font-weight:700;font-size:15px;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:#fff;color:var(--forest)}.button.coral{background:var(--coral);color:#fff;width:100%}.case-note{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.hero-stamp{position:absolute;z-index:2;right:4vw;bottom:4vw;width:112px;height:112px;border-radius:50%;background:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg)}.hero-stamp strong{font:800 22px Manrope}.hero-stamp span{font-size:12px;letter-spacing:.2em}.section-pad{padding:clamp(70px,10vw,140px) 6vw}.problem{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;background:var(--cream)}h2{font:800 clamp(40px,5.4vw,78px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.problem h2 span{color:var(--coral)}.intro{font-size:20px;line-height:1.65;margin:0;max-width:560px}.scenes{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff}.scene{min-width:0}.scene-image{height:42vw;max-height:610px;background-image:url('assets/adventure-scenes.png');background-size:300% 100%;background-repeat:no-repeat}.beach .scene-image{background-position:left center}.trails .scene-image{background-position:center}.rain .scene-image{background-position:right center}.scene-copy{padding:30px 2.4vw 42px}.scene-copy>span,.benefits article>span{color:var(--coral);font:700 11px Manrope;letter-spacing:.2em}.scene h3,.benefits h3{font:700 24px Manrope;margin:12px 0 9px}.scene p,.benefits p{color:#cbd5cf;line-height:1.55;margin:0}.product{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.image-card{background:var(--cream);padding:7%;position:relative}.image-card img{display:block;width:100%;mix-blend-mode:multiply}.image-card span{position:absolute;bottom:14px;left:18px;background:var(--ink);color:#fff;padding:8px 11px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.truth-note{font-size:12px;line-height:1.5;color:#5e6b64;margin:14px 0 0}.product-copy h2{font-size:clamp(38px,4.5vw,65px)}.product-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#526059}.size-line{display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:34px 0}.size-line strong{font:800 25px Manrope}.size-line span{font-size:13px;color:#637168}.color-row{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}.color-row li{font-size:11px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:7px}.color-row li:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--swatch)}.aqua{--swatch:#62c9c5}.red{--swatch:#d64b45}.charcoal{--swatch:#4c5052}.blue{--swatch:#8eb8dc}.details{background:var(--forest);color:#fff}.details-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}.details-head h2{max-width:650px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid rgba(255,255,255,.28)}.spec-grid div{padding:30px 24px 35px 0;border-bottom:1px solid rgba(255,255,255,.28)}.spec-grid dt{color:#aebdb4;text-transform:uppercase;font-size:11px;letter-spacing:.14em;margin-bottom:13px}.spec-grid dd{margin:0;font:700 19px/1.4 Manrope}.spec-grid small{font:400 13px DM Sans;color:#bfcac3}.retail{background:var(--cream)}.retail-copy{max-width:900px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:60px}.benefits article{background:var(--cream);padding:34px}.benefits p{color:#59665f}.wholesale{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr minmax(340px,540px);gap:8vw;align-items:center}.offer h2{color:#fff}.offer h2::first-line{color:#fff}.offer-sub{font-size:18px;line-height:1.6;color:#bdc8c1;max-width:430px}.price-card{background:#fff;color:var(--ink);padding:clamp(28px,4vw,54px)}.price-row,.case-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}.price-row span{font-size:14px}.price-row strong{font:800 clamp(42px,5vw,64px) Manrope;color:var(--coral)}.case-row{padding-top:24px}.case-row strong{font:800 21px Manrope}.case-row span{background:var(--forest);color:#fff;padding:7px 10px;font-size:10px;letter-spacing:.15em}.ship{display:grid;gap:6px;padding:24px 0}.ship span,.ship small{font-size:12px;color:#69746e}.ship strong{font:700 20px Manrope}.microcopy{text-align:center;color:#69746e;font-size:12px;margin:14px 0 0}footer{padding:36px 4vw;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px}footer p{color:#67736c;text-align:center}footer>a:last-child{font-weight:700}
@media(max-width:820px){.topbar{height:66px;padding:0 20px}.nav-cta{font-size:12px}.hero{min-height:760px}.hero>img{object-position:61% center}.hero-shade{background:linear-gradient(180deg,rgba(9,24,17,.18) 15%,rgba(9,24,17,.86) 72%,rgba(9,24,17,.95))}.hero-copy{position:absolute;bottom:0;padding:0 24px 55px}.hero h1{font-size:54px}.hero-lede{font-size:16px;margin:22px 0}.hero-actions{gap:16px}.button{width:100%}.case-note{width:100%;text-align:center}.hero-stamp{right:18px;top:25px;bottom:auto;width:86px;height:86px}.hero-stamp strong{font-size:17px}.problem,.product,.wholesale{grid-template-columns:1fr}.problem{gap:34px}.intro{font-size:17px}.scenes{grid-template-columns:1fr}.scene-image{height:92vw;max-height:520px;background-size:300% 100%}.scene-copy{padding:24px 24px 36px}.product{gap:46px}.product-visual{order:2}.details-head{display:block}.details-head .eyebrow{margin-bottom:18px}.spec-grid{grid-template-columns:repeat(2,1fr)}.spec-grid div{padding-right:14px}.benefits{grid-template-columns:1fr}.wholesale{gap:50px}.price-card{padding:30px 24px}footer{flex-direction:column;text-align:center}.section-pad{padding:76px 24px}}
@media(max-width:420px){.hero h1{font-size:47px}.hero{min-height:720px}.spec-grid{grid-template-columns:1fr}.details-head{margin-bottom:38px}.price-row{align-items:end}.price-row strong{font-size:44px}}
.color-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:3px;overflow:hidden}.color-row li{min-height:72px;padding:12px 7px;flex-direction:column;justify-content:center;gap:9px;border-right:1px solid var(--line)}.color-row li:last-child{border-right:0}.color-row li:before{width:22px;height:22px;box-shadow:0 0 0 1px rgba(23,36,29,.12)}.beige{--swatch:#ede3cf}.blue{--swatch:#1670cf}.red{--swatch:#e8544e}
@media(max-width:520px){.color-row{grid-template-columns:repeat(3,1fr)}.color-row li{border-bottom:1px solid var(--line)}.color-row li:nth-child(3){border-right:0}.color-row li:nth-child(4),.color-row li:nth-child(5){border-bottom:0}.color-row li:nth-child(5){border-right:0}}

/* Brand-to-category-to-product hierarchy */
.topbar{min-height:82px;height:auto;padding-top:10px;padding-bottom:10px;gap:24px}
.brand-lockup{display:flex;align-items:center;gap:18px}
.brand-position{padding-left:18px;border-left:1px solid var(--line);font:800 12px Manrope,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--forest);white-space:nowrap}
.hero{min-height:calc(100vh - 82px)}
.hero-shade{background:linear-gradient(90deg,rgba(9,24,17,.86) 0%,rgba(9,24,17,.57) 39%,rgba(9,24,17,.04) 70%)}
.hero-copy{padding:clamp(58px,9vh,105px) 5vw;max-width:760px}
.hero-brand{margin:0 0 10px;font:800 clamp(28px,3vw,44px)/1 Manrope,sans-serif;letter-spacing:.12em}.category-line{display:inline-block;margin:0 0 28px;padding:11px 14px;border:1px solid rgba(255,255,255,.55);background:rgba(12,36,25,.38);font:800 clamp(13px,1.2vw,17px) Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font:800 clamp(32px,4vw,58px)/1 Manrope,sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 20px;max-width:650px}
.hero-promise{font:800 clamp(51px,6.6vw,96px)/.92 Manrope,sans-serif;letter-spacing:-.065em;margin:0}
.hero-promise em{font-style:normal;color:#f18a6d}
.hero-lede{max-width:580px;margin-top:28px}

@media(max-width:820px){
  .topbar{min-height:82px;padding:10px 20px}
  .brand-lockup{gap:10px}
  .brand-position{padding-left:10px;white-space:normal;max-width:190px;font-size:9px;line-height:1.35;letter-spacing:.12em}
  .nav-cta{font-size:0;border:0;background:var(--forest);color:#fff;padding:10px 12px}
  .nav-cta span{font-size:16px;color:#fff;margin:0}
  .hero-shade{background:linear-gradient(180deg,rgba(9,24,17,.18) 12%,rgba(9,24,17,.72) 49%,rgba(9,24,17,.96) 72%)}
  .hero-copy{padding:0 24px 48px}
  .category-line{font-size:11px;line-height:1.35;letter-spacing:.13em;margin-bottom:18px;padding:9px 10px}
  .hero h1{font-size:31px;margin-bottom:13px}
  .hero-promise{font-size:49px}
  .hero-lede{margin:20px 0}
}
.form-note.success{color:#17663a}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.inquiry-form button:disabled{cursor:wait;opacity:.72;transform:none}
@media(max-width:420px){
  .topbar{padding-left:14px;padding-right:14px}
  .brand{font-size:17px}
  .brand-mark{width:28px;height:28px}
  .brand-position{max-width:145px;font-size:8px}
  .hero h1{font-size:28px}
  .hero-promise{font-size:43px}
}

/* Multi-page website additions */
.main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px);font-size:12px;font-weight:700}.main-nav a{padding:10px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{border-color:var(--coral)}.inner-hero{min-height:620px;padding:90px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;background:var(--cream)}.inner-hero h1,.contact h1{font:800 clamp(50px,7vw,98px)/.92 Manrope,sans-serif;letter-spacing:-.065em;margin:0;text-transform:uppercase}.inner-hero>div>p:not(.eyebrow){font:700 clamp(20px,2vw,30px)/1.3 Manrope;margin:24px 0}.inner-hero em{font-style:normal;color:var(--coral)}.inner-hero img{width:100%;max-height:500px;object-fit:contain;mix-blend-mode:multiply}.fit{width:max-content!important}.photo-inner{display:flex;color:#fff;background:linear-gradient(90deg,rgba(9,24,17,.88),rgba(9,24,17,.32)),url('assets/hero-road-trip.png') center/cover}.photo-inner>div{max-width:780px}.photo-inner>div>p:not(.eyebrow){font:400 19px/1.6 DM Sans;max-width:600px}.about-inner{background-position:center 55%}.steps>div:first-child{display:grid;grid-template-columns:.5fr 1.5fr;gap:6vw}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line)}.step-grid article{padding:32px 25px 20px 0}.step-grid span,.values span{color:var(--coral);font:800 12px Manrope;letter-spacing:.18em}.step-grid h3,.values h3{font:700 22px/1.2 Manrope;margin:40px 0 12px}.step-grid p,.values p{color:#59665f;line-height:1.6}.simple-cta{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:var(--forest);color:#fff}.simple-cta>div:last-child{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.simple-cta p{color:#c8d2cc;line-height:1.6;margin:0}.simple-cta small{color:#aab9b0}.story{display:grid;grid-template-columns:.45fr 1.55fr;gap:5vw}.story h2{max-width:850px}.story>div{grid-column:2;font-size:19px;line-height:1.75;color:#59665f;max-width:720px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding-top:1px;padding-bottom:1px}.values article{background:var(--paper);padding:40px;min-height:260px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.contact-copy{position:sticky;top:30px;align-self:start}.contact-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#59665f}.contact-copy dl{margin:40px 0 12px}.contact-copy dl div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.contact-copy dt{font-size:12px;color:#69746e}.contact-copy dd{font-weight:700;margin:0}.contact-copy small{color:#69746e}.inquiry-form{background:var(--cream);padding:clamp(24px,4vw,52px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-form label{display:flex;flex-direction:column;gap:9px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;margin-bottom:20px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid rgba(23,36,29,.25);border-radius:2px;background:var(--paper);padding:15px;font:400 15px DM Sans;color:var(--ink)}.inquiry-form textarea{resize:vertical}.inquiry-form .check{flex-direction:row;text-transform:none;letter-spacing:0;font-weight:400;align-items:flex-start}.check input{width:auto;margin-top:2px}.form-note{font-size:12px;color:#69746e;text-align:center}.form-note.warning{color:#a44731}
@media(max-width:1080px){.main-nav{display:none}}
@media(max-width:820px){.inner-hero,.contact,.simple-cta,.story{grid-template-columns:1fr}.inner-hero{min-height:600px;padding:70px 24px}.inner-hero img{order:-1;max-height:300px}.steps>div:first-child{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.step-grid article{border-bottom:1px solid var(--line)}.story>div{grid-column:1}.values{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.contact-copy{position:static}.form-row{grid-template-columns:1fr}.fit{width:100%!important}}