Marmot Onward Insulated Jacket
@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; } } Onward Insulated Jacket PrimaLoft synthetic insulated breathable durable jacket polyester Description Features Specs Care Designed for cold-weather daily activities and commuting, the Marmot Men's Onward Insulated Jacket blends warmth, breathability, and mild rain protection in a streamlined package. The soft interior, puffy construction, and light weight make it clear that this piece is built for every day active movement in colder, unpredictable conditions. Shell Shell 100% recycled nylon ripstop shell fabric balances breathability and durability Shell 60g Thermal R(R) 100% recycled polyester insulation DWR DWR C0 Durable Water Repellent (DWR) treatment repels water from face fabric Pockets Pockets Two zippered hand pockets for warming hands and storing phone, keys, and more Cuffs Cuffs Elastic-bound cuffs Hem Hem Elastic-bound hem Product Care: Machine Wash Cold, Use Liquid Detergent, Do Not Use Powdered Detergent, Gentle Cycle, Tumble Dry Low, Do Not Iron, Do Not Bleach, Do Not Dry Clean, Do Not Use Fabric Softener, Rinse Twice, Do Not Store Wet Center Back Length: 26in Main Fabric: 100% Pre-Consumer Recycled Nylon, Ripstop, 42g/sqm RECCO: NO Style Number: M16255 Waterproof: NO Product Weight: 0 lbs 9 oz , 256.0 g Windproof: NO Product Care Machine Wash Cold, Use Liquid Detergent, Do Not Use Powdered Detergent, Gentle Cycle, Tumble Dry Low, Do Not Iron, Do Not Bleach, Do Not Dry Clean, Do Not Use Fabric Softener, Rinse Twice, Do Not Store Wet 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'); }