@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--vwx-cream:#fff;--vwx-warm-white:#fff;--vwx-charcoal:#000;--vwx-warm-gray:#666;--vwx-light-gray:#ccc;--vwx-warm-yellow:#e0e0e0;--vwx-coral-red:#333;--vwx-sage-green:#999;--vwx-sky-blue:#aaa;--vw-heritage-marina-blue:#00639c;--vw-heritage-ruby-red:#9b111e;--vw-heritage-pearl-white:#f1f0e5;--vw-heritage-sumatra-green:#4d723f;--vw-heritage-brilliant-orange:#ed702d;--vw-heritage-sunshine-yellow:#ffda00;--vw-heritage-black:#000;--vw-heritage-pastel-white:#f1f0e5;--font-headline:"Space Grotesk","Helvetica Neue","Arial",sans-serif;--font-body:"Inter","Helvetica","Arial",sans-serif;--font-mono:"SF Mono","Monaco",monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-xxl:4rem;--max-width:700px;--content-width:600px;--mobile-width:100%;--border-radius:4px;--border-width:1px;--shadow-subtle:0 2px 8px #00000014;--shadow-medium:0 4px 16px #0000001f;--vwx-marina-blue:#aaa;--vwx-beryl-green:#bbb}.vwx-headline-display{font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-size:3rem;font-size:var(--text-5xl);font-weight:700;font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.vwx-headline-hero{font-size:2.25rem;font-size:var(--text-4xl);letter-spacing:-.01em;line-height:1.2}.vwx-headline-hero,.vwx-headline-page{font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-weight:600;font-weight:var(--weight-semibold)}.vwx-headline-page{font-size:1.875rem;font-size:var(--text-3xl);letter-spacing:0;line-height:1.3}.vwx-headline-section{font-size:1.5rem;font-size:var(--text-2xl)}.vwx-headline-section,.vwx-headline-sub{font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-weight:500;font-weight:var(--weight-medium);letter-spacing:0;line-height:1.4}.vwx-headline-sub{font-size:1.25rem;font-size:var(--text-xl)}.vwx-body-large{font-size:1.125rem;font-size:var(--text-lg)}.vwx-body-base,.vwx-body-large{font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--font-body);font-weight:400;font-weight:var(--weight-regular);line-height:1.6}.vwx-body-base,.vwx-body-medium{font-size:1rem;font-size:var(--text-base)}.vwx-body-medium{font-weight:500;font-weight:var(--weight-medium);line-height:1.6}.vwx-body-medium,.vwx-body-small{font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--font-body)}.vwx-body-small{font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--weight-regular);line-height:1.5}.vwx-mono-label{font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium);letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.vwx-mono-detail,.vwx-mono-label{font-family:SF Mono,Monaco,monospace;font-family:var(--font-mono)}.vwx-mono-detail{font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--weight-regular);letter-spacing:.05em;line-height:1.5}.vwx-type-name{font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:1.3}.vwx-model-name,.vwx-type-name{color:#000;color:var(--vwx-charcoal);font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline)}.vwx-model-name{font-size:1.25rem;font-size:var(--text-xl);line-height:1.4}.vwx-model-name,.vwx-spec-label{font-weight:500;font-weight:var(--weight-medium)}.vwx-spec-label{font-family:SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.vwx-spec-label,.vwx-spec-value{color:#000;color:var(--vwx-charcoal)}.vwx-spec-value{font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--weight-regular);line-height:1.5}.vwx-nav-primary{font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);letter-spacing:0}.vwx-breadcrumb{color:#666;color:var(--vwx-warm-gray);font-family:SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--weight-regular);letter-spacing:.05em}.vw-heritage-marina{color:#00639c;color:var(--vw-heritage-marina-blue)}.vw-heritage-marina-bg{background-color:#00639c;background-color:var(--vw-heritage-marina-blue)}.vw-heritage-ruby{color:#9b111e;color:var(--vw-heritage-ruby-red)}.vw-heritage-ruby-bg{background-color:#9b111e;background-color:var(--vw-heritage-ruby-red)}.vw-heritage-sumatra{color:#4d723f;color:var(--vw-heritage-sumatra-green)}.vw-heritage-sumatra-bg{background-color:#4d723f;background-color:var(--vw-heritage-sumatra-green)}.vw-heritage-brilliant-orange{color:#ed702d;color:var(--vw-heritage-brilliant-orange)}.vw-heritage-brilliant-orange-bg{background-color:#ed702d;background-color:var(--vw-heritage-brilliant-orange)}.vw-heritage-sunshine{color:#ffda00;color:var(--vw-heritage-sunshine-yellow)}.vw-heritage-sunshine-bg{background-color:#ffda00;background-color:var(--vw-heritage-sunshine-yellow)}.vw-heritage-accent-border{border-left:3px solid #00639c;border-left:3px solid var(--vw-heritage-marina-blue)}.vw-heritage-ruby-accent-border{border-left:3px solid #9b111e;border-left:3px solid var(--vw-heritage-ruby-red)}.vwx-button-primary{background-color:#000;background-color:var(--vwx-charcoal);border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;color:var(--vwx-warm-white);cursor:pointer;display:inline-block;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:background-color .2s ease,transform .1s ease}.vwx-button-primary:hover{background-color:#1a1a1a;transform:translateY(-1px)}.vwx-button-primary:active{transform:translateY(0)}.vwx-button-primary:focus{outline:2px solid #000;outline:2px solid var(--vwx-charcoal);outline-offset:2px}.vwx-button-secondary{background-color:initial;border:2px solid #000;border:2px solid var(--vwx-charcoal);border-radius:4px;border-radius:var(--border-radius);color:#000;color:var(--vwx-charcoal);cursor:pointer;display:inline-block;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:background-color .2s ease,color .2s ease}.vwx-button-secondary:hover{background-color:#000;background-color:var(--vwx-charcoal);color:#fff}.vwx-button-secondary:focus{outline:2px solid #000;outline:2px solid var(--vwx-charcoal);outline-offset:2px}.vwx-button-cta{align-items:center;background:#333;border:none;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:inline-flex;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--weight-semibold);gap:1rem;gap:var(--space-sm);padding:1.5rem 3rem;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:transform .1s ease,box-shadow .2s ease}.vwx-button-cta:hover{background:#1a1a1a;box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.vwx-button-cta:active{transform:translateY(0)}.vwx-button-cta:focus{outline:2px solid #000;outline:2px solid var(--vwx-charcoal);outline-offset:3px}.vwx-link-arrow{align-items:center;color:#000;color:var(--vwx-charcoal);display:inline-flex;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);gap:.5rem;gap:var(--space-xs);text-decoration:none;transition:gap .2s ease,color .2s ease}.vwx-link-arrow:hover{color:#666;color:var(--vwx-warm-gray);gap:1rem;gap:var(--space-sm)}.vwx-link-arrow:after{content:"→";font-size:1.2em}.vwx-link-arrow:focus{border-radius:2px;outline:2px solid #000;outline:2px solid var(--vwx-charcoal);outline-offset:2px}.vwx-button-group{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-md)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--vwx-cream);color:var(--vwx-charcoal);font-family:var(--font-body);line-height:1.6;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.vwx-welcome-section{display:none}.welcome-content{height:100%;justify-content:space-between;margin:0 auto;max-width:950px;padding:0 var(--space-lg)}.welcome-content,.welcome-main{align-items:center;display:flex}.welcome-main{gap:var(--space-md)}.welcome-title{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.9rem;font-weight:400;letter-spacing:.02em;margin:0;opacity:.85;white-space:nowrap}.welcome-subhead{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;margin:0;text-transform:uppercase;white-space:nowrap}.vwx-monogram{align-items:center;display:flex;gap:0;justify-content:center;position:relative}.monogram-v,.monogram-w{color:var(--vwx-coral-red);font-size:1.2rem;z-index:2}.monogram-v,.monogram-w,.monogram-x{font-family:var(--font-headline);font-weight:700;line-height:1;position:relative}.monogram-x{color:var(--vwx-charcoal);font-size:2.4rem;margin:0 -.5rem;opacity:.9;z-index:1}.monogram-v,.monogram-w{transform:translateY(-.1rem)}.app-header{background-color:var(--vwx-cream);margin:0 auto;max-width:950px;padding:var(--space-lg);position:relative;width:100%}.header-content{margin:0;max-width:none;padding:0;text-align:left}.vwx-title-fallback{color:var(--vwx-charcoal);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.vwx-color-dots{display:none;gap:2px}.vwx-dot{border-radius:50%;height:8px;width:8px}.vwx-dot:first-child{background-color:#333}.vwx-dot:nth-child(2){background-color:#999}.vwx-dot:nth-child(3){background-color:#000}.hero-image{display:block;height:auto;margin-bottom:var(--space-lg);width:100%}.header-content h1{margin:0 0 var(--space-md) 0}.header-content h1,.header-content h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:.85}.header-content h2{margin:var(--space-xl) 0 var(--space-md) 0}.header-content p{color:var(--vwx-charcoal);font-size:1rem;line-height:1.7;margin:0;max-width:700px;text-align:left}.header-nav{border-bottom:var(--border-width) solid var(--vwx-light-gray);border-top:var(--border-width) solid var(--vwx-light-gray);margin-top:var(--space-xl);padding:var(--space-sm) 0}.header-nav-content{align-items:center;display:flex;justify-content:space-between}.vwx-type-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin-top:var(--space-xl)}.vwx-type-box-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.vwx-type-box{background-color:var(--vwx-warm-yellow);border:var(--border-width) solid var(--vwx-light-gray);color:inherit;cursor:pointer;display:block;padding:var(--space-lg);text-align:center;text-decoration:none;transition:all .2s ease}.vwx-type-box:hover{border-color:var(--vwx-coral-red);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vwx-type-box h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-xs) 0}.vwx-type-box .type-subhead{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 var(--space-xs) 0;text-transform:uppercase}.vwx-type-box .type-description{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.8rem;line-height:1.4;margin:0;opacity:.8}.vwx-family-link{color:var(--vwx-warm-gray);display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.05em;padding:var(--space-xs);text-align:center;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.vwx-family-link:hover{color:var(--vwx-coral-red)}.nav-button{background:none;border:none;color:var(--vwx-charcoal);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.1em;padding:var(--space-xs);text-transform:uppercase;transition:all .2s ease}.nav-button.active,.nav-button:hover{color:var(--vwx-coral-red)}.nav-info{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.7rem;text-align:right}.app-main{flex:1 1;margin:0 auto;max-width:950px;padding:var(--space-lg);width:100%}.app-footer{background-color:var(--vwx-charcoal);border-top:none;margin-top:auto;padding:var(--space-md) var(--space-lg)}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:950px;text-align:center}.footer-logo{display:flex;justify-content:center;margin-bottom:var(--space-sm);order:2}.vwx-logo{background:#0000;filter:brightness(2) contrast(1.2);height:50px;mix-blend-mode:screen;width:auto}.footer-nav{grid-gap:var(--space-md);align-self:start;display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-sm);order:1;text-align:left}.footer-nav-section h4{color:var(--vwx-cream);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;margin:0 0 var(--space-xs) 0;text-transform:uppercase}.footer-nav-section a{color:var(--vwx-cream);display:block;font-family:var(--font-body);font-size:.8rem;line-height:1.3;opacity:.8;padding:.25rem 0;text-decoration:none;transition:color .2s ease}.footer-nav-section a:hover{color:var(--vwx-coral-red);opacity:1}.footer-credit{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;margin:0;order:3;text-align:center}@media (max-width:600px){.vwx-welcome-section{min-height:50px;padding:var(--space-xs) var(--space-sm)}.welcome-content{align-items:center;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-sm)}.welcome-main{gap:var(--space-sm)}.welcome-title{font-size:.8rem}.welcome-subhead{font-size:.6rem}.monogram-v,.monogram-w{font-size:1rem}.monogram-x{font-size:2rem;margin:0 -.3rem}.monogram-v,.monogram-w{transform:translateY(-.05rem)}.app-header{max-width:100%;padding:var(--space-md) var(--space-sm)}.header-content{max-width:none;padding:0}.header-content h2{font-size:2.5rem}.vwx-type-grid{gap:var(--space-sm);grid-template-columns:1fr;max-width:100%}.vwx-type-box{padding:var(--space-md)}.vwx-type-box h3{font-size:1rem}.vwx-type-box p{font-size:.7rem}.app-main{padding:var(--space-md) var(--space-sm)}.nav-content{max-width:100%;padding:0 var(--space-sm)}.footer-nav{gap:var(--space-lg);grid-template-columns:1fr}}@media (min-width:601px) and (max-width:768px){.welcome-title{font-size:.85rem}.welcome-subhead{font-size:.65rem}.monogram-v,.monogram-w{font-size:1.1rem}.monogram-x{font-size:2.2rem;margin:0 -.4rem}.app-header{max-width:100%}.header-content{max-width:none}.app-main{max-width:100%}.vwx-type-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.vwx-type-box{padding:var(--space-sm)}.vwx-type-box h3{font-size:1rem}.vwx-type-box p{font-size:.75rem}}@media (min-width:769px){.welcome-title{font-size:1rem}.welcome-subhead{font-size:.75rem}.monogram-v,.monogram-w{font-size:1.3rem}.monogram-x{font-size:2.6rem;margin:0 -.6rem}.app-header{max-width:950px}.app-main,.header-content,.nav-content{max-width:none}.header-content h1,.header-content h2{font-size:3.5rem}}.vwx-quick-stats{align-items:center;color:var(--vwx-warm-gray);display:flex;font-family:var(--font-mono);font-size:.8rem;font-weight:500;gap:var(--space-sm);letter-spacing:.05em;margin:var(--space-lg) 0;text-transform:uppercase}.stat-item{white-space:nowrap}.stat-separator{color:var(--vwx-coral-red);font-weight:600}.homepage-stats-wrapper{margin:var(--space-xl) 0 var(--space-lg) 0}.homepage-stats-wrapper .stats-line{background:linear-gradient(135deg,#fffffff2,#f5f5f5f2);border:1px solid var(--vwx-light-gray);border-radius:4px;margin:0;padding:var(--space-lg)}.homepage-stats-wrapper .stats-line__title{color:var(--vwx-charcoal);margin-bottom:var(--space-md)}.homepage-stats-wrapper .stats-line__stats{gap:var(--space-xl)}.homepage-stats-wrapper .stats-line__stat{border-right:1px solid var(--vwx-light-gray);color:var(--vwx-charcoal);font-size:var(--text-md);font-weight:600;padding:0 var(--space-md)}.homepage-stats-wrapper .stats-line__stat:last-child{border-right:none;padding-right:0}.homepage-stats-wrapper .stats-line__colors{border-top:1px solid var(--vwx-light-gray);margin-top:var(--space-lg);padding-top:var(--space-lg)}.homepage-stats-wrapper .stats-line__disclaimer{color:var(--vwx-warm-gray);font-size:.85rem}.homepage-stats-wrapper .stats-line__swatches{gap:var(--space-md)}.homepage-stats-wrapper .stats-line__swatch{border:2px solid var(--vwx-light-gray);height:44px;width:44px}.homepage-stats-wrapper .stats-line__color-labels{gap:var(--space-md);margin-top:var(--space-sm)}.homepage-search{display:flex;gap:0;margin:var(--space-lg) 0;max-width:400px}.homepage-search-input{background-color:var(--vwx-cream);border:var(--border-width) solid var(--vwx-light-gray);border-radius:0;border-right:none;color:var(--vwx-charcoal);flex:1 1;font-family:var(--font-body);font-size:.9rem;outline:none;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.homepage-search-input:focus{border-color:var(--vwx-charcoal);box-shadow:0 0 0 1px var(--vwx-charcoal)}.homepage-search-button{background-color:var(--vwx-charcoal);border:var(--border-width) solid var(--vwx-charcoal);border-radius:0;color:var(--vwx-cream);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all .2s ease}.homepage-search-button:hover{background-color:var(--vwx-warm-gray);border-color:var(--vwx-warm-gray)}.browse-header{background-color:var(--vwx-cream);border-bottom:var(--border-width) solid var(--vwx-light-gray);padding:var(--space-lg)}.browse-content{margin:0 auto;max-width:950px;padding:0 var(--space-lg)}.back-home{color:var(--vwx-coral-red);display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;margin-bottom:var(--space-md);text-decoration:none;text-transform:uppercase;transition:color .2s ease}.back-home:hover,.browse-content h1{color:var(--vwx-charcoal)}.browse-content h1{font-family:var(--font-headline);font-size:2.5rem;font-weight:700;line-height:.9;margin:0}.vwx-mission-section{background-color:var(--vwx-warm-white);margin:0;padding:var(--space-3xl) var(--space-lg)}.mission-content{max-width:950px;padding:0 var(--space-lg);text-align:left}.mission-content h2{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:.9;margin:0 0 var(--space-lg) 0}.mission-content>p{color:var(--vwx-charcoal);font-size:1rem;line-height:1.7;margin:0 0 var(--space-xl) 0;max-width:700px}.feature-item{background:var(--vwx-cream)}.feature-text{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.6}.feature-text strong{color:var(--vwx-charcoal);display:block;font-family:var(--font-headline);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs)}.feature-text-link{color:inherit;text-decoration:none}.feature-text-link:hover .feature-text strong{color:var(--vwx-charcoal);text-decoration:underline}.mission-tagline{font-size:1rem;line-height:1.6;margin:var(--space-xl) 0 0 0;max-width:700px;text-align:left}@media (max-width:600px){.mission-features{gap:var(--space-lg);max-width:100%}.feature-item{padding:var(--space-md)}}@media (min-width:769px){.mission-content h2{font-size:3rem}}@media (max-width:480px){.vwx-quick-stats{flex-wrap:wrap;gap:var(--space-xs)}.homepage-search{max-width:100%}.browse-content h1{font-size:2rem}}@media (min-width:769px){.browse-content h1{font-size:3rem}}.not-found{align-items:center;background-color:var(--vwx-cream);display:flex;justify-content:center;min-height:60vh;padding:var(--space-2xl) var(--space-lg)}.not-found-content{max-width:600px;text-align:center}.not-found-content h1{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:3rem;font-weight:700;line-height:1;margin:0 0 var(--space-md) 0}.not-found-content p{color:var(--vwx-warm-gray);font-family:var(--font-body);font-size:1rem;line-height:1.6;margin:0 0 var(--space-xl) 0}.not-found-links{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.not-found-link{background-color:var(--vwx-charcoal);border:var(--border-width) solid var(--vwx-charcoal);color:var(--vwx-cream);display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;padding:var(--space-sm) var(--space-lg);text-decoration:none;text-transform:uppercase;transition:all .2s ease}.not-found-link:hover{background-color:var(--vwx-warm-gray);border-color:var(--vwx-warm-gray)}.redirecting{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:var(--space-2xl) var(--space-lg)}.redirecting p{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}@media (max-width:600px){.not-found-content h1{font-size:2rem}.not-found-links{align-items:center;flex-direction:column}.not-found-link{max-width:300px;text-align:center;width:100%}}.vwx-main-template{display:flex;flex-direction:column;min-height:100vh}.vwx-template-header{flex-shrink:0}.vwx-template-main{flex:1 1;margin:0 auto;max-width:950px;padding:var(--space-lg);width:100%;@media (max-width:600px){max-width:100%;padding:var(--space-md) var(--space-sm)}@media (min-width:601px) and (max-width:768px){max-width:100%;padding:var(--space-lg) var(--space-md)}}.vwx-sticky-cta-layer{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:1000}.vwx-sticky-cta-layer>*{pointer-events:auto}.stats-line{background:var(--vwx-bg-secondary);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0;padding:var(--space-md)}.stats-line__title{color:var(--vwx-text-primary);font-size:var(--text-md);font-weight:600;margin:0}.stats-line__stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.stats-line__stat{border-right:1px solid var(--vwx-border-color);color:var(--vwx-text-secondary);font-size:var(--text-sm);font-weight:500;padding:0 var(--space-sm)}.stats-line__stat:last-child{border-right:none}.stats-line__stat:has-selector(:contains("Color")){color:var(--vwx-primary-color);font-weight:600}.stats-line__color-code,.stats-line__color-item,.stats-line__color-label,.stats-line__color-labels,.stats-line__colors,.stats-line__disclaimer,.stats-line__swatch,.stats-line__swatches{display:none}.stats-line--home{background:linear-gradient(135deg,var(--vwx-bg-primary) 0,var(--vwx-bg-secondary) 100%);border:1px solid var(--vwx-border-color);padding:var(--space-lg)}.stats-line--home .stats-line__stats{gap:var(--space-lg)}.stats-line--home .stats-line__stat{color:var(--vwx-text-primary);font-size:var(--text-md);font-weight:600}.stats-line--home .stats-line__swatches{gap:var(--space-lg)}.stats-line--home .stats-line__swatch{height:44px;width:44px}.stats-line--home .stats-line__color-code{font-size:11px}.stats-line--type{background:var(--vwx-bg-secondary);border-left:4px solid var(--vwx-primary-color);padding:var(--space-md) var(--space-lg)}.stats-line--type .stats-line__stat{font-size:var(--text-sm)}.stats-line--type .stats-line__swatches{gap:var(--space-md)}.stats-line--type .stats-line__swatch{height:28px;width:28px}.stats-line--variant{background:var(--vwx-bg-tertiary);border-top:2px solid var(--vwx-primary-color);padding:var(--space-md)}.stats-line--variant .stats-line__stat{color:var(--vwx-text-secondary);font-size:var(--text-xs)}.stats-line--variant .stats-line__swatches{gap:var(--space-sm)}.stats-line--variant .stats-line__swatch{height:24px;width:24px}.stats-line--detail{background:#0000;border:none;padding:var(--space-sm) 0}.stats-line--detail .stats-line__stat{border-right:none;font-size:var(--text-xs);padding:0 var(--space-xs)}.stats-line--detail .stats-line__stat:not(:last-child):after{color:var(--vwx-text-tertiary);content:" • ";margin:0 var(--space-xs)}.stats-line--detail .stats-line__swatches{gap:var(--space-sm)}.stats-line--detail .stats-line__swatch{height:20px;width:20px}@media (max-width:768px){.stats-line{padding:var(--space-sm)}.stats-line,.stats-line__stats{gap:var(--space-sm)}.stats-line__stat{font-size:var(--text-xs);padding:0 var(--space-xs)}.stats-line--home .stats-line__stat{font-size:var(--text-sm)}.stats-line__swatches{gap:var(--space-md)}.stats-line__swatch{height:24px!important;width:24px!important}.stats-line--home .stats-line__swatches{gap:var(--space-lg)}.stats-line--home .stats-line__swatch{height:32px!important;width:32px!important}}@media (max-width:480px){.stats-line{gap:var(--space-xs);padding:var(--space-sm)}.stats-line__stats{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.stats-line__stat{border-right:none;padding:0}.stats-line__stat:not(:last-child):after{content:none}.stats-line__stat:not(:last-child){margin-bottom:var(--space-xs)}.stats-line__swatches{gap:var(--space-sm)}.stats-line__color-item{gap:2px}.stats-line__swatch{height:20px!important;width:20px!important}.stats-line--home .stats-line__swatches{gap:var(--space-md)}.stats-line--home .stats-line__swatch{height:28px!important;width:28px!important}.stats-line--home .stats-line__color-code{font-size:10px}}.breadcrumb{margin-bottom:2rem}.breadcrumb-list{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.9rem;line-height:1.4;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex}.breadcrumb-link{color:var(--vwx-warm-gray);transition:color .2s ease}.breadcrumb-current,.breadcrumb-link:hover{color:var(--vwx-charcoal)}.breadcrumb-current{font-weight:500}.breadcrumb-separator{color:var(--vwx-light-gray);font-weight:400;margin:0 .75rem}@media (max-width:480px){.breadcrumb-list{font-size:.8rem}.breadcrumb-separator{margin:0 .5rem}}.type-template-header{flex-shrink:0}.type-template-main{display:flex;flex-direction:column;margin:0 auto;max-width:950px;padding:0;width:100%}.type-template-section{width:100%}.type-template-sticky-cta{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:100}.type-template-sticky-cta>*{pointer-events:auto}.interior-evolution-timeline{border-bottom:1px solid var(--vwx-light-grey);border-top:1px solid var(--vwx-light-grey);padding:var(--space-lg) 0}.interior-evolution-timeline h2{margin:var(--space-lg) 0 var(--space-md) 0}.evolution-intro{color:var(--vwx-grey);font-size:var(--text-base);margin-bottom:var(--space-lg);max-width:600px}.evolution-timeline{display:flex;flex-direction:column;gap:var(--space-md)}.evolution-era{background:var(--vwx-warm-white);border-left:4px solid var(--vwx-charcoal);border-radius:2px;overflow:hidden;transition:box-shadow var(--type-transition)}.evolution-era:hover{box-shadow:0 2px 8px #0000001a}.era-button{align-items:center;background:#0000;border:none;border-left:4px solid;border-left-color:inherit;color:var(--vwx-charcoal);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);justify-content:space-between;margin-left:-4px;padding:var(--space-md);padding-left:calc(var(--space-md) + 4px);text-align:left;transition:background-color var(--type-transition);width:100%}.era-button:hover{background:#00000008}.era-label{align-items:center;display:flex;font-size:var(--text-base);font-weight:var(--weight-semibold);gap:var(--space-sm)}.era-indicator{color:var(--vwx-grey);font-size:var(--text-lg);min-width:24px;text-align:center;transition:transform var(--type-transition)}.era-button.expanded .era-indicator{transform:rotate(180deg)}.era-content{animation:slideDown .2s ease-out;border-top:1px solid var(--vwx-light-grey);padding:0 var(--space-md) var(--space-md) var(--space-md)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.era-details{flex-direction:column}.era-details,.era-header{display:flex;gap:var(--space-md)}.era-header{align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.era-header h4{color:var(--vwx-charcoal);font-size:var(--text-base);margin:0}.era-badge,.era-header h4{font-weight:var(--weight-semibold)}.era-badge{background:var(--vwx-charcoal);border-radius:12px;color:#fff;display:inline-block;font-size:12px;padding:4px 8px;white-space:nowrap}.era-specs-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-md)}.era-spec-box{background:#fff;border-left:3px solid var(--vwx-charcoal);border-radius:2px;padding:var(--space-md)}.era-spec-box h5{color:var(--vwx-charcoal);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.5px;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.spec-items{display:flex;flex-direction:column;gap:var(--space-xs)}.spec-item{font-size:var(--text-sm);gap:4px}.spec-item .label{color:var(--vwx-charcoal);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.5px;text-transform:uppercase}.spec-item .value{color:var(--vwx-grey);font-size:var(--text-sm);line-height:1.4}@media (max-width:768px){.interior-evolution-timeline{padding:var(--space-md) 0}.evolution-timeline{gap:var(--space-sm)}.era-button{font-size:var(--text-sm);padding:var(--space-sm);padding-left:calc(var(--space-sm) + 4px)}.era-content{padding:var(--space-sm)}.era-specs-grid{grid-template-columns:1fr}.era-header{flex-direction:column;gap:var(--space-xs)}.era-header h4{font-size:var(--text-sm)}}@media (max-width:480px){.era-label{font-size:var(--text-sm);gap:4px}.era-badge{font-size:10px;padding:3px 6px}.spec-item{gap:2px}.spec-item .label{font-size:10px}.spec-item .value{font-size:12px}}:root{--type-card-min-height:260px;--type-card-image-height:160px;--type-timeline-min-height:100px;--type-transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.type-page{background:var(--vwx-cream);color:var(--vwx-charcoal);min-height:100vh}.type-main{margin:0 auto;max-width:950px;padding:var(--space-sm) var(--space-sm) var(--space-xl)}.type-header{box-shadow:var(--shadow-medium);padding:var(--space-lg) var(--space-sm) var(--space-md)}.type-breadcrumb{font-family:var(--font-mono);font-size:.9rem;margin:0 auto .75rem;max-width:950px}.breadcrumb-link{color:var(--vwx-charcoal);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;opacity:.7}.breadcrumb-current{opacity:.9}.type-hero{margin:0 auto;max-width:950px}.type-hero-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.type-title-group h1{font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1;margin:0}.type-subtitle{font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase}.type-period,.type-subtitle{font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-xs) 0 0}.type-hero-description{font-size:var(--text-lg);line-height:1.6;margin:0;max-width:65ch}.section-header{align-items:baseline;margin-bottom:var(--space-sm)}.section-header h2{font-size:var(--text-2xl);font-weight:var(--weight-medium)}.model-count{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.8}.authenticity-section,.family-overview-section,.investment-value-section,.mcode-link-section,.overview-quick-stats,.overview-timeline,.specs-decoding-callout{background:var(--vwx-warm-white);border-radius:0;margin:var(--space-lg) 0;padding:var(--space-xl)}.authenticity-section{border-left:6px solid var(--vwx-coral-red)}.family-overview-section{border-left:6px solid var(--vwx-marina-blue);box-shadow:var(--shadow-subtle)}.investment-value-section{border-top:4px solid var(--vwx-sage)}.overview-quick-stats{border-top:4px solid var(--vwx-marina-blue);text-align:center}.overview-timeline{border-top:4px solid var(--vwx-warm-yellow);padding:var(--space-xl) 0}.specs-decoding-callout{background:var(--vwx-cream);border-left:6px solid var(--vwx-sky)}.mcode-link-section{border-top:4px solid var(--vwx-warm-gray)}.overview-content{margin:0 auto;max-width:950px;padding:0 var(--space-sm)}.overview-content section{background:var(--vwx-warm-white);border-radius:0;border-top:4px solid var(--vwx-light-gray);margin-bottom:var(--space-lg);padding:var(--space-xl)}.overview-content section:first-child{border-top-color:var(--vwx-marina-blue)}.overview-content section:nth-child(2){border-top-color:var(--vwx-beryl-green)}.overview-content section:nth-child(3){border-top-color:var(--vwx-coral-red)}.overview-content section:nth-child(4){border-top-color:var(--vwx-warm-yellow)}.authenticity-content h3,.family-overview-content h2,.investment-value-section h2,.mcode-link-section h2,.overview-content section h2{color:var(--vwx-charcoal);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0 0 var(--space-md) 0}.cultural-paragraph,.family-overview-description,.investment-value-content,.mcode-link-intro,.mcode-preview-item span,.overview-content section p,.timeline-intro,.variant-family-description{color:var(--vwx-charcoal);font-size:var(--text-base);line-height:1.7;margin:0;max-width:75ch}.model-navigation{margin-bottom:var(--space-lg);padding:var(--space-md) 0}.model-nav-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);margin-bottom:var(--space-lg)}.model-nav-card-link{color:inherit;display:block;text-decoration:none}.model-nav-card{background:var(--vwx-warm-white);border:1px solid var(--vwx-light-gray);box-shadow:var(--shadow-subtle);cursor:pointer;display:flex;flex-direction:column;min-height:260px;min-height:var(--type-card-min-height);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.model-nav-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.model-nav-card .model-image-container{flex-shrink:0;height:160px;height:var(--type-card-image-height);overflow:hidden;position:relative;width:100%}.model-nav-card .model-image{height:100%;object-fit:cover;width:100%}.model-nav-card .model-image-placeholder{display:grid;font-family:var(--font-mono);font-size:.9rem;font-weight:600;height:100%;padding:1rem;place-items:center;text-align:center}.model-nav-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:var(--space-sm) var(--space-md);text-align:center}.model-nav-content h3{align-items:center;color:var(--vwx-charcoal);display:flex;font-size:var(--text-xl);font-weight:var(--weight-medium);justify-content:center;line-height:1.3;margin:0 0 var(--space-xs) 0;min-height:2.6rem}.model-nav-content .model-year{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-sm)}.model-nav-content .view-details{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.mcode-link-cta,.view-all-cta{padding:var(--space-lg) 0;text-align:center}.authenticity-cta,.family-overview-cta,.mcode-reference-link,.view-all-link{align-items:center;border:2px solid;border-radius:0;color:var(--vwx-cream);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-sm);letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-decoration:none;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.authenticity-cta,.view-all-link{background:var(--vwx-coral-red);border-color:var(--vwx-coral-red)}.authenticity-cta:hover,.mcode-reference-link:hover,.view-all-link:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.family-overview-cta{background:var(--vwx-marina-blue);border-color:var(--vwx-marina-blue);padding:var(--space-md) var(--space-xl)}.family-overview-cta:hover{box-shadow:0 4px 12px #7eb3d44d;transform:translateY(-2px)}.mcode-reference-link{background:var(--vwx-charcoal);border-color:var(--vwx-charcoal)}.family-overview-cta .cta-icon{font-size:var(--text-lg)}.family-overview-links{grid-gap:var(--space-md);display:grid;gap:var(--space-md);margin:0 auto;max-width:500px}.family-overview-cta.variant-cta{background:var(--vwx-beryl-green);border-color:var(--vwx-beryl-green);justify-content:center;width:100%}.link-arrow{font-size:var(--text-lg);transition:transform .2s ease}.mcode-reference-link:hover .link-arrow{transform:translateX(4px)}.authenticity-content,.family-overview-content{margin:0 auto;max-width:600px;text-align:center}.family-overview-content{max-width:700px}.authenticity-content p{font-size:var(--text-lg);line-height:1.6;margin:0 0 var(--space-lg) 0;margin-left:auto;margin-right:auto;max-width:50ch}.family-overview-description{margin:0 0 var(--space-xl) 0;margin-left:auto;margin-right:auto;max-width:60ch}.authenticity-features{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--space-lg) 0}.authenticity-features .feature{background:var(--vwx-cream);border-left:3px solid var(--vwx-beryl-green);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.authenticity-features .feature:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.specs-decoding-content{max-width:75ch}.specs-decoding-content h3{color:var(--vwx-charcoal);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0 0 var(--space-sm) 0}.specs-decoding-content p{margin:0 0 var(--space-md) 0}.specs-decoding-cta{color:var(--vwx-sky);display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.specs-decoding-cta:hover{color:var(--vwx-charcoal);text-decoration:underline}.cultural-paragraphs,.timeline-list,.variants-list{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.timeline-list,.variants-list{list-style:none;margin:0;padding:0}.timeline-list{gap:var(--space-xs)}.timeline-item,.variants-item{background:var(--vwx-cream);border-left:4px solid;line-height:1.7;padding:var(--space-md) var(--space-lg);transition:transform .2s ease}.timeline-item:hover,.variants-item:hover{transform:translateX(2px)}.variants-item:hover{border-left-color:var(--vwx-coral-red)}.timeline-item strong,.variants-item strong{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.mcode-link-intro{margin:0 0 var(--space-lg) 0}.mcode-preview-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-lg)}.mcode-preview-item{align-items:center;background:var(--vwx-cream);border:1px solid var(--vwx-light-gray);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.mcode-preview-item:hover{border-color:var(--vwx-coral-red);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.preview-badge{background:var(--vwx-warm-gray);border-radius:6px;color:var(--vwx-cream);flex-shrink:0;font-weight:var(--weight-bold);min-width:3.5rem;padding:var(--space-xs) var(--space-sm);text-align:center}.mcode-cta-note,.preview-badge{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em}.mcode-cta-note{margin:var(--space-md) 0 0 0;opacity:.7}.type-navigation{margin-top:var(--space-md)}.nav-section h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-md)}.other-types-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.other-type-link{grid-gap:var(--space-xs);background:var(--vwx-warm-white);border:1px solid #00000014;border-radius:6px;color:var(--vwx-charcoal);display:grid;gap:var(--space-xs);padding:var(--space-sm);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.other-type-link:hover{background:#eb575705;border-color:var(--vwx-coral-red)}.other-type-link.current{outline:2px solid var(--vwx-coral-red);outline-offset:-1px}.other-type-name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.other-type-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.8}.stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:var(--space-lg)}.stat-item{background:var(--vwx-cream);border-left:4px solid var(--vwx-beryl-green);padding:var(--space-md);text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.stat-item:hover{border-left-color:var(--vwx-coral-red);transform:translateX(2px)}.stat-label{font-size:var(--text-xs);letter-spacing:.05em;margin-bottom:var(--space-xs)}.stat-value{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.2}.variant-family-section{background:var(--vwx-warm-white);margin:0 0 var(--space-lg) 0;padding:var(--space-lg) 0}.variant-family-content{width:100%}.variant-family-description,.variant-family-stats{margin-bottom:var(--space-lg)}.primary-variants-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--space-lg)}.primary-variant-card{background:var(--vwx-cream);border:2px solid var(--vwx-light-gray);border-radius:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.primary-variant-card:hover{border-color:var(--vwx-coral-red);box-shadow:0 6px 16px #e4572e26;transform:translateY(-4px)}.variant-card-link{color:inherit;display:block;text-decoration:none}.variant-card-content{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);text-align:center}.variant-name{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:1.3;margin:0}.variant-years{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:.02em;margin:0}.variant-count{color:var(--vwx-warm-gray);font-size:var(--text-sm);margin:0}.variant-explore{color:var(--vwx-sky);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;margin-top:var(--space-sm);text-transform:uppercase;transition:color .2s ease}.primary-variant-card:hover .variant-explore{color:var(--vwx-coral-red)}.overview-timeline .timeline-intro,.overview-timeline h2{padding:0 var(--space-xl)}.timeline-intro{margin:0 0 var(--space-lg) 0}.overview-timeline .timeline-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);width:100%}.timeline-grid-item{background:var(--vwx-cream);border-left:4px solid;color:var(--vwx-charcoal);display:flex;flex-direction:column;gap:var(--space-xs);min-height:100px;min-height:var(--type-timeline-min-height);padding:var(--space-md);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--type-transition)}.timeline-grid-item:hover{border-left-color:var(--vwx-coral-red);box-shadow:0 2px 8px #00000014;transform:translateX(2px)}.timeline-year{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.timeline-variant{align-items:center;color:var(--vwx-charcoal);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-xs);line-height:1.3}.representative-badge{color:var(--vwx-warm-yellow);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:var(--text-base);line-height:1}.timeline-engine{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:var(--text-xs);margin-top:auto}.model-nav-card.featured{background:#eb575705;border:2px solid var(--vwx-coral-red);position:relative}.model-nav-card.featured:after{color:var(--vwx-coral-red);content:"★";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:var(--text-xl);position:absolute;right:12px;top:8px}.model-nav-card.featured:hover{border-color:var(--vwx-charcoal);box-shadow:0 8px 20px #eb575733;transform:translateY(-4px)}.authenticity-cta,.family-overview-cta,.mcode-reference-link,.view-all-link{box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.authenticity-cta:before,.family-overview-cta:before,.mcode-reference-link:before,.view-all-link:before{background:#ffffff26;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.authenticity-cta:hover:before,.family-overview-cta:hover:before,.mcode-reference-link:hover:before,.view-all-link:hover:before{left:100%}.authenticity-cta:hover,.mcode-reference-link:hover,.view-all-link:hover{background:var(--vwx-charcoal);border-color:var(--vwx-charcoal);box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.family-overview-cta:hover{background:var(--vwx-charcoal);border-color:var(--vwx-charcoal);box-shadow:0 6px 16px #7eb3d459;transform:translateY(-3px)}.timeline-grid-item{overflow:hidden;position:relative}.timeline-grid-item:before{background:var(--vwx-coral-red);content:"";height:2px;position:absolute;right:0;top:0;transition:width .3s ease;width:0}.timeline-grid-item:hover:before{width:100%}.timeline-grid-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.type-header{background:linear-gradient(135deg,var(--vwx-warm-white) 0,#f2e9d880 100%);position:relative}.type-hero-content{position:relative;z-index:1}.type-title-group h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--vwx-charcoal) 0,#000c 100%);-webkit-background-clip:text;background-clip:text}@media (max-width:600px){.overview-quick-stats{padding:var(--space-md)}.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.overview-timeline .timeline-grid{gap:var(--space-sm);grid-template-columns:1fr}.timeline-grid-item{min-height:80px;padding:var(--space-sm)}.timeline-year{font-size:var(--text-xl)}.type-main{padding:var(--space-xs) var(--space-xs) var(--space-lg)}.type-hero-content{gap:1rem}.type-title-group h1{font-size:var(--text-3xl);line-height:1.2}.type-hero-description{font-size:var(--text-base)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.model-nav-grid{grid-template-columns:1fr}.model-nav-card{min-height:240px}.authenticity-cta,.family-overview-cta,.mcode-reference-link,.view-all-link{font-size:var(--text-xs);justify-content:center;padding:var(--space-sm) var(--space-md);width:100%}.authenticity-features,.mcode-preview-grid,.other-types-grid{grid-template-columns:1fr}.family-overview-links{max-width:100%}.primary-variants-grid{gap:var(--space-md);grid-template-columns:1fr}.variant-card-content{padding:var(--space-lg)}}@media (min-width:601px) and (max-width:768px){.overview-timeline .timeline-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-timeline .timeline-grid{gap:var(--space-sm)}.model-nav-grid{grid-template-columns:repeat(2,1fr)}.type-hero-content{gap:1.2rem}.type-title-group h1{font-size:var(--text-4xl)}.section-header{margin-bottom:var(--space-md)}.authenticity-features{grid-template-columns:1fr}.mcode-preview-grid,.primary-variants-grid{grid-template-columns:repeat(2,1fr)}.primary-variants-grid{gap:var(--space-md)}}@media (min-width:769px){.overview-quick-stats{padding:var(--space-xl)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.model-nav-grid,.overview-timeline .timeline-grid{grid-template-columns:repeat(3,1fr)}.primary-variants-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}}.model-list{width:100%}.search-section{background-color:var(--vwx-cream);margin-bottom:var(--space-lg)}.search-input,.search-section{border:var(--border-width) solid var(--vwx-light-gray);padding:var(--space-md)}.search-input{border-radius:0;color:var(--vwx-charcoal);transition:all .2s ease}.search-input,.search-input:focus{background-color:#fff}.search-input::placeholder{color:var(--vwx-warm-gray);font-style:italic}.vwx-mission-section{background-color:#fff;border:var(--border-width) solid var(--vwx-light-gray);margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-lg)}.mission-content{margin:0 auto;max-width:var(--max-width);text-align:center}.mission-content h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.75rem;font-weight:600;line-height:1.2;margin:0 0 var(--space-md) 0}.mission-content p{color:var(--vwx-charcoal);font-size:1rem;line-height:1.6;margin:0 0 var(--space-lg) 0}.mission-features{align-items:center;display:flex;flex-direction:column;gap:var(--space-xl);margin:var(--space-2xl) 0;margin-left:auto;margin-right:auto;max-width:600px}.feature-item{background:var(--vwx-warm-white);border:1px solid var(--vwx-light-gray);border-radius:0;display:block;padding:var(--space-lg);position:relative;text-align:center;transition:transform .2s ease;width:100%}.feature-item:hover{transform:translateY(-1px)}.feature-shape{display:none}.feature-text{font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.02em;line-height:1.4;max-width:180px;position:relative;z-index:2}.mission-tagline{color:var(--vwx-charcoal);font-size:1.1rem;font-style:italic;margin:var(--space-lg) 0 0 0!important}.mission-tagline strong{color:var(--vwx-coral-red);font-style:normal}.models-grid{display:flex;flex-direction:column;gap:var(--space-xl)}.model-card{background-color:#fff;border:var(--border-width) solid var(--vwx-light-gray);cursor:pointer;transition:all .2s ease;width:100%}.model-card:hover{border-color:var(--vwx-coral-red);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.model-image{align-items:center;aspect-ratio:4/3;background-color:var(--vwx-warm-yellow);display:flex;justify-content:center;overflow:hidden}.model-image img{filter:contrast(1.1) brightness(.95);max-height:85%;max-width:85%;object-fit:contain}.model-image-placeholder{height:100%}.model-image-placeholder .placeholder-text{color:var(--vwx-charcoal);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;opacity:.6;text-transform:uppercase}.model-info{background-color:#fff;padding:var(--space-lg)}.model-info h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 var(--space-xs) 0}.model-year{color:var(--vwx-coral-red);font-family:var(--font-mono);font-weight:500;margin:0 0 var(--space-sm) 0}.model-type,.model-year{font-size:.9rem;letter-spacing:.05em}.model-type{color:var(--vwx-warm-gray);margin:0 0 var(--space-xs) 0;text-transform:uppercase}.model-engine{color:var(--vwx-charcoal);font-size:.9rem;line-height:1.4;margin:0 0 var(--space-md) 0}.model-variants{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.variant-tag{background-color:var(--vwx-light-gray);border:var(--border-width) solid #0000;color:var(--vwx-charcoal);letter-spacing:.05em;text-transform:uppercase}.variant-more,.variant-tag{font-family:var(--font-mono);font-size:.7rem;padding:var(--space-xs) var(--space-sm)}.variant-more{background-color:initial;font-style:italic}.no-results,.variant-more{color:var(--vwx-warm-gray)}.no-results{background-color:#fff;border:var(--border-width) solid var(--vwx-light-gray);margin-top:var(--space-xl);padding:var(--space-xxl) var(--space-lg);text-align:center}.no-results p{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.25rem;margin:0}@media (max-width:480px){.search-input,.search-section{padding:var(--space-sm)}.search-input{font-size:.9rem}.vwx-mission-section{padding:var(--space-lg) var(--space-md)}.mission-content h2{font-size:1.5rem}.mission-features{gap:var(--space-lg);max-width:100%}.feature-item,.model-info{padding:var(--space-md)}.model-info h3{font-size:1.25rem}}.info-section{background:var(--vwx-warm-white);border-radius:var(--border-radius);margin-bottom:var(--space-xl);padding:var(--space-lg)}.info-section h3{margin-bottom:var(--space-md);margin-top:0}.section-content{color:var(--vwx-charcoal)}.info-section .section-content>:first-child{margin-top:0}.info-section .section-content>:last-child{margin-bottom:0}.spec-grid-container{margin:var(--space-md) 0}.spec-grid-title{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--weight-medium);margin-bottom:var(--space-sm);margin-top:var(--space-md)}.specs-grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.specs-grid,.specs-grid-single{display:grid;margin:var(--space-md) 0}.specs-grid-single{grid-gap:var(--space-sm);gap:var(--space-sm);grid-template-columns:1fr}.spec-item{flex-direction:column;gap:var(--space-xs)}@media (max-width:600px){.specs-grid{grid-template-columns:1fr}}.production-stats{margin:var(--space-md) 0}.stat-highlight{background:linear-gradient(135deg,var(--vwx-coral-red) 0,#d14828 100%);border-radius:var(--border-radius);padding:var(--space-lg)}.stat-number{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1.2}.stat-label,.stat-number{color:var(--vwx-warm-white)}.stat-label{font-size:var(--text-sm);opacity:.9}.production-locations h4{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--weight-medium);margin-bottom:var(--space-md)}.location-item{background-color:var(--vwx-light-gray);border-left:3px solid var(--vwx-coral-red);border-radius:var(--border-radius);margin-bottom:var(--space-sm);padding:var(--space-md)}.location-info strong{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--weight-semibold)}.location-quantity{font-size:var(--text-sm);font-weight:var(--weight-medium)}.location-notes{font-family:var(--font-body);font-size:var(--text-sm)}.market-distribution{margin-top:var(--space-lg)}.market-distribution h4{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--weight-medium);margin-bottom:var(--space-md)}.distribution-grid{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.distribution-item{align-items:center;background-color:var(--vwx-light-gray);border-bottom:var(--border-width) solid var(--vwx-light-gray);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.distribution-item label{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase}.distribution-item span{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular)}.model-template{display:flex;flex-direction:column}.model-template-header{flex-shrink:0}.model-template-content{display:flex;flex-direction:column;width:100%}.model-template-image-section{width:100%}.model-template-sections{display:flex;flex-direction:column;width:100%}.model-template-section{width:100%}@media (max-width:768px){.model-template-content{flex-direction:column}.model-template-section{padding-left:1rem;padding-right:1rem}}.model-detail{background:var(--vwx-cream);margin:0 auto;max-width:950px;padding:0;width:100%}.model-detail-header{background-color:var(--vwx-cream);margin:0 auto;max-width:950px;padding:var(--space-lg);text-align:left}.model-header-image{background-color:var(--vwx-warm-yellow);margin-bottom:var(--space-lg)}.model-header-image,.model-hero-image{display:block;height:auto;width:100%}.model-header-content{display:flex;flex-direction:column;gap:var(--space-md)}.model-title-group{text-align:left}.model-title-group h1{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:.9;margin:0 0 var(--space-sm) 0}.model-year-type{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.9rem;font-weight:400;letter-spacing:.1em;margin:0;text-transform:uppercase}.model-description{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0;max-width:65ch}.model-quick-specs{align-items:center;color:var(--vwx-warm-gray);display:flex;font-family:var(--font-mono);font-size:.8rem;font-weight:500;gap:var(--space-sm);letter-spacing:.05em;margin-top:var(--space-md);text-transform:uppercase}.spec-item{white-space:nowrap}.spec-separator{font-weight:600}@media (max-width:600px){.model-detail-header{padding:var(--space-md) var(--space-sm)}.model-title-group h1{font-size:2rem}.model-quick-specs{font-size:.75rem;gap:var(--space-xs)}.model-description{font-size:.95rem}}.detail-content{display:flex;flex-direction:column;gap:var(--space-xl)}.detail-image{align-items:center;background-color:var(--vwx-warm-yellow);display:flex;height:50vh;justify-content:center;margin-bottom:var(--space-xl);min-height:400px;width:100%}.detail-image img{filter:contrast(1.1) brightness(.95);max-height:90%;max-width:90%;object-fit:contain}.detail-info{display:flex;flex-direction:column;gap:var(--space-xl)}.info-section{background-color:var(--vwx-cream);border-top:var(--border-width) solid var(--vwx-light-gray);padding:var(--space-xl)}.info-section:first-child{border-top:none}.info-section h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.8rem;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-lg) 0}.description{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0;max-width:65ch}.engine-specs,.specs-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.spec-item{align-items:center;border-bottom:var(--border-width) solid var(--vwx-light-gray);display:flex;justify-content:space-between;padding:var(--space-md) 0}.spec-item:last-child{border-bottom:none}.spec-item label{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;margin-right:var(--space-md);text-transform:uppercase}.spec-item span{color:var(--vwx-charcoal);flex:1 1;font-weight:400;text-align:right}.variants-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-lg)}.variant-badge{background-color:var(--vwx-coral-red);color:var(--vwx-cream);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.variant-badge-link{border:var(--border-width) solid var(--vwx-coral-red);text-decoration:none;transition:all .2s ease}.variant-badge-link:hover{background-color:var(--vwx-warm-yellow);border-color:var(--vwx-warm-yellow);color:var(--vwx-charcoal)}.variant-note{color:var(--vwx-warm-gray);font-size:.9rem;line-height:1.5;margin-bottom:var(--space-md)}.variant-note strong{color:var(--vwx-charcoal);font-weight:600}.timeline{margin-top:var(--space-lg)}.timeline h4{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.2rem}.timeline h4,.timeline-item{margin-bottom:var(--space-lg)}.timeline-item{border-bottom:var(--border-width) solid var(--vwx-light-gray);display:flex;gap:var(--space-md);padding-bottom:var(--space-md)}.timeline-item:last-child{border-bottom:none}.timeline-period{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;min-width:120px;text-transform:uppercase}.timeline-content h5{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;font-weight:600;margin:0 0 var(--space-xs) 0}.timeline-content p{color:var(--vwx-warm-gray);font-size:.9rem;line-height:1.5;margin:0}.info-section h4{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.3rem;font-weight:500;letter-spacing:-.01em;margin:var(--space-lg) 0 var(--space-md) 0}.paint-codes{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.paint-item{background-color:var(--vwx-light-gray);border-left:4px solid var(--vwx-coral-red);padding:var(--space-md)}.paint-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.paint-info strong{color:var(--vwx-charcoal);font-weight:600}.paint-code{background-color:var(--vwx-cream);font-family:var(--font-mono);font-size:.8rem;padding:var(--space-xs) var(--space-sm)}.paint-code,.paint-notes{color:var(--vwx-warm-gray)}.paint-notes{font-size:.9rem;font-style:italic;margin:0}.production-stats{margin-top:var(--space-lg)}.stat-highlight{align-items:center;background-color:var(--vwx-light-gray);display:flex;flex-direction:column;margin-bottom:var(--space-lg);padding:var(--space-xl);text-align:center}.stat-number{color:var(--vwx-coral-red);font-family:var(--font-headline);font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;margin-top:var(--space-xs);text-transform:uppercase}.production-locations{margin-top:var(--space-lg)}.location-item{border-bottom:var(--border-width) solid var(--vwx-light-gray);padding:var(--space-md) 0}.location-item:last-child{border-bottom:none}.location-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.location-info strong{color:var(--vwx-charcoal);font-weight:600}.location-quantity{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:.8rem;font-weight:500}.location-notes{color:var(--vwx-warm-gray);font-size:.9rem;font-style:italic;margin:0}.media-appearances ul{margin:var(--space-md) 0 0 0;padding-left:var(--space-lg)}.media-appearances li{color:var(--vwx-charcoal);line-height:1.5;margin-bottom:var(--space-sm)}.restoration-overview{margin-bottom:var(--space-lg)}.common-issues,.restoration-tips{margin-top:var(--space-lg)}.common-issues ul,.restoration-tips ul{margin:var(--space-md) 0 0 0;padding-left:var(--space-lg)}.common-issues li,.restoration-tips li{color:var(--vwx-charcoal);line-height:1.5;margin-bottom:var(--space-sm)}.value-guide{margin-top:var(--space-lg)}.value-grid{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.value-item{align-items:center;background-color:var(--vwx-light-gray);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.value-item label{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.value-item span{color:var(--vwx-charcoal);font-weight:600}.features-list{list-style-type:disc;margin:var(--space-lg) 0 0 0;padding-left:var(--space-lg)}.features-list li{color:var(--vwx-charcoal);font-size:1rem;line-height:1.6;margin-bottom:var(--space-sm)}.fuel-injection,.injection-advantages,.injection-components,.injection-maintenance{margin-top:var(--space-lg)}.injection-advantages ul,.injection-components ul{list-style-type:disc;margin:var(--space-md) 0 0 0;padding-left:var(--space-lg)}.injection-advantages li,.injection-components li{color:var(--vwx-charcoal);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-sm)}.injection-maintenance p{background:var(--vwx-light-gray);border-left:4px solid var(--vwx-coral-red);color:var(--vwx-warm-gray);font-style:italic;margin:var(--space-md) 0 0 0;padding:var(--space-md)}.vin-decoding{margin-top:var(--space-lg)}.vin-format{background:var(--vwx-light-gray);color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:1.1rem;font-weight:600;padding:var(--space-xs) var(--space-sm)}.vin-positions{margin-top:var(--space-lg)}.vin-grid{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.vin-item{align-items:center;background:var(--vwx-light-gray);border-left:3px solid var(--vwx-warm-yellow);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.vin-item label{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.vin-item span{color:var(--vwx-charcoal);flex:1 1;font-size:.9rem;text-align:right}.vin-example{margin-top:var(--space-lg)}.vin-example-text{background:var(--vwx-coral-red);color:var(--vwx-cream);font-family:var(--font-mono);font-size:.95rem;font-weight:500;margin:var(--space-md) 0 0 0;padding:var(--space-md)}.camping-features{margin-top:var(--space-lg)}.camping-list{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);list-style:none;margin:var(--space-md) 0 0 0;padding:0}.camping-feature{background:linear-gradient(135deg,var(--vwx-light-gray) 0,#ffffffe6 100%);border-left:4px solid var(--vwx-warm-yellow);color:var(--vwx-charcoal);font-size:.95rem;line-height:1.5;padding:var(--space-md);position:relative}.camping-feature:before{content:"🏕️";font-size:1.2rem;left:var(--space-sm);position:absolute;top:50%;transform:translateY(-50%)}.camping-feature{padding-left:3rem}.variant-base{background:var(--vwx-warm-yellow);border-radius:4px;color:var(--vwx-charcoal);font-size:.95rem;line-height:1.5;margin:var(--space-md) 0 0 0;padding:var(--space-md) var(--space-lg)}.variant-base strong{color:var(--vwx-charcoal);font-weight:700}.distribution-grid .distribution-item label{font-weight:500;text-transform:capitalize}.numbers-matching-section{background:linear-gradient(135deg,#33333305,#33333303);border-left:4px solid var(--vwx-coral-red)}.matching-info-card{background:var(--vwx-cream);border:1px solid #33333314;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:var(--space-lg);padding:var(--space-xl)}.matching-specs{margin-bottom:var(--space-xl)}.matching-specs .spec-item{border-color:#33333314;padding:var(--space-md) 0}.matching-code{background:#33333308;border-radius:4px;color:var(--vwx-coral-red);font-family:var(--font-mono);font-weight:600;padding:var(--space-xs) var(--space-sm)}.matching-specs small{color:var(--vwx-warm-gray);font-size:.8rem;font-style:italic;margin-left:var(--space-xs)}.verification-cta{border-top:1px solid #33333314;padding-top:var(--space-lg);text-align:center}.verification-description{color:var(--vwx-charcoal);font-size:.95rem;line-height:1.5;margin:0 0 var(--space-lg) 0;margin-left:auto;margin-right:auto;max-width:50ch}.verify-numbers-button{align-items:center;background:linear-gradient(135deg,var(--vwx-coral-red) 0,var(--vwx-warm-gray) 100%);border-radius:8px;box-shadow:0 2px 8px #3333;color:var(--vwx-cream);display:inline-flex;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:var(--space-xs);letter-spacing:.02em;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .2s ease}.verify-numbers-button:hover{background:linear-gradient(135deg,var(--vwx-warm-gray) 0,var(--vwx-coral-red) 100%);box-shadow:0 4px 16px #3333334d;color:var(--vwx-cream);transform:translateY(-2px)}.verify-numbers-button .button-icon{font-size:1.1rem}@media (max-width:480px){.detail-header{padding:var(--space-md)}.detail-header h1{font-size:2.5rem}.detail-image{height:40vh;min-height:300px}.info-section{padding:var(--space-lg)}.spec-item{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.spec-item span{text-align:left}}@media (min-width:481px) and (max-width:768px){.detail-header h1{font-size:2.8rem}.info-section{padding:var(--space-xl)}}@media (min-width:769px){.detail-header h1{font-size:3.5rem}}.generated-content{background-color:var(--vwx-warm-white)}.generated-content h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.6rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-lg) 0}.generated-section{margin-bottom:var(--space-lg)}.generated-section p{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0;max-width:70ch}.model-image-placeholder{align-items:center;background:#e8e8e8;border-radius:0;display:flex;justify-content:center;margin-bottom:var(--space-lg);min-height:300px;width:100%}@media (max-width:600px){.model-image-placeholder{min-height:200px}.placeholder-text{font-size:.9rem}}.interior-details{border-top:1px solid var(--vwx-light-grey);padding:var(--space-lg) 0}.interior-details h2{margin:var(--space-lg) 0 var(--space-md) 0}.interior-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.interior-tab{background:#0000;border:1px solid var(--vwx-charcoal);border-radius:2px;color:var(--vwx-charcoal);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-xs) var(--space-md);transition:all var(--type-transition)}.interior-tab:hover{background:var(--vwx-light-grey);border-color:var(--vwx-charcoal)}.interior-tab.active{background:var(--vwx-charcoal);border-color:var(--vwx-charcoal);color:#fff}.interior-description{color:var(--vwx-grey);font-size:var(--text-sm);margin-bottom:var(--space-md)}.interior-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-lg)}.interior-component{background:var(--vwx-warm-white);border-left:4px solid var(--vwx-charcoal);border-radius:2px;padding:var(--space-md)}.interior-component h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-sm) 0}.interior-specs{display:flex;flex-direction:column;gap:var(--space-xs)}.spec-row{font-size:var(--text-sm);gap:var(--space-md);padding:var(--space-xs) 0}.spec-label{color:var(--vwx-charcoal);flex:0 0 auto;font-weight:var(--weight-semibold);min-width:100px}.spec-value{color:var(--vwx-grey);flex:1 1;text-align:right}.interior-notes{background:var(--vwx-warm-white);border-left:4px solid var(--vwx-charcoal);color:var(--vwx-grey);font-size:var(--text-sm);margin-top:var(--space-lg);padding:var(--space-md)}@media (max-width:768px){.interior-grid{grid-template-columns:1fr}.spec-row{flex-direction:column}.spec-row,.spec-value{text-align:left}}@media (max-width:480px){.interior-tabs{gap:var(--space-xs)}.interior-tab{font-size:12px;padding:var(--space-xs) var(--space-sm)}}.variant-detail{margin:0 auto;max-width:950px;padding:0;width:100%}.variant-title{margin-top:1rem}.variant-title h1{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:.9;margin:0 0 var(--space-sm) 0}.variant-year-type{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.9rem;font-weight:400;letter-spacing:.1em;margin:0;text-transform:uppercase}.other-variants{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.variant-link{background-color:var(--vwx-warm-yellow);border:var(--border-width) solid var(--vwx-light-gray);color:var(--vwx-charcoal);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;padding:var(--space-sm) var(--space-md);text-decoration:none;text-transform:uppercase;transition:all .2s ease}.variant-link:hover{background-color:var(--vwx-coral-red);border-color:var(--vwx-coral-red);color:var(--vwx-cream)}.no-variants{color:var(--vwx-warm-gray);font-size:.9rem;font-style:italic;margin:0}.back-to-model{background-color:var(--vwx-charcoal);border:var(--border-width) solid var(--vwx-charcoal);color:var(--vwx-cream);display:inline-block;font-family:var(--font-body);font-size:.9rem;font-weight:500;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .2s ease}.back-to-model:hover{background-color:var(--vwx-cream);color:var(--vwx-charcoal)}.base-variant-link{background-color:var(--vwx-charcoal)!important;border-color:var(--vwx-charcoal)!important;color:var(--vwx-cream)!important;position:relative}.base-variant-link:after{content:"🏠";font-size:.7rem;margin-left:var(--space-xs)}.base-variant-link:hover{background-color:var(--vwx-coral-red)!important;border-color:var(--vwx-coral-red)!important;color:var(--vwx-cream)!important}.image-placeholder{align-items:center;background:#e8e8e8;border-radius:0;display:flex;justify-content:center;min-height:300px;width:100%}.placeholder-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.placeholder-text{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;letter-spacing:.05em;opacity:.7}@media (max-width:480px){.variant-title h1{font-size:2.5rem}.other-variants{flex-direction:column}.variant-link{text-align:center}}@media (min-width:481px) and (max-width:768px){.variant-title h1{font-size:2.8rem}}@media (min-width:769px){.variant-title h1{font-size:3.5rem}}.other-template{display:flex;flex-direction:column;min-height:100vh}.other-template-header{flex-shrink:0}.other-template-content{display:flex;flex:1 1;gap:2rem;padding:3rem 2rem;width:100%}.other-template-content-left{flex-direction:row}.other-template-content-left .other-template-sidebar{order:1}.other-template-content-left .other-template-main{order:2}.other-template-content-right{flex-direction:row-reverse}.other-template-content-right .other-template-sidebar{order:2}.other-template-content-right .other-template-main{order:1}.other-template-sidebar{flex:0 0 250px}.other-template-main{display:flex;flex:1 1;flex-direction:column}.other-template-section{margin-bottom:3rem}.other-section-title{margin-bottom:1rem}.other-template-footer{border-top:1px solid var(--vwx-sand);padding:3rem 2rem}@media (max-width:768px){.other-template-content{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.other-template-sidebar{flex:0 0 auto;width:100%}.other-template-footer{padding:1.5rem 1rem}}.mcode-reference-page{background:var(--vwx-cream);color:var(--vwx-charcoal);min-height:100vh}.mcode-header{background:linear-gradient(135deg,var(--vw-neptune-blue) 0,#1f2e42 100%);border-bottom:none;box-shadow:var(--shadow-medium);padding:2rem 1rem 3rem;position:relative}.mcode-hero{margin:0 auto;max-width:950px}.mcode-hero-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr}.mcode-title-group{text-align:left}.mcode-title-group h1{color:#f7f3ea;font-family:var(--font-headline);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.02em;line-height:.9;margin:0}.mcode-subtitle{color:#f7f3ea;font-family:var(--font-mono);font-size:.95rem;font-weight:600;letter-spacing:.1em;margin:.5rem 0 0;opacity:.8;text-transform:uppercase}.mcode-period{color:var(--vwx-warm-yellow);font-family:var(--font-mono);font-size:.9rem;font-weight:500;margin:.25rem 0 0}.mcode-hero-description{color:#f7f3ea;font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:0;max-width:65ch}.mcode-main{margin:0 auto;max-width:950px;padding:1.25rem 1rem 3rem}.verification-banner{background:linear-gradient(135deg,#33333305,#33333303);border-left:6px solid var(--vwx-coral-red);border-radius:16px;box-shadow:var(--shadow-medium);margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative}.banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.banner-text{flex:1 1;min-width:300px}.banner-text h3{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-headline);font-size:1.5rem;font-weight:700;gap:.5rem;letter-spacing:-.01em;margin:0 0 .75rem}.banner-text p{color:var(--vwx-charcoal);line-height:1.6;margin:0;max-width:50ch}.banner-cta,.banner-text p{font-family:var(--font-body);font-size:1rem}.banner-cta{align-items:center;background:linear-gradient(135deg,var(--vwx-coral-red) 0,var(--vwx-warm-gray) 100%);border-radius:50px;box-shadow:var(--shadow-medium);color:var(--vwx-cream);display:inline-flex;font-weight:600;gap:.5rem;letter-spacing:.02em;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.banner-cta:hover{background:linear-gradient(135deg,var(--vwx-warm-gray) 0,var(--vwx-coral-red) 100%);box-shadow:var(--shadow-strong);color:var(--vwx-cream);transform:translateY(-2px)}.banner-cta .cta-icon{font-size:1.1rem}.mcode-plate-section{background:linear-gradient(135deg,#fff 0,var(--vw-cloud-white) 100%);border:none;border-radius:16px;box-shadow:var(--shadow-medium);margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative}.mcode-plate-section:before{background:var(--vw-neptune-blue);content:"";height:4px;left:0;position:absolute;right:0;top:0}.plate-visual-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.plate-location-info h3{align-items:center;color:var(--vw-neptune-blue);display:flex;font-family:var(--font-headline);font-size:1.35rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.location-grid{grid-gap:.75rem;display:grid;gap:.75rem}.location-item{background:#fffc;border-left:4px solid var(--vwx-coral-red);font-family:var(--font-body);font-size:.95rem;line-height:1.4;padding:1rem 1.25rem}.location-item strong{color:var(--vw-neptune-blue)}.example-plate-container h4{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.data-plate-example{background:linear-gradient(145deg,#f8f8f8,#e8e8e8);border:3px solid #666;border-radius:8px;box-shadow:0 4px 8px #00000026,inset 0 1px 3px #ffffff80,inset 0 -1px 3px #0000001a;font-family:var(--font-mono);margin:1rem 0;max-width:350px;padding:0;position:relative}.data-plate-example:before{border:1px solid #999;border-radius:4px;bottom:8px;content:"";left:8px;pointer-events:none;position:absolute;right:8px;top:8px}.plate-header-example{align-items:center;background:linear-gradient(135deg,#333,#555);border-radius:5px 5px 0 0;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem;position:relative;z-index:1}.vw-logo-example{align-items:center;background:#fff;border-radius:50%;color:#333;display:flex;font-family:var(--font-headline);font-size:.8rem;font-weight:900;height:28px;justify-content:center;width:28px}.plate-title-example{font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.1em}.plate-content-example{padding:1rem 1.25rem .75rem;position:relative;z-index:1}.plate-row-example{align-items:center;border-bottom:1px dotted #999;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.plate-row-example span:first-child{color:#333;font-weight:600}.plate-row-example span:last-child{color:#000;font-family:var(--font-mono);font-weight:700}.m-codes-section-example{border-top:2px solid #999;margin-top:1rem;padding-top:.75rem}.m-codes-label-example{color:#333;display:block;font-size:.8rem;font-weight:700;margin-bottom:.75rem}.sample-codes{display:flex;flex-wrap:wrap;gap:.5rem}.sample-codes span{background:#333;border:1px solid #555;border-radius:3px;box-shadow:inset 0 1px 2px #fff3;color:#fff;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.25rem .5rem}.plate-footer-example{background:#ddd;border-radius:0 0 5px 5px;border-top:1px solid #999;color:#666;font-size:.7rem;font-weight:600;padding:.5rem;position:relative;text-align:center;z-index:1}.mcode-filters{background:linear-gradient(135deg,var(--vw-pearl-white) 0,#ffffffe6 100%);border:1px solid #2b3d5a14;border-radius:12px;box-shadow:var(--shadow-subtle);margin-bottom:3rem;padding:2rem}.filter-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.search-input{background:#fff;border:2px solid var(--vwx-light-gray);border-radius:8px;font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--vwx-coral-red);outline:none}.type-select{background:#fff;border:2px solid var(--vwx-light-gray);border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease}.type-select:focus{border-color:var(--vwx-coral-red);outline:none}.results-summary{color:var(--vwx-charcoal);font-family:var(--font-mono);font-size:.9rem;margin:0;opacity:.8}.results-summary p{margin:0}.mcode-listings{margin-bottom:3rem}.mcode-category-section{background:linear-gradient(135deg,#fff 0,var(--vw-pearl-white) 100%);border:none;border-radius:16px;box-shadow:var(--shadow-medium);margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative}.mcode-category-section:before{background:var(--vw-neptune-blue);content:"";height:4px;left:0;position:absolute;right:0;top:0}.category-title{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-headline);font-size:1.75rem;font-weight:700;gap:.75rem;letter-spacing:-.01em;margin:0 0 2rem}.category-icon{color:var(--vwx-coral-red);font-size:1.2rem}.category-count{color:var(--vw-neptune-blue);font-family:var(--font-mono);font-size:1rem;font-weight:500;opacity:.8}.mcode-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.mcode-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #2b3d5a0f;border-radius:10px;box-shadow:var(--shadow-subtle);padding:1.25rem;transition:all .2s ease}.mcode-card:hover{border-color:var(--vwx-coral-red);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mcode-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.mcode-badge{border-radius:6px;color:#fff;flex-shrink:0;font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.02em;padding:.375rem .75rem}.mcode-type-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.mcode-type{color:var(--vwx-charcoal);font-family:var(--font-mono);font-size:.8rem;font-weight:500;opacity:.7}.universal-indicator{color:var(--vwx-warm-yellow);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:.9rem}.inherited-indicator{color:var(--vw-beryl-green);font-size:.8rem;font-weight:700}.inheritance-note{border-top:1px solid #0000001a;margin-top:.5rem;padding-top:.5rem}.inheritance-note small{color:var(--vw-beryl-green);font-family:var(--font-mono);font-size:.75rem;font-style:italic;opacity:.8}.mcode-card.universal{border-left:3px solid var(--vwx-warm-yellow)}.mcode-card.inherited{border-left:3px solid var(--vw-beryl-green)}.mcode-description{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.5;margin:0}.usage-notes{margin-bottom:2rem}.notes-container{background:linear-gradient(135deg,#e4572e0d,#e4572e05);border-left:4px solid var(--vwx-coral-red);border-radius:16px;box-shadow:var(--shadow-subtle);padding:2.5rem}.notes-container h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.notes-grid{grid-gap:1.25rem;display:grid;gap:1.25rem}.note-item{background:#fffc;border-left:3px solid var(--vw-neptune-blue);border-radius:8px;color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.95rem;line-height:1.6;padding:1.25rem}.note-item strong{color:var(--vwx-coral-red);font-weight:600}@media (min-width:600px){.mcode-hero-content{gap:2rem;grid-template-columns:1fr 1fr}.plate-visual-container{align-items:start;gap:3rem;grid-template-columns:1fr 1fr}.filter-controls{gap:1.5rem;grid-template-columns:2fr 1fr}.mcode-grid{gap:1.25rem;grid-template-columns:1fr 1fr}.notes-grid{gap:1.5rem;grid-template-columns:1fr}}@media (min-width:900px){.mcode-header{padding:3rem 1rem 4rem}.mcode-main{padding:2rem 1rem 4rem}.mcode-category-section,.mcode-plate-section,.notes-container{padding:3rem}.plate-visual-container{gap:4rem}.mcode-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.data-plate-example{max-width:400px}}.numbers-matching-tool{background:var(--vwx-cream);color:var(--vwx-charcoal);padding:0}.tool-header{background:linear-gradient(135deg,var(--vwx-warm-gray) 0,var(--vwx-charcoal) 100%);border-radius:16px 16px 0 0;margin-bottom:0;overflow:hidden;padding:2.5rem;position:relative}.tool-header:before{background:var(--vwx-coral-red);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tool-title-group h2{align-items:center;color:#f7f3ea;display:flex;font-family:var(--font-headline);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;gap:.75rem;letter-spacing:-.02em;line-height:1.1;margin:0}.tool-subtitle{color:var(--vwx-warm-yellow);font-family:var(--font-mono);font-size:.9rem;font-weight:600;letter-spacing:.1em;margin:.5rem 0 1.5rem;text-transform:uppercase}.tool-description{color:#f7f3ea;font-family:var(--font-body);font-size:1rem;line-height:1.6;margin:0;max-width:60ch;opacity:.95}.verification-form{background:linear-gradient(135deg,#fff 0,var(--vw-cloud-white) 100%);border-radius:0 0 16px 16px;box-shadow:var(--shadow-medium);margin-bottom:2rem;padding:2.5rem}.form-section{margin-bottom:2.5rem}.form-section:last-of-type{margin-bottom:2rem}.form-section h3{border-bottom:2px solid var(--vwx-light-gray);color:var(--vw-neptune-blue);font-family:var(--font-headline);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1.5rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:.25rem}.form-group input,.form-group select{background:#fff;border:2px solid var(--vwx-light-gray);border-radius:8px;font-family:var(--font-body);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--vwx-coral-red);box-shadow:0 0 0 3px #e4572e1a;outline:none}.form-group small{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.85rem;margin-top:-.25rem;opacity:.7}.form-actions{flex-wrap:wrap;gap:1rem;justify-content:flex-start}.form-actions,.verify-button{align-items:center;display:flex}.verify-button{background:linear-gradient(135deg,var(--vwx-coral-red) 0,var(--vwx-warm-gray) 100%);border:none;border-radius:10px;box-shadow:var(--shadow-medium);color:var(--vwx-cream);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.02em;padding:1rem 2rem;transition:all .2s ease}.verify-button:hover:not(:disabled){background:linear-gradient(135deg,var(--vwx-warm-gray) 0,var(--vwx-coral-red) 100%);box-shadow:var(--shadow-strong);transform:translateY(-2px)}.verify-button:disabled{background:var(--vwx-light-gray);box-shadow:var(--shadow-subtle);cursor:not-allowed;transform:none}.reset-button{background:linear-gradient(135deg,var(--vwx-light-gray) 0,var(--vwx-warm-gray) 100%);border:none;border-radius:10px;box-shadow:var(--shadow-subtle);color:var(--vwx-charcoal);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease}.reset-button:hover{background:linear-gradient(135deg,var(--vwx-warm-gray) 0,var(--vwx-light-gray) 100%);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-results{background:#fff;border:1px solid var(--vwx-light-gray);border-radius:16px;box-shadow:var(--shadow-medium);margin-bottom:2rem;overflow:hidden}.verification-results.match{border-left:6px solid var(--status-success)}.verification-results.partial-match{border-left:6px solid var(--status-warning)}.verification-results.no-match{border-left:6px solid var(--status-error)}.verification-results.insufficient-data{border-left:6px solid var(--status-info)}.results-header{align-items:center;background:linear-gradient(135deg,var(--vw-pearl-white) 0,#ffffffe6 100%);border-bottom:1px solid var(--vwx-light-gray);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.results-header h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.confidence-badge{background:var(--vw-neptune-blue);border-radius:20px;color:#fff;font-family:var(--font-mono);font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1rem}.results-content{grid-gap:2rem;display:grid;gap:2rem;padding:2rem}.checks-section h4,.recommendations-section h4{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1rem}.checks-list{grid-gap:1rem;display:grid;gap:1rem}.check-item{background:#ffffffb3;border-left:4px solid #ccc;border-radius:10px;box-shadow:var(--shadow-subtle);padding:1.25rem;transition:transform .2s ease}.check-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.check-item.success{background:#2e7d320d;border-left-color:var(--status-success)}.check-item.warning{background:#f57c000d;border-left-color:var(--status-warning)}.check-item.error{background:#c628280d;border-left-color:var(--status-error)}.check-item.info{background:#1976d20d;border-left-color:var(--status-info)}.check-header{margin-bottom:.5rem}.check-header strong{display:block;font-size:1rem;font-weight:600}.check-header strong,.check-message{color:var(--vwx-charcoal);font-family:var(--font-body)}.check-message{font-size:.95rem;line-height:1.5;margin:0 0 .5rem}.check-detail{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.85rem;font-style:italic;opacity:.7}.recommendations-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.recommendations-list li{background:#fffc;border-left:3px solid var(--vw-marina-blue);border-radius:8px;color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.95rem;line-height:1.5;padding:1rem 1rem 1rem 2.5rem;position:relative}.recommendations-list li:before{content:"💡";font-size:1rem;left:1rem;position:absolute;top:1rem}.results-footer{background:linear-gradient(135deg,var(--vw-pearl-white) 0,#ffffffe6 100%);border-top:1px solid var(--vwx-light-gray);padding:1.5rem 2rem}.disclaimer{background:#33333305;border-left:3px solid var(--vwx-coral-red);border-radius:8px;color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.9rem;line-height:1.5;margin:0 0 1rem;opacity:.8;padding:1rem}.reference-links{display:flex;flex-wrap:wrap;gap:1rem}.reference-link{align-items:center;background:#fffc;border:1px solid var(--vwx-light-gray);border-radius:6px;color:var(--vw-neptune-blue);display:flex;font-family:var(--font-body);font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.reference-link:hover{background:var(--vw-neptune-blue);box-shadow:var(--shadow-subtle);color:#fff;transform:translateY(-1px)}@media (min-width:600px){.form-grid{gap:1.5rem}.form-grid,.results-content{grid-template-columns:1fr 1fr}.results-content{gap:2.5rem}.checks-section,.recommendations-section{grid-column:1/-1}}@media (min-width:900px){.tool-header,.verification-form{padding:3rem}.results-content{padding:2.5rem}.form-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.results-footer,.results-header{padding:2rem}}@media (min-width:1200px){.results-content{grid-template-columns:2fr 1fr}.checks-section{grid-column:1}.recommendations-section{grid-column:2}}.numbers-matching-page{background:var(--vwx-cream);color:var(--vwx-charcoal);min-height:100vh}.numbers-header{background:linear-gradient(135deg,var(--vw-neptune-blue) 0,#1f2e42 100%);border-bottom:none;box-shadow:var(--shadow-medium);padding:2rem 1rem 3rem;position:relative}.numbers-hero{margin:0 auto;max-width:950px}.numbers-hero-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr}.numbers-title-group{text-align:left}.numbers-title-group h1{color:#f7f3ea;font-family:var(--font-headline);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.02em;line-height:.9;margin:0}.numbers-subtitle{color:#f7f3ea;font-family:var(--font-mono);font-size:.95rem;font-weight:600;letter-spacing:.1em;margin:.5rem 0 0;opacity:.8;text-transform:uppercase}.numbers-period{color:var(--vwx-warm-yellow);font-family:var(--font-mono);font-size:.9rem;font-weight:500;margin:.25rem 0 0}.numbers-hero-description{color:#f7f3ea;font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:0;max-width:65ch}.numbers-main{margin:0 auto;max-width:950px;padding:1.25rem 1rem 3rem}.numbers-section{background:linear-gradient(135deg,#fff 0,var(--vw-cloud-white) 100%);border:none;border-radius:16px;box-shadow:var(--shadow-medium);margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative}.numbers-section:before{background:var(--vw-neptune-blue);content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-content h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 1.5rem}.section-intro{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:0 0 2rem;max-width:70ch}.key-points-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.point-card{background:#fffc;border-left:4px solid var(--vwx-coral-red);border-radius:12px;box-shadow:var(--shadow-subtle);padding:1.5rem;transition:transform .2s ease}.point-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.point-icon{display:block;font-size:2rem;margin-bottom:.75rem}.point-card h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.point-card p{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.95rem;line-height:1.5;margin:0}.importance-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.importance-item{background:#ffffffe6;border-left:4px solid var(--vw-marina-blue);border-radius:12px;box-shadow:var(--shadow-subtle);padding:2rem}.importance-item h3{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-headline);font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.importance-item p{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.6;margin:0}.location-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.location-card{background:#ffffffe6;border-left:6px solid var(--vw-marina-blue);border-radius:12px;box-shadow:var(--shadow-medium);padding:2rem;transition:transform .2s ease}.location-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.location-card.type-1{border-left-color:var(--vw-marina-blue)}.location-card.type-2{border-left-color:var(--vw-neptune-blue)}.location-card.type-3{border-left-color:var(--vw-beryl-green)}.location-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.location-header h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.3rem;font-weight:700;margin:0}.type-badge{border-radius:20px;color:#fff;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.375rem .75rem}.type-badge.beetle{background:var(--vw-marina-blue)}.type-badge.bus{background:var(--vw-neptune-blue)}.type-badge.backs{background:var(--vw-beryl-green)}.location-details{grid-gap:1rem;display:grid;gap:1rem}.location-item{grid-gap:.75rem;background:#fff9;border-left:2px solid var(--vwx-light-gray);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:1fr 2fr;padding:.75rem}.location-item strong{font-weight:600}.location-item span,.location-item strong{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.9rem}.location-item span{line-height:1.4}.decoding-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.decode-card{background:#ffffffe6;border-left:4px solid var(--vwx-coral-red);border-radius:12px;box-shadow:var(--shadow-subtle);padding:2rem}.decode-card h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.code-examples{grid-gap:1.5rem;display:grid;gap:1.5rem}.code-example{background:#fffc;border:1px solid var(--vwx-light-gray);border-radius:8px;padding:1.25rem}.code-number{background:#2b3d5a0d;border-radius:6px;color:var(--vw-neptune-blue);display:inline-block;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin-bottom:.75rem;padding:.5rem .75rem}.code-breakdown{font-size:.9rem;line-height:1.5}.code-breakdown,.production-info p{color:var(--vwx-charcoal);font-family:var(--font-body)}.production-info p{font-size:.95rem;line-height:1.6;margin:0 0 1rem}.production-info p:last-child{margin-bottom:0}.tool-section{background:linear-gradient(135deg,var(--vwx-light-gray) 0,var(--vwx-warm-gray) 100%);color:var(--vwx-charcoal)}.tool-section:before{background:var(--vwx-coral-red)}.tool-intro h2{color:var(--vwx-charcoal);margin-bottom:1rem}.tool-intro p{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;max-width:60ch}.tool-toggle-button{background:linear-gradient(135deg,var(--vwx-coral-red) 0,var(--vwx-warm-gray) 100%);border:none;border-radius:10px;box-shadow:var(--shadow-medium);color:var(--vwx-cream);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:.02em;margin-bottom:2rem;padding:1rem 2rem;transition:all .2s ease}.tool-toggle-button:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.tool-container{background:var(--vwx-cream);border-radius:16px;box-shadow:var(--shadow-medium);padding:1rem}.warning-section{background:linear-gradient(135deg,#f57c000d,#f57c0005);border-left:6px solid var(--status-warning)}.warning-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.warning-item{align-items:flex-start;background:#fffc;border-left:3px solid var(--status-warning);border-radius:10px;box-shadow:var(--shadow-subtle);display:flex;gap:1rem;padding:1.5rem}.warning-icon{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.warning-item h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.warning-item p{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.95rem;line-height:1.5;margin:0}.expert-section{background:linear-gradient(135deg,#2e7d320d,#2e7d3205);border-left:6px solid var(--status-success)}.expert-intro{color:var(--vwx-charcoal);font-size:1rem;line-height:1.6;margin-bottom:2rem}.expert-services{grid-gap:2rem;display:grid;gap:2rem}.service-item{background:#fffc;border-left:4px solid var(--status-success);border-radius:12px;box-shadow:var(--shadow-subtle);padding:2rem}.service-item h3{align-items:center;display:flex;font-family:var(--font-headline);font-size:1.2rem;font-weight:700;gap:.5rem}.service-item h3,.service-item p{color:var(--vwx-charcoal);margin:0 0 1rem}.service-item p{font-family:var(--font-body);font-size:.95rem;line-height:1.6}.service-details{display:flex;flex-wrap:wrap;gap:1rem}.service-details span{background:#2e7d321a;border-radius:4px;color:var(--status-success);font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.375rem .75rem}.buying-checklist{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.checklist-section{background:#fffc;border-left:4px solid var(--vw-marina-blue);border-radius:12px;box-shadow:var(--shadow-subtle);padding:2rem}.checklist-section h3{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-headline);font-size:1.2rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.checklist-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.checklist-list li{background:#fff9;border-left:2px solid var(--vw-marina-blue);border-radius:6px;color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.95rem;line-height:1.5;padding:.75rem .75rem .75rem 2rem;position:relative}.checklist-list li:before{color:var(--vw-marina-blue);content:"✓";font-weight:700;left:.75rem;position:absolute}.resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.resource-card{background:#ffffffe6;border-left:4px solid var(--vw-neptune-blue);border-radius:12px;box-shadow:var(--shadow-subtle);padding:2rem}.resource-card h3{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-headline);font-size:1.2rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.resource-links{grid-gap:.75rem;display:grid;gap:.75rem}.resource-link{align-items:center;background:#fffc;border:1px solid var(--vwx-light-gray);border-radius:8px;color:var(--vw-neptune-blue);display:flex;font-family:var(--font-body);font-size:.95rem;font-weight:500;gap:.5rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.resource-link:hover{background:var(--vw-neptune-blue);box-shadow:var(--shadow-subtle);color:#fff;transform:translateY(-1px)}@media (min-width:600px){.key-points-grid,.numbers-hero-content{gap:2rem;grid-template-columns:1fr 1fr}.location-cards{grid-template-columns:1fr}.decoding-grid,.warning-grid{gap:2rem;grid-template-columns:1fr 1fr}.buying-checklist{grid-template-columns:1fr}.resources-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:900px){.numbers-header{padding:3rem 1rem 4rem}.numbers-main{padding:2rem 1rem 4rem}.numbers-section{padding:3rem}.key-points-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.importance-grid{gap:2.5rem;grid-template-columns:1fr 1fr}.decoding-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.warning-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.buying-checklist{gap:2.5rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.key-points-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}.warning-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.color-browser{margin:0 auto;max-width:1600px;padding:var(--space-lg)}.color-browser__header{margin-bottom:var(--space-xl);text-align:center}.color-browser__title{color:var(--vwx-text-primary);font-size:2.5rem;font-weight:700;margin:0 0 var(--space-sm) 0}.color-browser__subtitle{color:var(--vwx-text-secondary);font-size:var(--text-lg);margin:0}.color-filter-panel{background:var(--vwx-bg-secondary);border:1px solid var(--vwx-border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.color-filter-panel__section{display:flex;flex-direction:column;gap:var(--space-md)}.color-filter-panel__label{color:var(--vwx-text-primary);font-size:var(--text-md);font-weight:600}.color-filter-panel__era-tabs{display:flex;flex-wrap:wrap;gap:var(--space-md)}.color-filter-panel__era-tab{align-items:center;background:var(--vwx-bg-primary);border:2px solid var(--vwx-border-color);border-radius:var(--border-radius);color:var(--vwx-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.color-filter-panel__era-tab:hover{border-color:var(--vwx-primary-color);color:var(--vwx-primary-color)}.color-filter-panel__era-tab--active{background:var(--vwx-primary-color);border-color:var(--vwx-primary-color);color:#fff}.color-filter-panel__era-count{font-size:var(--text-xs);opacity:.8}.color-filter-panel__era-tab--all{background:var(--vwx-bg-tertiary);border-color:var(--vwx-border-color)}.color-filter-panel__era-tab--all.color-filter-panel__era-tab--active{background:var(--vwx-primary-color);border-color:var(--vwx-primary-color)}.color-filter-panel__rarity-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.color-filter-panel__checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);-webkit-user-select:none;user-select:none}.color-filter-panel__checkbox input{cursor:pointer;height:18px;width:18px}.color-filter-panel__rarity-badge{border-radius:20px;display:inline-block;font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-md);white-space:nowrap}.color-filter-panel__rarity-badge--common{background:#e8f5e9;border:1px solid #81c784;color:#2e7d32}.color-filter-panel__rarity-badge--limited{background:#fff3e0;border:1px solid #ffb74d;color:#e65100}.color-filter-panel__rarity-badge--rare{background:#fce4ec;border:1px solid #f48fb1;color:#c2185b}.color-filter-panel__rarity-reset{background:#0000;border:2px solid var(--vwx-border-color);border-radius:var(--border-radius);color:var(--vwx-text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-xs) var(--space-md);transition:all .2s ease}.color-filter-panel__rarity-reset:hover{border-color:var(--vwx-primary-color);color:var(--vwx-primary-color)}.color-filter-panel__rarity-reset--active{background:var(--vwx-primary-color);border-color:var(--vwx-primary-color);color:#fff}.color-filter-panel__search{background:var(--vwx-bg-primary);border:1px solid var(--vwx-border-color);border-radius:var(--border-radius);color:var(--vwx-text-primary);font-size:var(--text-md);padding:var(--space-md);transition:border-color .2s ease}.color-filter-panel__search:focus{border-color:var(--vwx-primary-color);box-shadow:0 0 0 3px #2196f31a;outline:none}.color-browser__summary{background:var(--vwx-bg-tertiary);border-radius:var(--border-radius);color:var(--vwx-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}.color-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:var(--space-xl)}.color-card{align-items:center;background:var(--vwx-bg-secondary);border:1px solid var(--vwx-border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);position:relative;transition:all .2s ease}.color-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.color-card:focus,.color-card:hover{border-color:var(--vwx-primary-color)}.color-card:focus{box-shadow:0 0 0 3px #2196f31a;outline:none}.color-card__swatch{border:1px solid #0000001a;border-radius:6px;height:80px;transition:transform .2s ease;width:80px}.color-card:hover .color-card__swatch{transform:scale(1.05)}.color-card__lcode{color:var(--vwx-text-primary);font-family:var(--font-mono);font-size:var(--text-md);font-weight:700;letter-spacing:.5px}.color-card__name{color:var(--vwx-text-secondary);font-size:var(--text-sm);line-height:1.3;min-height:2.6em;text-align:center}.color-card__rarity{border-radius:12px;font-size:var(--text-xs);font-weight:600;margin-top:var(--space-xs);padding:4px 8px}.color-card__rarity--common{background:#e8f5e9;color:#2e7d32}.color-card__rarity--limited{background:#fff3e0;color:#e65100}.color-card__rarity--rare{background:#fce4ec;color:#c2185b}.color-card__copy{background:var(--vwx-primary-color);border:1px solid var(--vwx-primary-color);border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:var(--text-xs);font-weight:600;padding:4px 8px;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all .2s ease}.color-card:focus .color-card__copy,.color-card:hover .color-card__copy{display:inline-block}.color-card__copy:hover{background:var(--vwx-primary-color);opacity:.9;transform:scale(1.05)}.color-card__copy--copied{background:#4caf50;border-color:#4caf50;color:#fff}.color-browser__empty{color:var(--vwx-text-secondary);grid-column:1/-1;padding:var(--space-xl) var(--space-lg);text-align:center}.color-detail-modal{align-items:center;background:#fff;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.color-detail-modal__content{animation:slideUp .2s ease;background:var(--vwx-bg-primary);border-radius:12px;box-shadow:0 25px 75px #0006;max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-xl);position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.color-detail-modal__close{align-items:center;background:#0000;border:none;color:var(--vwx-text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;position:absolute;right:var(--space-md);top:var(--space-md);transition:transform .2s ease;width:32px}.color-detail-modal__close:hover{transform:scale(1.2)}.color-detail-modal__swatch-container{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.color-detail-modal__swatch{border:2px solid var(--vwx-border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;height:150px;width:150px}.color-detail-modal__details{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.color-detail-modal__field{display:flex;flex-direction:column;gap:var(--space-xs)}.color-detail-modal__label{color:var(--vwx-text-secondary);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.color-detail-modal__value-with-copy{align-items:center;display:flex;gap:var(--space-sm)}.color-detail-modal__value{color:var(--vwx-text-primary);flex:1 1;font-size:var(--text-md);word-break:break-all}.color-detail-modal__value:is(code){background:var(--vwx-bg-secondary);border-radius:4px;font-family:var(--font-mono);padding:4px 8px}.color-detail-modal__copy-btn{background:var(--vwx-primary-color);border:1px solid var(--vwx-primary-color);border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:4px 12px;transition:all .2s ease}.color-detail-modal__copy-btn:hover{background:var(--vwx-primary-color);border-color:var(--vwx-primary-color);color:#fff;opacity:.9}.color-detail-modal__copy-btn--copied{background:#4caf50;border-color:#4caf50;color:#fff}.color-detail-modal__rarity{border-radius:20px;display:inline-block;font-size:var(--text-sm);font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.color-detail-modal__rarity--common{background:#e8f5e9;color:#2e7d32}.color-detail-modal__rarity--limited{background:#fff3e0;color:#e65100}.color-detail-modal__rarity--rare{background:#fce4ec;color:#c2185b}.color-detail-modal__footer{border-top:1px solid var(--vwx-border-color);display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-lg)}.color-detail-modal__disclaimer{color:var(--vwx-text-secondary);font-size:var(--text-xs);font-style:italic;margin:0}.color-detail-modal__close-btn{background:var(--vwx-primary-color);border:1px solid var(--vwx-primary-color);border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--text-md);font-weight:600;padding:var(--space-md);transition:all .2s ease}.color-detail-modal__close-btn:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:1200px){.color-browser__title{font-size:2rem}.color-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.color-browser{padding:var(--space-md)}.color-browser__title{font-size:1.75rem}.color-browser__subtitle{font-size:var(--text-md)}.color-filter-panel{gap:var(--space-md);padding:var(--space-md)}.color-filter-panel__era-tabs{flex-direction:column}.color-filter-panel__era-tab{justify-content:space-between;width:100%}.color-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-card{padding:var(--space-sm)}.color-card__swatch{height:60px;width:60px}.color-card__lcode{font-size:var(--text-sm)}.color-card__name{font-size:var(--text-xs);min-height:auto}.color-detail-modal__content{max-height:85vh;padding:var(--space-lg)}}@media (max-width:480px){.color-browser{padding:var(--space-sm)}.color-browser__title{font-size:1.5rem;margin-bottom:var(--space-md)}.color-browser__subtitle{font-size:var(--text-sm)}.color-filter-panel{gap:var(--space-md);padding:var(--space-md)}.color-filter-panel__label{font-size:var(--text-sm)}.color-filter-panel__search{font-size:16px}.color-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.color-card{gap:var(--space-xs);padding:var(--space-xs)}.color-card__swatch{height:50px;width:50px}.color-card__lcode{font-size:11px}.color-card__name{font-size:10px}.color-card__rarity{font-size:8px;padding:2px 4px}.color-browser__empty{padding:var(--space-lg) var(--space-md)}.color-detail-modal{padding:var(--space-md)}.color-detail-modal__content{max-height:80vh;padding:var(--space-lg)}.color-detail-modal__swatch{height:120px;width:120px}}.variant-template{display:flex;flex-direction:column;min-height:100vh}.variant-template-header{flex-shrink:0;width:100%}.variant-template-content{display:flex;flex-direction:column;margin:0 auto;max-width:950px;padding:var(--space-xl) var(--space-md);width:100%}.variant-template-section{margin-bottom:var(--space-xxl);width:100%}.variant-template-section:last-child{margin-bottom:0}.variant-template-section.overview{padding-top:var(--space-lg)}.variant-template-section.spec-evolution{overflow-x:auto}.variant-template-section.milestones{position:relative}.variant-template-section.year-grid{margin-top:var(--space-xxl)}.variant-template-section.navigation{border-top:1px solid var(--vwx-light-gray);margin-top:var(--space-xl);padding-top:var(--space-xl)}@media (max-width:768px){.variant-template-content{padding:var(--space-lg) var(--space-sm)}.variant-template-section{margin-bottom:var(--space-xl)}.variant-template-section.spec-evolution{-webkit-overflow-scrolling:touch}}@media (max-width:480px){.variant-template-content{padding:var(--space-md) var(--space-sm)}.variant-template-section{margin-bottom:var(--space-lg)}}.variant-page{min-height:100vh}.variant-page-header{background-color:var(--vwx-cream);margin:0 auto;max-width:950px;padding:var(--space-lg);text-align:left}.variant-header-image{background-color:var(--vwx-warm-yellow);margin-bottom:var(--space-lg)}.variant-header-image,.variant-hero-image{display:block;height:auto;width:100%}.variant-header-content{display:flex;flex-direction:column;gap:var(--space-md)}.variant-title-group{margin-bottom:0}.variant-parent-model{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.1em;margin:0 0 var(--space-xs) 0;text-transform:uppercase}.variant-title{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:.9;margin:0 0 var(--space-sm) 0}.variant-production-span{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:.9rem;font-weight:500;letter-spacing:.05em;margin:0}.variant-description{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.7}.variant-description,.variant-description-content{margin:0;max-width:65ch}.variant-description-content h2{color:var(--vwx-charcoal);font-size:var(--text-2xl);font-weight:var(--weight-medium);margin:var(--space-lg) 0 var(--space-sm) 0}.variant-description-content h3{color:var(--vwx-charcoal);font-size:var(--text-xl);font-weight:var(--weight-medium);margin:var(--space-md) 0 var(--space-sm) 0}.variant-description-content p{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0 0 var(--space-md) 0}@media (max-width:600px){.variant-page-header{padding:var(--space-md) var(--space-sm)}.variant-title{font-size:2rem}.variant-description{font-size:.95rem}}.variant-page-content{margin:0 auto;max-width:950px;padding:var(--space-xl) var(--space-lg)}.variant-page-content section{margin-bottom:var(--space-3xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.section-header h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:2rem;font-weight:700;line-height:1;margin:0}.view-toggle{border:1px solid var(--vwx-light-gray);display:flex;gap:0}.toggle-btn{background:var(--vwx-cream);border:none;color:var(--vwx-charcoal);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;padding:var(--space-sm) var(--space-md);text-transform:uppercase;transition:all .2s ease}.toggle-btn:first-child{border-right:1px solid var(--vwx-light-gray)}.toggle-btn:hover{background:var(--vwx-sand)}.toggle-btn.active{background:var(--vwx-charcoal);color:var(--vwx-cream)}.spec-table-container{border:1px solid var(--vwx-light-gray);overflow-x:auto}.spec-evolution-table{background:var(--vwx-warm-white);border-collapse:collapse;font-family:var(--font-body);font-size:.9rem;width:100%}@media (max-width:480px){.spec-evolution-table{font-size:.75rem}.spec-evolution-table td,.spec-evolution-table th{padding:var(--space-xs) 6px}}.spec-evolution-table thead{background:var(--vwx-sand);border-bottom:2px solid var(--vwx-light-gray)}.spec-evolution-table th{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.spec-evolution-table td,.spec-evolution-table th{color:var(--vwx-charcoal);padding:var(--space-sm) var(--space-md)}.spec-evolution-table td{border-bottom:1px solid var(--vwx-light-gray)}.spec-evolution-table tbody tr:hover{background:var(--vwx-cream)}.spec-row.has-changes{background:#fffbf0}.spec-row.representative{font-weight:500}.year-cell{font-family:var(--font-mono);font-size:1rem;font-weight:600}.year-link{align-items:center;color:var(--vwx-charcoal);display:flex;gap:var(--space-xs);text-decoration:none;transition:color .2s ease}.year-link:hover{color:var(--vwx-coral-red)}.star-badge{font-size:.8rem;margin-left:var(--space-xs)}.code-cell{font-family:var(--font-mono);font-size:.85rem;font-weight:500}.changed{font-weight:600;position:relative}.changed:after{color:var(--vwx-coral-red);content:"•";font-weight:700;margin-left:var(--space-xs)}.changes-cell{max-width:300px}.changes-list{font-size:.85rem;list-style:none;margin:0;padding:0}.changes-list li{margin-bottom:var(--space-xs)}.changes-list li:last-child{margin-bottom:0}.no-changes{color:var(--vwx-warm-gray);font-style:italic}.timeline-view{display:flex;flex-direction:column;gap:var(--space-xl)}.timeline-track{background:var(--vwx-warm-white);border:1px solid var(--vwx-light-gray);display:flex;gap:var(--space-md);overflow-x:auto;padding:var(--space-xl)}.timeline-node{align-items:center;background:var(--vwx-cream);border:2px solid var(--vwx-light-gray);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:100px;justify-content:center;position:relative;transition:all .2s ease;width:100px}.timeline-node:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.timeline-node.representative{border-width:3px}.timeline-node.has-changes{background:#fffbf0}.timeline-year{font-size:1.2rem;margin-bottom:var(--space-xs)}.timeline-badge,.timeline-year{font-family:var(--font-mono);font-weight:600}.timeline-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.timeline-details{background:var(--vwx-warm-white);border:1px solid var(--vwx-light-gray)}.year-detail-card{padding:var(--space-xl)}.year-detail-card h3{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-lg) 0}.detail-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:1rem;font-weight:500}.changes-section{border-top:1px solid var(--vwx-light-gray);margin-top:var(--space-lg);padding-top:var(--space-lg)}.changes-section h4{color:var(--vwx-charcoal);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin:0 0 var(--space-md) 0}.changes-section h4,.view-model-btn{font-family:var(--font-mono);text-transform:uppercase}.view-model-btn{background:var(--vwx-charcoal);color:var(--vwx-cream);display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.1em;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .2s ease}.view-model-btn:hover{background:var(--vwx-warm-gray)}.legend{background:var(--vwx-sand);border-left:3px solid var(--vwx-coral-red);margin-top:var(--space-lg);padding:var(--space-md)}.legend-item{align-items:center;color:var(--vwx-charcoal);display:flex;font-family:var(--font-body);font-size:.85rem;gap:var(--space-sm);margin:0}.milestones-section h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:2rem;font-weight:700;margin:0 0 var(--space-xl) 0}.milestones-timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.milestone-item{border-left:3px solid var(--vwx-light-gray);padding-left:var(--space-xl);position:relative}.milestone-item:before{background:#fff;border:3px solid;border-color:inherit;border-radius:50%;content:"";height:12px;left:-7px;position:absolute;top:0;width:12px}.milestone-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-xs)}.milestone-year{font-family:var(--font-mono);font-size:1rem;font-weight:600}.milestone-period{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.milestone-event{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:1.2rem;font-weight:600;margin:0 0 var(--space-xs) 0}.milestone-details{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.9rem;line-height:1.6;margin:0}.year-cards-section h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:2rem;font-weight:700;margin:0 0 var(--space-sm) 0}.year-cards-section .section-subtitle{color:var(--vwx-warm-gray);font-family:var(--font-body);font-size:1rem;line-height:1.5;margin:0 0 var(--space-xl) 0}.year-cards-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media (min-width:481px){.year-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.year-card{background:var(--vwx-warm-white);border:1px solid var(--vwx-light-gray);color:inherit;overflow:hidden;text-decoration:none;transition:all .2s ease}.year-card:hover{border-color:var(--vwx-coral-red);box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.year-card.representative{border-width:2px}.year-card.has-changes{border-color:var(--vwx-sage)}.year-card-image{height:180px;overflow:hidden;position:relative;width:100%}@media (max-width:480px){.year-card-image{height:140px}}.year-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.year-card:hover .year-card-image img{transform:scale(1.05)}.representative-badge{left:var(--space-sm)}.changes-badge,.representative-badge{border-radius:2px;color:#fff;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);position:absolute;text-transform:uppercase;top:var(--space-sm);z-index:10}.changes-badge{right:var(--space-sm)}.year-card-content{padding:var(--space-md)}.year-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.year-card-year{color:var(--vwx-charcoal);font-family:var(--font-mono);font-size:1.5rem;font-weight:600;margin:0}.year-position{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.year-card-specs{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.spec-row{align-items:baseline;display:flex;font-family:var(--font-body);font-size:.85rem;justify-content:space-between}.spec-label{color:var(--vwx-warm-gray);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.spec-value{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.85rem;font-weight:500}.spec-separator{color:var(--vwx-coral-red)}.change-summary{background:var(--vwx-sand);border-left:2px solid var(--vwx-sage);font-family:var(--font-body);font-size:.8rem;font-weight:500;line-height:1.4}.change-summary,.key-feature-badge{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.key-feature-badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.05em}.key-feature-badge,.view-details-link{font-family:var(--font-mono);text-transform:uppercase}.view-details-link{color:var(--vwx-coral-red);font-size:.75rem;font-weight:500;letter-spacing:.1em}.variant-navigation{border-top:1px solid var(--vwx-light-gray);padding-top:var(--space-xl)}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.back-link{color:var(--vwx-coral-red);font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.back-link:hover{color:var(--vwx-charcoal)}.year-nav{display:flex;gap:var(--space-lg)}.year-nav-link{color:var(--vwx-charcoal);font-family:var(--font-body);font-size:.85rem;text-decoration:none;transition:color .2s ease}.year-nav-link:hover{color:var(--vwx-coral-red)}.variant-page-error{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--space-xl)}.error-content{max-width:500px;text-align:center}.error-content h2{color:var(--vwx-charcoal);font-family:var(--font-headline);font-size:2rem;font-weight:700;margin:0 0 var(--space-md) 0}.error-content p{color:var(--vwx-warm-gray);font-family:var(--font-body);font-size:1rem;margin:0 0 var(--space-lg) 0}@media (max-width:768px){.variant-title{font-size:2rem}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.spec-table-container{font-size:.8rem}.spec-evolution-table td,.spec-evolution-table th{padding:var(--space-xs) var(--space-sm)}.timeline-track{padding:var(--space-md)}.timeline-node{height:80px;width:80px}.timeline-year{font-size:1rem}.year-cards-grid{grid-template-columns:1fr}.nav-links{align-items:flex-start}.nav-links,.year-nav{flex-direction:column}.year-nav{gap:var(--space-sm)}}@media (max-width:600px){.variant-page-header{padding:var(--space-md)}.variant-header-content{padding:var(--space-lg) 0}.variant-title{font-size:1.8rem}.variant-page-content{padding:var(--space-lg) var(--space-md)}.view-toggle{width:100%}.toggle-btn{flex:1 1;font-size:.75rem;padding:var(--space-sm)}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.variant-title{font-size:1.5rem}.variant-parent-model{font-size:.7rem}.variant-production-span{font-size:.85rem}.timeline-node{height:60px;width:60px}.timeline-year{font-size:.9rem}.timeline-badge{font-size:.65rem;height:20px;width:20px}.year-detail-card{padding:var(--space-md)}.year-detail-card h3{font-size:1.2rem}.section-header h2,.year-cards-section h2{font-size:1.5rem}.year-cards-section .section-subtitle{font-size:.9rem}.milestone-event{font-size:1rem}.milestone-details{font-size:.85rem}.year-card-year{font-size:1.2rem}.year-position{font-size:.65rem}.spec-row,.year-card-specs{font-size:.75rem}.spec-label{font-size:.65rem}.change-summary,.spec-value{font-size:.75rem}.changes-badge,.representative-badge{font-size:.65rem;padding:4px 6px}}
/*# sourceMappingURL=main.a499303c.css.map*/