Jester Backpack @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: #0a0a0a; --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-section:last-child { border-bottom: none; } .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; } } Jester Backpack Backpack · School / Campus / Daily Commute Description Key Features Specifications Care Our classic Jester Backpack has a padded laptop sleeve, simplified organization, and can stand up completely unsupported. It's also endorsed by the American Chiropractic Association thanks to its comfortable FlexVent™ suspension system. FlexVent™ Suspension System Enjoy maximum comfort and all-day support thanks to a flexible yoke, padded back and breathable lumbar panel. Padded Laptop Sleeve Dedicated padded compartment fits laptops and tablets up to 16" — protected and ready for class, work, or travel. Stand-Alone Design Structured build lets the pack stand upright on its own, even when fully loaded, so you can grab what you need without it toppling over. External Water Bottle Pocket Keep your water close at hand with an external bottle pocket that expands to fit your bottle or umbrella. DWR Water-Repellent Finish A durable finish causes water to bead on the surface of the fabric, preventing the pack from saturating in light rain. 360° Reflective Detailing Light-reflective accents on all sides boost visibility in low-light conditions — morning commutes, late walks home, or dusk bike rides. Recycled Materials Built with recycled content that helps reduce landfill waste and the use of virgin materials. General Type Backpack Activity School, Campus, Daily Commute Dimensions Sizes One size Avg Weight 1 lb 10 oz (740 g) Dimensions 11" x 8.25" x 18.13" (27.9 cm x 21 cm x 46.1 cm) Volume 1,709 in³ (28 L) Laptop Sleeve 12.75" x 11" (32.4 cm x 27.9 cm) Construction Body — Solid & Print 600D recycled polyester with non-PFC durable water-repellent (non-PFC DWR) finish Body — Heather 300D heathered recycled polyester with non-PFC DWR finish Trims Recycled plastic Spot Clean Only Wipe the pack down with a damp cloth and mild soap to remove surface dirt and stains. Do not machine wash or machine dry — this can damage the fabric, DWR finish, and structural panels. Air Dry If the pack gets wet, open all compartments and hang it in a well-ventilated area to air dry. Avoid direct heat sources and prolonged sunlight, which can degrade fabric and color over time. Storage Store in a cool, dry place when not in use. Avoid leaving it in a hot car or damp environment for extended periods. Zipper Care If zippers stick, work them open and closed gently. A graphite pencil rubbed lightly along the teeth can help — avoid oils or lubricants that can stain the fabric. DWR Refresh The water-repellent finish will wear over time. To refresh, apply a spray-on DWR treatment designed for technical fabrics, following the product's instructions.
Related
Related
Related
Related