@font-face{font-family:Perfectly Nineties;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/PerfectlyNineties-Regular.woff2?v=151511089784575274771730340570) format("woff2"),url(//www.trueclassictees.com/cdn/shop/t/645/assets/PerfectlyNineties-Regular.woff?v=106225426332328067511730340570) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Perfectly Nineties;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/PerfectlyNineties-Italic.woff2?v=322103452519540961730340568) format("woff2"),url(//www.trueclassictees.com/cdn/shop/t/645/assets/PerfectlyNineties-Italic.woff?v=114229182450255111781730340568) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Modernist;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/sk-modernist-regular-webfont.woff2?v=97403795315238984151692589785) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Modernist;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/sk-modernist-bold-webfont.woff2?v=173952085596137195561692589784) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Modernist;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/sk-modernist-light-webfont.woff2?v=157803251390232614041692589783) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mono;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/sk-modernist-mono-webfont.woff?v=34388361732308920841692589780) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Staff X Condensed;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/StaffCondensed-Light.woff2?v=157844704597955247621692589785) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Staff X Condensed;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/StaffCondensed-Medium.woff2?v=16073027373634381911692589780) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Staff X Condensed;src:url(//www.trueclassictees.com/cdn/shop/t/645/assets/StaffCondensed-MediumItalic.woff2?v=30366487759955292141692589781) format("woff2");font-weight:500;font-style:italic;font-display:swap}:root{--brand-black: #0c0a09;--brand-black-rgb: 12, 10, 9;--brand-black-light: #414141;--brand-white: #ffffff;--brand-white-rgb: 255, 255, 255;--brand-chocolate: #53433a;--brand-chocolate-rgb: 83, 67, 58;--brand-chocolate-dark: #2e2520;--brand-chocolate-light: #e2dad5;--brand-chocolate-mid: #b09a8e;--brand-clay: #f2ede8;--brand-coffee: #a0948c;--brand-sage-green: #407062;--brand-dust-blue: #8fa7b5;--brand-brick-red: #800600;--brand-bright-orange: #ef9240;--brand-cream: #fffbec;--brand-cream-light: #fcfbf7;--brand-burlywood: #c3996f;--brand-milk-chocolate: #967969;--brand-shitake: #755e52;--brand-gray-extra-light: #f4f4f4;--brand-gray-light: #dbdbdb;--brand-gray-medium: #bcbcbc;--brand-gray-medium-dark: #acacac;--brand-gray: #666666;--brand-gray-dark: #474747;--brand-gray-slate: #667085;--brand-gray-img-bg: #e8e8e8;--brand-gray-img-bg-2: #e6e7e9;--brand-gray-img-bg-3: #dfdddb;--brand-sage: #adb08e;--brand-sage-light: #e0e2d6;--brand-sage-extralight: #f4f5f0;--brand-blue: #0f3a66;--brand-blue-light: #15528e;--brand-light-blue: #0187f4;--brand-red: #971b1b;--brand-red-bright: #c42e41;--brand-red-light: #b02125;--brand-red-hover: #7c1313;--brand-red-active: #6d1111;--brand-green: #45851e;--brand-green-alt: #508c2c;--brand-green-bright: #5ca449;--brand-orange-border: #b54708;--brand-yellow: #ffde6a;--brand-yellow-dark: #ffbf5b;--brand-holiday-yellow: #e2f03c;--perfectly-nineties-regular: "Perfectly Nineties", serif;--perfectly-nineties-italic: "Perfectly Nineties", serif;--font-modernist: "Modernist", sans-serif;--font-modernist-mono: "Mono", sans-serif;--font-staff-x-condensed: "Staff X Condensed", sans-serif;--font-family-primary: var(--font-modernist);--font-family-heading: var(--font-staff-x-condensed);--font-family-button: var(--font-modernist-mono);--font-size-h0: 90px;--font-size-h1: 60px;--font-size-h2: 50px;--font-size-h3: 45px;--font-size-h4: 40px;--font-size-h5: 30px;--font-size-h6: 20px;--font-size-large: 18px;--font-size-base: 16px;--font-size-small: 15px;--font-size-subhead: 14px;--font-size-x-small: 12px;--font-4xs: 11px;--font-weight-light: 300;--font-weight-base: 400;--font-weight-medium: 500;--font-weight-bold: 700;--global-width: 1440px;--global-width-medium: 1100px;--global-width-narrow: 960px;--edge-space: 20px;--header-bar-height: 63px;--header-bar-height-mobile: 50px;--announcement-bar-height: 33px;--spacer-xxxs: 2px;--spacer-xxs: 4px;--spacer-xs: 6px;--spacer-s: 10px;--spacer-m: 20px;--spacer-l: 30px;--spacer-xl: 60px;--spacer-xxl: 80px;--btn-border-radius: 5px;--btn-padding-large: 17px 40px;--btn-padding-medium: 16.5px 32px;--btn-padding-small: 15px 24px;--input-border-radius: 5px;--radius: 5px}@media(min-width:1200px){:root{--edge-space: 80px}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,picture{max-width:100%;display:block}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-modernist);font-weight:400;font-size:16px;line-height:1.5;color:var(--brand-black);background:var(--brand-white)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ds-page{max-width:1280px;margin:0 auto;padding:0 var(--edge-space)}.ds-nav{position:sticky;top:0;z-index:100;background:var(--brand-black);color:var(--brand-white);border-bottom:1px solid rgba(255,255,255,.08)}.ds-nav-inner{max-width:1280px;margin:0 auto;padding:0 var(--edge-space);display:flex;align-items:center;gap:32px;height:56px;overflow-x:auto;scrollbar-width:none}.ds-nav-inner::-webkit-scrollbar{display:none}.ds-nav .ds-logo{font-family:var(--font-staff-x-condensed);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;opacity:.5}.ds-nav a{font-size:13px;letter-spacing:.04em;white-space:nowrap;opacity:.6;transition:opacity .1s ease;text-transform:uppercase;font-weight:700}.ds-nav a:hover{opacity:1}.ds-section{padding:80px 0 40px;border-bottom:1px solid var(--brand-gray-light)}.ds-section:last-child{border-bottom:none}.ds-section-label{font-family:var(--font-modernist-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-gray);margin-bottom:8px}.ds-section-title{font-family:var(--perfectly-nineties-regular);font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin-bottom:12px}.ds-section-desc{font-size:16px;color:var(--brand-gray-dark);max-width:640px;line-height:1.6;margin-bottom:48px}.ds-sub{margin-bottom:48px}.ds-sub-title{font-family:var(--font-modernist);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-black);margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--brand-gray-light)}.ds-hero{background:var(--brand-black);color:var(--brand-white);padding:120px var(--edge-space) 80px;position:relative;overflow:hidden}.ds-hero-inner{max-width:1280px;margin:0 auto}.ds-hero-label{font-family:var(--font-modernist-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-bottom:20px}.ds-hero h1{font-family:var(--perfectly-nineties-regular);font-size:clamp(3rem,7vw,6rem);line-height:1;margin-bottom:24px}.ds-hero h1 em{font-style:italic}.ds-hero p{font-size:18px;opacity:.6;max-width:480px;line-height:1.6}.ds-hero-version{position:absolute;top:40px;right:var(--edge-space);font-family:var(--font-modernist-mono);font-size:11px;letter-spacing:.1em;opacity:.3}.brand-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:767px){.brand-pillars{grid-template-columns:1fr;gap:24px}}.brand-pillar{padding:32px;background:var(--brand-gray-extra-light);border-radius:var(--radius);border-left:3px solid var(--brand-black)}.brand-values{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.brand-value-card{padding:24px;border:1px solid var(--brand-gray-light);border-radius:var(--radius);transition:border-color .1s ease}.brand-value-card:hover{border-color:var(--brand-gray-medium)}.brand-value-card h4{font-family:var(--font-modernist);font-size:18px;font-weight:400;line-height:1.3;margin-bottom:8px}.brand-value-card h4 strong{font-weight:700}.brand-value-card p{font-size:14px;line-height:1.6;color:var(--brand-gray-dark)}.type-specimen{margin-bottom:32px;padding:24px;border:1px solid var(--brand-gray-light);border-radius:var(--radius)}.type-specimen-meta{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.type-specimen-meta .font-name{font-family:var(--font-modernist);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.type-specimen-meta .font-detail{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray)}.type-specimen .sample{border-top:1px solid var(--brand-gray-extra-light);padding-top:16px}.type-scale-row{display:grid;grid-template-columns:120px 1fr;align-items:baseline;gap:24px;padding:16px 0;border-bottom:1px solid var(--brand-gray-extra-light)}.type-scale-row:last-child{border-bottom:none}.type-scale-label{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray);padding-top:4px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.color-chip{border:1px solid var(--brand-gray-light);border-radius:var(--radius);overflow:hidden}.color-chip-swatch{height:80px}.color-chip-info{padding:10px 12px;background:var(--brand-white)}.color-chip-name{font-weight:700;font-size:13px;margin-bottom:2px}.color-chip-value{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray)}.color-chip-var{font-family:var(--font-modernist-mono);font-size:10px;color:var(--brand-gray-medium);margin-top:2px}.spacing-row{display:flex;align-items:center;gap:20px;margin-bottom:8px}.spacing-bar{height:24px;background:var(--brand-chocolate-light);border-radius:2px;transition:background .1s ease}.spacing-bar:hover{background:var(--brand-chocolate-mid)}.spacing-label{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray);min-width:80px;text-align:right}.spacing-value{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray-medium);min-width:40px}.component-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:24px}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.btn{font-family:var(--font-modernist);font-weight:400;font-size:14px;letter-spacing:.04em;text-transform:uppercase;line-height:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:17px 40px;border-radius:var(--btn-border-radius);border:1px solid transparent;cursor:pointer;transition:all .1s ease-in-out;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--brand-black);color:var(--brand-white)}.btn.primary:hover{background:var(--brand-black-light)}.btn.primary.red{background:var(--brand-red)}.btn.primary.red:hover{background:var(--brand-red-hover)}.btn.primary.burlywood{background:var(--brand-burlywood);color:var(--brand-white)}.btn.primary.white{background:var(--brand-white);color:var(--brand-black)}.btn.secondary{background:transparent;color:var(--brand-black);border:1px solid var(--brand-black)}.btn.secondary:hover{background:var(--brand-gray-extra-light)}.btn.tertiary{background:transparent;color:var(--brand-black);padding:0;border-radius:0;border:none;border-bottom:1px solid transparent}.btn.tertiary:hover{border-bottom-color:var(--brand-black)}.btn.small{padding:15px 24px;font-size:12px}.btn.medium{padding:16.5px 32px}.btn:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.input-demo{font-family:var(--font-modernist);font-size:16px;line-height:1;height:48px;padding:0 16px;border:1px solid var(--brand-gray-medium);border-radius:var(--input-border-radius);background:var(--brand-white);color:var(--brand-black);width:100%;max-width:320px;transition:border-color .1s ease}.input-demo:focus{outline:none;border-color:var(--brand-black)}.input-demo::placeholder{color:var(--brand-gray);font-size:13px}.input-demo.error{border-color:var(--brand-red)}.card-demo{background:var(--brand-white);border:1px solid var(--brand-gray-light);border-radius:var(--radius);overflow:hidden}.card-demo .card-image{background:var(--brand-gray-img-bg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.card-demo .card-image span{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray)}.card-demo .card-body{padding:16px}.card-demo .card-body h4{font-family:var(--font-modernist);font-weight:700;font-size:15px;margin-bottom:4px}.card-demo .card-body p{font-size:14px;color:var(--brand-gray)}.badge{display:inline-flex;align-items:center;font-family:var(--font-modernist);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:3px}.badge.dark{background:var(--brand-black);color:var(--brand-white)}.badge.light{background:var(--brand-gray-extra-light);color:var(--brand-black)}.badge.yellow{background:var(--brand-yellow);color:var(--brand-black)}.badge.red{background:var(--brand-red);color:var(--brand-white)}.badge.sage{background:var(--brand-sage-light);color:var(--brand-shitake)}.badge.outline{background:transparent;border:1px solid var(--brand-black);color:var(--brand-black)}.divider-demo{border:none;margin:0}.divider-demo.hairline{border-top:1px solid var(--brand-gray-light)}.divider-demo.soft{border-top:1px solid var(--brand-gray-extra-light)}.divider-demo.strong{border-top:2px solid var(--brand-black)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 8px;border:1px solid var(--brand-gray-extra-light);border-radius:var(--radius);transition:border-color .1s ease}.icon-cell:hover{border-color:var(--brand-gray-light)}.icon-cell svg{width:24px;height:24px;color:var(--brand-black)}.icon-cell span{font-family:var(--font-modernist-mono);font-size:10px;color:var(--brand-gray);text-align:center}.layout-demo{border:1px solid var(--brand-gray-light);border-radius:var(--radius);padding:16px;background:var(--brand-white)}.placeholder{background:var(--brand-gray-extra-light);border:1px dashed var(--brand-gray-light);border-radius:3px;display:flex;align-items:center;justify-content:center;padding:24px 12px;font-family:var(--font-modernist-mono);font-size:10px;color:var(--brand-gray);text-align:center}.code-block{background:#1a1917;color:#e0ddd8;border-radius:var(--radius);padding:20px 24px;font-family:var(--font-modernist-mono);font-size:13px;line-height:1.7;overflow-x:auto;margin:16px 0;white-space:pre}.code-label{font-family:var(--font-modernist-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-gray);margin-bottom:6px}.personality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.personality-card{padding:20px;background:var(--brand-gray-extra-light);border-radius:var(--radius);border-left:3px solid var(--brand-black)}.personality-trait{font-family:var(--font-modernist);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.personality-card p{font-size:14px;line-height:1.6;color:var(--brand-gray-dark)}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:767px){.voice-grid{grid-template-columns:1fr}}.voice-card{padding:24px;border-radius:var(--radius)}.voice-card.do{background:var(--brand-sage-extralight);border:1px solid var(--brand-sage-light)}.voice-card.dont{background:#fdf2f2;border:1px solid #f5d5d5}.voice-card h4{font-family:var(--font-modernist);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.voice-card.do h4{color:var(--brand-green)}.voice-card.dont h4{color:var(--brand-red)}.voice-card ul{list-style:none;padding:0;margin:0}.voice-card li{font-size:14px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05)}.voice-card li:last-child{border-bottom:none}.wc-demo-stack{display:flex;flex-direction:column;gap:16px}.ann-bar{background:var(--brand-black);color:var(--brand-white);height:33px;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:var(--radius);overflow:hidden}.ann-bar.promo{background:var(--brand-red)}.ann-bar.subtle{background:var(--brand-chocolate-dark)}.ann-bar-arrow{background:none;border:none;color:var(--brand-white);cursor:pointer;padding:4px;opacity:.6;transition:opacity .1s ease}.ann-bar-arrow:hover{opacity:1}.ann-bar-msg{font-family:var(--font-modernist);font-size:13px;letter-spacing:.03em;display:flex;align-items:center;gap:6px}.ann-bar-msg strong{font-weight:700}.toast-demo{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--brand-gray-light);background:var(--brand-white);box-shadow:0 8px 24px #00000014;max-width:440px}.toast-demo.success{border-left:3px solid var(--brand-green)}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-demo.success .toast-icon{background:var(--brand-sage-extralight);color:var(--brand-green)}.toast-title{font-weight:700;font-size:13px}.toast-desc{font-size:12px;color:var(--brand-gray)}.toast-action{font-family:var(--font-modernist);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--brand-black);padding:0;white-space:nowrap;margin-left:auto}.toast-close{background:none;border:none;cursor:pointer;color:var(--brand-gray);padding:2px;flex-shrink:0}.toast-close:hover{color:var(--brand-black)}.fs-progress{padding:12px 16px;background:var(--brand-gray-extra-light);border-radius:var(--radius)}.fs-progress.earned{background:var(--brand-sage-extralight)}.fs-progress-text{font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.fs-progress.earned .fs-progress-text{color:var(--brand-green)}.fs-progress-bar{height:4px;background:var(--brand-gray-light);border-radius:2px;overflow:hidden}.fs-progress-fill{height:100%;background:var(--brand-black);border-radius:2px;transition:width .3s ease}.fs-progress.earned .fs-progress-fill{background:var(--brand-green)}.alert-demo{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:13px;line-height:1.5}.alert-demo svg{flex-shrink:0;margin-top:1px}.alert-demo.info{background:var(--brand-gray-extra-light);color:var(--brand-gray-dark)}.alert-demo.warning{background:#fef8ee;color:var(--brand-orange-border);border:1px solid #fde3b0}.alert-demo.error{background:#fdf2f2;color:var(--brand-red);border:1px solid #f5d5d5}.alert-demo.success{background:var(--brand-sage-extralight);color:var(--brand-green);border:1px solid var(--brand-sage-light)}.promo-banner{background:var(--brand-black);color:var(--brand-white);border-radius:var(--radius);padding:32px 40px}.promo-banner.warm{background:var(--brand-chocolate-dark)}.promo-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.promo-banner-eyebrow{font-family:var(--font-modernist);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.5;display:block;margin-bottom:4px}.promo-banner-headline{font-family:var(--perfectly-nineties-regular);font-size:28px;line-height:1.1;display:block}.promo-banner-sub{font-size:13px;opacity:.6;display:block;margin-top:4px}.countdown-demo{background:var(--brand-black);color:var(--brand-white);border-radius:var(--radius);padding:16px 24px;text-align:center}.countdown-label{font-family:var(--font-modernist);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-bottom:8px}.countdown-digits{display:flex;align-items:center;justify-content:center;gap:6px}.countdown-unit{text-align:center;min-width:52px}.countdown-num{font-family:var(--font-modernist-mono);font-size:28px;font-weight:700;display:block;line-height:1}.countdown-word{font-family:var(--font-modernist);font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.4}.countdown-sep{font-family:var(--font-modernist-mono);font-size:24px;opacity:.3}.mega-trigger{font-family:var(--font-modernist);font-size:14px;cursor:pointer;color:var(--brand-gray-dark);font-weight:400;transition:color .1s ease}.mega-trigger:hover{color:var(--brand-black)}.mega-trigger.active{font-weight:700;color:var(--brand-black)}.mega-trigger.muted{color:var(--brand-gray);font-size:13px}.mega-panel{display:grid;grid-template-columns:repeat(4,1fr) 180px;gap:0;padding:24px 20px;border-top:1px solid var(--brand-gray-extra-light)}.mega-col{padding-right:20px}.mega-col-title{font-family:var(--font-modernist);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;color:var(--brand-black)}.mega-link{display:block;font-size:14px;color:var(--brand-gray-dark);padding:4px 0;cursor:pointer;transition:color .1s ease}.mega-link:hover{color:var(--brand-black)}.mega-link.highlight{font-weight:700;color:var(--brand-black);display:flex;align-items:center}.mega-feature{padding-left:20px;border-left:1px solid var(--brand-gray-extra-light)}.mobile-drawer-demo{background:var(--brand-white);border:1px solid var(--brand-gray-light);border-radius:var(--radius);overflow:hidden}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--brand-gray-extra-light)}.drawer-close{background:none;border:none;cursor:pointer;color:var(--brand-gray-dark);padding:2px}.drawer-search{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:8px 12px;background:var(--brand-gray-extra-light);border-radius:var(--radius);font-size:14px;color:var(--brand-gray)}.drawer-nav-items{padding:4px 0}.drawer-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:background .1s ease}.drawer-item:hover{background:var(--brand-gray-extra-light)}.drawer-item.active{color:var(--brand-black)}.drawer-item.muted{font-weight:400;color:var(--brand-gray);font-size:14px}.drawer-divider{height:1px;background:var(--brand-gray-extra-light);margin:4px 16px}.drawer-footer{padding:12px 16px;border-top:1px solid var(--brand-gray-extra-light)}.drawer-footer-link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-gray);padding:8px 0;cursor:pointer}.drawer-footer-link:hover{color:var(--brand-black)}.breadcrumb-demo{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-gray)}.breadcrumb-demo a{cursor:pointer;transition:color .1s ease}.breadcrumb-demo a:hover{color:var(--brand-black)}.breadcrumb-demo span{color:var(--brand-black);font-weight:700}.filter-pill{font-family:var(--font-modernist);font-size:13px;padding:8px 18px;border:1px solid var(--brand-gray-light);border-radius:9999px;background:var(--brand-white);cursor:pointer;transition:all .1s ease}.filter-pill:hover{border-color:var(--brand-gray-medium)}.filter-pill.active{background:var(--brand-black);color:var(--brand-white);border-color:var(--brand-black)}.filter-bar-demo{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--brand-gray-light)}.filter-bar-left{display:flex;align-items:center;gap:16px}.filter-toggle{display:flex;align-items:center;gap:6px;font-family:var(--font-modernist);font-size:14px;font-weight:700;background:none;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.filter-count{font-size:13px;color:var(--brand-gray)}.sort-select{font-family:var(--font-modernist);font-size:14px;border:1px solid var(--brand-gray-light);border-radius:var(--radius);padding:8px 32px 8px 12px;background:var(--brand-white);cursor:pointer;appearance:none}.selector-label{font-family:var(--font-modernist);font-weight:700;font-size:13px;margin-bottom:10px;display:flex;align-items:baseline;gap:8px}.selector-guide{font-weight:400;font-size:12px;color:var(--brand-gray);cursor:pointer;border-bottom:1px solid var(--brand-gray-light);margin-left:auto}.size-pills{display:flex;gap:6px;flex-wrap:wrap}.size-pill{min-width:48px;height:44px;padding:0 16px;border:1px solid var(--brand-gray-light);border-radius:3px;background:var(--brand-white);font-family:var(--font-modernist);font-size:13px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.size-pill:hover,.size-pill.hover{border-color:var(--brand-gray-medium)}.size-pill.active{border:2px solid var(--brand-black);font-weight:700}.size-pill.disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed;pointer-events:none}.swatch-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch-row.mini{gap:6px}.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .1s ease;position:relative;box-sizing:border-box}.color-swatch:hover,.color-swatch.hover{box-shadow:0 0 0 2px var(--brand-gray-medium)}.color-swatch.active{box-shadow:0 0 0 2px var(--brand-black)}.color-swatch.disabled{opacity:.25;cursor:not-allowed}.color-swatch.disabled:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1px;background:var(--brand-gray);transform:rotate(-45deg)}.color-swatch.mini{width:16px;height:16px}.swatch-more{font-family:var(--font-modernist-mono);font-size:11px;color:var(--brand-gray);line-height:28px}.swatch-more.mini{font-size:10px;line-height:16px}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--brand-gray-light);border-radius:var(--radius);overflow:hidden}.qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--brand-black);transition:background .1s ease}.qty-btn:hover{background:var(--brand-gray-extra-light)}.qty-btn.disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.qty-value{font-family:var(--font-modernist-mono);font-size:14px;font-weight:700;min-width:32px;text-align:center}.qty-stepper.small{border-radius:3px}.qty-stepper.small .qty-btn,.qty-stepper.small .qty-btn.small{width:28px;height:28px}.qty-stepper.small .qty-value,.qty-stepper.small .qty-value.small{font-size:12px;min-width:24px}.pack-tabs{display:flex;gap:8px}.pack-tab{flex:1;padding:14px 12px;text-align:center;border:1px solid var(--brand-gray-light);border-radius:var(--radius);background:var(--brand-white);cursor:pointer;transition:all .1s ease;position:relative;display:flex;flex-direction:column;gap:2px}.pack-tab:hover{border-color:var(--brand-gray-medium)}.pack-tab.active{border:2px solid var(--brand-black)}.pack-tab-save{font-family:var(--font-modernist);font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-sage-green)}.pack-tab-qty{font-weight:700;font-size:14px}.pack-tab-price{font-family:var(--font-modernist-mono);font-size:15px;font-weight:700}.pack-tab-per{font-family:var(--font-modernist-mono);font-size:10px;color:var(--brand-gray)}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--brand-gray)}.select-demo{font-family:var(--font-modernist);font-size:14px;width:100%;height:44px;padding:0 36px 0 14px;border:1px solid var(--brand-gray-light);border-radius:var(--radius);background:var(--brand-white);cursor:pointer;appearance:none}.select-demo:focus{outline:none;border-color:var(--brand-black)}.toggle-switch{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background .2s ease}.toggle-switch.off{background:var(--brand-gray-light)}.toggle-switch.on{background:var(--brand-black)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:var(--brand-white);position:absolute;top:2px;transition:left .2s ease;box-shadow:0 1px 3px #00000026}.toggle-switch.off .toggle-knob{left:2px}.toggle-switch.on .toggle-knob{left:20px}.check-demo{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.check-box{width:18px;height:18px;border:1px solid var(--brand-gray-medium);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s ease}.check-box.checked{background:var(--brand-black);border-color:var(--brand-black);color:var(--brand-white)}.radio-dot{width:18px;height:18px;border:1px solid var(--brand-gray-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-dot.selected{border-color:var(--brand-black);border-width:2px}.radio-dot.selected div{width:8px;height:8px;border-radius:50%;background:var(--brand-black)}.prod-card{border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s ease}.prod-card:hover{box-shadow:0 4px 16px #0000000f}.prod-card-img{position:relative;overflow:hidden}.prod-card-wishlist{position:absolute;top:10px;right:10px;background:#ffffffd9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.prod-card:hover .prod-card-wishlist{opacity:1}.prod-card-quickadd{position:absolute;bottom:0;left:0;right:0;background:var(--brand-black);color:var(--brand-white);text-align:center;padding:10px;font-family:var(--font-modernist);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transform:translateY(100%);transition:transform .2s ease}.prod-card:hover .prod-card-quickadd{transform:translateY(0)}.prod-card-info{padding:12px 4px}.prod-card-info h4{font-family:var(--font-modernist);font-weight:700;font-size:14px;margin-bottom:4px}.prod-card-price{font-family:var(--font-modernist-mono);font-size:13px;font-weight:700}.prod-card-rating{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--brand-gray)}.stars-mini{color:var(--brand-yellow-dark);font-size:11px;letter-spacing:-1px}.price-sale{color:var(--brand-red)}.price-compare{color:var(--brand-gray);text-decoration:line-through;font-size:12px;font-weight:400}.cart-line{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--brand-gray-extra-light);position:relative}.cart-line:last-child{border-bottom:none}.cart-line-details{flex:1;display:flex;flex-direction:column}.cart-line-title{font-weight:700;font-size:14px;margin-bottom:2px}.cart-line-variant{font-size:12px;color:var(--brand-gray)}.cart-line-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.cart-line-price{font-family:var(--font-modernist-mono);font-size:14px;font-weight:700}.cart-line-remove{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:var(--brand-gray-medium);padding:2px}.cart-line-remove:hover{color:var(--brand-black)}.price-anatomy{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.price-example{padding:20px;border:1px solid var(--brand-gray-light);border-radius:var(--radius)}.price-example-label{font-family:var(--font-modernist-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-gray);margin-bottom:8px}@media(max-width:767px){.ds-section{padding:48px 0 24px}.type-scale-row{grid-template-columns:80px 1fr;gap:12px}.color-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.component-row{gap:12px}.ds-hero{padding:80px var(--edge-space) 48px}.ds-hero h1{font-size:clamp(2.5rem,10vw,4rem)}}