Marmot Kodachrome Sun Hat

SX Collective Verified independent store

→

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap'); :root { --black: #0a0a0a; --white: #fffff f; --mid: #f5f5f5; --border: #e0e0e0; --text-muted: #777; --text-body: #222; } * { box-sizing: border-box; margin: 0; padding: 0; } .spur-wrap { font-family: 'Barlow', sans-serif; background: var(--white); color: var(--black); max-width: 1100px; margin: 0 auto; padding: 48px 24px; } .spur-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; border-bottom: 1px solid var(--border); padding-bottom: 24px; flex-wrap: wrap; gap: 12px; } .spur-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; } .spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); } .spur-tabs { display: flex; gap: 4px; margin-bottom: 32px; } .spur-tab { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 24px; background: var(--mid); color: var(--text-muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; } .spur-tab:hover { color: var(--black); border-color: #aaa; } .spur-tab.active { background: var(--black); color: var(--white); border-color: var(--black); } .spur-panel { display: none; } .spur-panel.active { display: block; } .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--black); padding: 20px 0 8px; border-bottom: 2px solid var(--black); margin-bottom: 0; } .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); } .spec-row:hover { background: var(--mid); } .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); padding: 12px 16px 12px 0; align-self: start; } .spec-val { font-size: 14px; font-weight: 300; color: var(--text-body); padding: 12px 0; line-height: 1.5; } @media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } } Kodachrome Sun Hat insulated hat for sun protection Description Features Specs Care Sayonara, sunburn! The Kodachrome Hat is here to help you savor every last waking moment of the hot summer sun--without worrying about tomorrow's agonizing aftereffects. Your face, neck, and shoulders will thank this humble, wide-brimmed bucket hat, which lets you soak up the daylight in peace--whether you're waist-deep fly-fishing in the river or bagging peaks way above the treeline. Shell Shell Solution-dyed fabric reduces water consumption during manufacturing and resists UV fading Seams Seams Seam-taped, full-coverage fly for rain protection; seam-taped, catenary-cut floor helps keep water out Pockets Pockets Two D-shaped doors plus two vestibules for gear storage; freestanding design Pockets Lampshade pocket securely holds your headlamp for ambient light; interior pockets for additional storage Other Other Color-coded clip and pole system make setup quick and easy Other Footprint included Floor Fabric: 100% Polyester, Taffeta Fly Fabric: 100% Polyester, Ripstop Footprint Included: YES Packed Size: 24.4 x 5.9 in, 62.0 x 15.0 cm Peak Height: 42.1 in, 107.0 cm Style Number: M12305 Floor Area: 30.1 sq ft, 2.8 sq m Main Canopy Fabric: 100% Polyester, Ripstop Minimum Weight: 4 lbs 15.7 oz, 2,260 g Number of Doors: 2 Number of Poles: 2 Pole Material: Velocity HD Aluminum Seasons: 3-season Vestibule Area: 16.15 sqft, 1.50 sqm No care instructions available. function showPanel(id, btn) { document.querySelectorAll('.spur-panel').forEach(p => p.classList.remove('active')); document.querySelectorAll('.spur-tab').forEach(t => t.classList.remove('active')); document.getElementById('panel-' + id).classList.add('active'); btn.classList.add('active'); } Show more