The North Face Summer LT Visor
Summer LT Visor @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500;600&display=swap'); :root { --black: #0a0 a0a; --white: #ffffff; --mid: #f5f5f5; --border: #e8e8e8; --muted: #999; --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(--muted); } .tab-radio { display: none; } .tab-nav { display: flex; gap: 4px; margin-bottom: 32px; flex-wrap: wrap; } .tab-nav label { 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(--muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; display: inline-block; user-select: none; } .tab-nav label:hover { color: var(--black); border-color: #aaa; } .spur-panels .tab-panel { display: none; } #tab-desc:checked ~ .tab-nav label[for="tab-desc"], #tab-key:checked ~ .tab-nav label[for="tab-key"], #tab-specs:checked ~ .tab-nav label[for="tab-specs"], #tab-care:checked ~ .tab-nav label[for="tab-care"] { background: var(--black); color: var(--white); border-color: var(--black); } #tab-desc:checked ~ .spur-panels .desc-panel { display: block; } #tab-key:checked ~ .spur-panels .key-panel { display: block; } #tab-specs:checked ~ .spur-panels .specs-panel { display: block; } #tab-care:checked ~ .spur-panels .care-panel { display: block; } .spur-panel p { font-size: 14px; font-weight: 300; line-height: 1.7; color: var(--body); margin-bottom: 16px; } .desc-intro { font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--body); margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--border); } .key-section { border-bottom: 1px solid var(--border); padding: 16px 0; } .key-title { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; } .key-desc { font-size: 14px; font-weight: 300; color: var(--body); line-height: 1.5; } .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); } .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 12px 16px 12px 0; } .spec-val { font-size: 14px; font-weight: 300; color: var(--body); padding: 12px 0; line-height: 1.5; } .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 24px 0 8px 0; color: var(--muted); } .spec-category:first-child { margin-top: 0; } @media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } } Summer LT Visor Hat · Lifestyle Description Key Features Specifications Care The Summer LT Visor combines performance-driven design with durable materials for reliable outdoor use. Features See product details for complete feature information. General Type Hat Activity Lifestyle Gender Women's Style The-North-Face-Summer-LT-Visor Cleaning Spot clean with a damp cloth and mild soap. Do not machine wash or bleach. Drying Air dry at room temperature away from direct heat or sunlight. Reshape the brim while damp. Storage Store in a cool, dry place. Stuff lightly with paper to help the crown hold its shape. Keep out of direct sunlight. Sweatband Care Hand wash the sweatband area gently to preserve moisture-management performance. Avoid harsh detergents. Material Notes Do not iron directly on embroidered logos or decorative elements.