Dark Sky Scale Tee @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-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; } } Description Key Features Specifications Care Explore the vastness of the Dark Skies wherever you go. Our best-selling tee now glows in the dark and features the deepest stars the night sky has to offer. Charge it up in the light and the front graphic comes alive after sundown — a constellation pattern that turns a casual camp hang into a stargazing session. The fit is slightly relaxed, the cotton is soft, and the vibe is unmistakably park-project. Give it some time in the light before taking it out for the night to get the full effect. Part of the Dark Sky Collection, designed to celebrate and protect the night sky. Designed by Parks Project — every purchase helps fund vital projects in parks around the U.S. Leave it better than you found it. Glows in the Dark The front graphic charges under light and glows after dark — a built-in constellation for every campfire hang. Bortle Scale Inspired Design references the Bortle Dark-Sky Scale, the system astronomers use to measure how dark a night sky really is. Slightly Relaxed Fit Cut roomy through the body with the hem falling right at the hip. Sleeves hit at the mid to lower arm. Size up one for extra room. Crew Neckline Classic crew collar for everyday wear. Short Sleeves Standard short sleeves for versatile warm-weather wear. 100% Cotton Soft, breathable cotton for all-day comfort on and off the trail. Giveback Built In A portion of every Parks Project purchase goes directly to partner parklands to help fund vital projects in parks around the U.S. Materials Fabric 100% Cotton Construction Fit Slightly relaxed Neckline Crew Sleeve Length Short, mid to lower arm Hem Hits at hip Special Detail Glow-in-the-dark front graphic Sizing Available Sizes XS, S, M, L, XL, XXL, XXXL Category Type Men's Short-Sleeve Crew Tee Collection Dark Sky Collection Machine wash cold with like colors. Do not bleach. Do not dry clean. Tumble dry gentle on low heat or line dry. Cool iron as needed.
