/*
 * FUTURE / UNBOUND — reversible v9 visual layer.
 * Load after theme-young.css. Supplied product silhouettes, tread and typography
 * remain intact: the effects below change light, colour and presentation only.
 */
:root{
 --ink:#eef6f8;--paper:#080d13;--dark:#04080d;--muted:#8da2b0;
 --line:#283943;--accent:#d8ff43;--cyan:#67e5f0;
 --surface:#101a23;--surface-deep:#0b141d;--copy:#becdd5;
}
html{color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--accent);color:#070c12}
.muted{color:#7e98a9}
.eyebrow,.small-label{color:var(--cyan)}
.section-heading h2,.intro-row h1,.contact-intro h1,.article-header h1{letter-spacing:-.025em}
.section-intro p,.section-heading>p,.intro-row>p,.article-header>p:last-child,
.contact-intro>p:last-child,.article-body p,.product-description,.product-enquiry>p:not(.eyebrow){color:var(--copy)}
.text-link{color:var(--ink);border-color:#617983;transition:color .22s,border-color .22s}
.text-link:hover{color:var(--cyan);border-color:var(--cyan)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.skip{color:#070c12}

/* Small, precise light signals connect navigation, controls and data. */
.header{background:#060b11;border-bottom:1px solid #41626b}
.header:after{content:"";position:absolute;bottom:-1px;left:var(--pad);width:72px;height:2px;background:var(--cyan)}
.identity>svg,.company-subline svg{color:#f1f8f8}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--accent)}
.nav-contact{border-color:#334751}.nav-contact span{color:var(--cyan)}
.language{color:#91aaba;border-color:#334751}
.mobile-nav{background:#07101a}
.mobile-nav a{border-color:#253e49}
.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--accent)}
.button{
 border-radius:0;
 clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
 transition:background .22s,color .22s,transform .22s;
}
.button-accent,.hero-base .button,.button-light,.button-dark{background:var(--accent);color:#060c11;border-color:var(--accent)}
.button-accent:hover,.hero-base .button:hover,.button-light:hover,.button-dark:hover{background:var(--cyan);border-color:var(--cyan);color:#060c11;transform:translateY(-2px)}
.button:focus-visible{outline-offset:-5px;outline-color:#071019}
.button span{font-weight:700}
.outline-button{color:var(--ink);background:#101c26;border:1px solid #3c5663}
.outline-button:hover{border-color:var(--cyan)}
.accent-dot{background:var(--cyan);box-shadow:0 0 12px #67e5f066}

/* All six scenes share a cold camera grade; no geometry or image text changes. */
.hero-slide .hero-image{filter:contrast(1.065) saturate(.9)}
.hero-slide:not([data-scene="cyberpunk"]) .hero-shade{
 background:linear-gradient(90deg,#030b17db,#07182f38 55%,#006e7617),
 linear-gradient(0deg,#040c16d4,transparent 45%);
}
.hero-carousel .hero-content>.eyebrow{color:#c5ebee}
.hero-statement em{color:var(--accent);text-shadow:0 2px 24px #a5e42d12}
.hero-base p{color:#d7e5eb}
.hero-bottom{border-top-color:#75cbd14d}
.hero-counter{color:var(--accent)}
.hero-location>div>span{color:var(--cyan)}
.hero-location p{color:#b7cbd4}
.hero-controls>button{border-color:#75cbd16b;background:#07111a66}
.hero-controls>button:hover{background:var(--cyan);border-color:var(--cyan);color:#071019}
.hero-dots span{background:#68848f}
.hero-dots .active span{background:var(--accent)}
.category-strip{background:#0c1721;border-top:1px solid #304954;border-bottom:1px solid #304954;color:var(--ink)}
.category-strip a{border-color:#304954}
.category-strip a:hover{background:#122330;color:var(--cyan)}
.category-strip a>span:first-child{color:var(--cyan)}

/* Technical surface, used sparingly in section entrances. */
.page-intro,.collection-section,.feature-section,.manifesto{
 background-image:linear-gradient(#54dce505 1px,transparent 1px),linear-gradient(90deg,#54dce505 1px,transparent 1px);
 background-size:52px 52px;
}
.page-intro{background-color:#0b141d}
.collection-intro,.journal-page .page-intro{border-color:#334b56}
.collection-brand,.product-brand,.article-lockup,.manifesto-signature .brand-lockup{filter:invert(1);mix-blend-mode:normal}
.pattern-wordmark,.pattern-wordmark.on-dark{filter:invert(1);mix-blend-mode:normal}
.collection-intro .eyebrow{color:var(--cyan)}
.filter-toolbar{border-bottom:1px solid #3d5967}
.filter-list button{color:#becdd6;border:1px solid transparent}
.filter-list button:hover{color:var(--cyan);background:#122731;border-color:#3e6a75}
.filter-list button.active,.filter-list button.active:hover{background:var(--accent);color:#060c11;border-color:var(--accent)}
.filter-list small{color:inherit}
.search{border-color:#3d5967}
.search input{color:var(--ink)}
.result-line,.breadcrumb{color:#8ba8b9}
.breadcrumb a:hover{color:var(--cyan)}
.empty-state{color:var(--copy)}
.empty-state h2{color:var(--ink)}

/*
 * Every original tire render remains a precise product image.
 * Multiply lets its white studio backdrop become an illuminated cyan/ice stage.
 */
.product-image,.product-viewer{
 background-color:#c3d9dc;
 background-image:radial-gradient(ellipse at 8% 16%,#56e7f395,transparent 44%),
 radial-gradient(ellipse at 100% 80%,#d8ff4370,transparent 47%),
 linear-gradient(140deg,#d7e7e9 8%,#b1cbd1 58%,#d1e0cf);
 border:1px solid #5a8390;
 isolation:isolate;
}
.product-image{clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%)}
.product-image:before,.product-viewer:before{
 content:"";position:absolute;inset:13px;pointer-events:none;z-index:2;
 background:linear-gradient(#1f778d,#1f778d) left top/22px 1px no-repeat,
 linear-gradient(#1f778d,#1f778d) left top/1px 22px no-repeat,
 linear-gradient(#4b747c,#4b747c) right bottom/22px 1px no-repeat,
 linear-gradient(#4b747c,#4b747c) right bottom/1px 22px no-repeat;
}
.product-image:after{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(115deg,#28cfe51c,transparent 38%,transparent 65%,#d8ff431a);
 mix-blend-mode:color;
}
.product-image img,.main-product,.product-thumbs img{mix-blend-mode:multiply;filter:contrast(1.055) saturate(.85)}
.product-card:hover .product-image{
 background-color:#c9e4df;
 background-image:radial-gradient(ellipse at 8% 16%,#59ecffbb,transparent 50%),
 radial-gradient(ellipse at 100% 80%,#d8ff4399,transparent 50%),
 linear-gradient(140deg,#dfedef,#b8d4dc 58%,#d5e6d0);
 border-color:var(--cyan);
}
.card-index{color:#254752;font-size:8px;z-index:3}
.card-arrow{background:#081821;color:var(--accent);z-index:3}
.product-meta{border-bottom-color:#38515d}
.product-meta .small-label{color:var(--cyan)}
.product-card:hover .product-meta{border-bottom-color:var(--cyan)}
.product-copy{background:linear-gradient(135deg,#10202a,#080f17 66%);border-color:#334d58}
.product-copy .eyebrow{color:var(--cyan)}
.product-divider{border-color:#344c57;color:#87a8b9}
.viewer-number{color:#294a56;z-index:3}
.zoom-product>span{color:#244d5a;font-weight:800}
.product-thumbs{position:relative;z-index:3}
.product-thumbs button{background:#d1e7e8;border:1px solid #6b939f}
.product-thumbs button:hover{background:#e2f4e7;border-color:#173b49}
.product-thumbs button.active{background:#dfff94;border:2px solid #153d4b}
.feature-list>div{border-color:#314b58}
.feature-list span{color:var(--cyan)}
.feature-list h3{color:#dbe6eb}
.product-enquiry{background:linear-gradient(90deg,#142a34,transparent 72%);border-left:3px solid var(--cyan)}

/* Vehicle campaign images: cool steel, fluorescent edge light, full artwork. */
.brand-image,.motion-grid a,.story-image,.gallery-item>button,.product-scene,.article-cover{
 isolation:isolate;
}
.brand-page-hero>.hero-image,.brand-image>img,.motion-grid>a>img,.story-image>img,.gallery-item>button>img,.product-scene>img,.article-cover>img{
 filter:grayscale(.35) sepia(.42) hue-rotate(132deg) saturate(1.25) contrast(1.13) brightness(.9);
}
.brand-image:after,.motion-grid>a:before,.story-image:after,.gallery-item>button:after,.article-cover:after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(128deg,#19dcef66 0%,#0a9dc72c 48%,#caff434a 100%);
 mix-blend-mode:color;
 border:1px solid #6ddbe57a;
}
.article-cover:after{inset:0 var(--pad)}
.brand-image:before,.story-image:before,.gallery-item>button:before{
 content:"";position:absolute;inset:12px;pointer-events:none;z-index:2;
 background:linear-gradient(#80f3ff,#80f3ff) left top/30px 2px no-repeat,
 linear-gradient(#80f3ff,#80f3ff) left top/2px 30px no-repeat,
 linear-gradient(#d8ff43,#d8ff43) right bottom/30px 2px no-repeat,
 linear-gradient(#d8ff43,#d8ff43) right bottom/2px 30px no-repeat;
}
.brand-image .image-caption,.motion-grid a>div,.story-image>span,.gallery-item button>span{z-index:2}
.brand-split{background:#0b1721}
.brand-copy{background:linear-gradient(145deg,#102531,#071019 72%);border-color:#2e4856}
.brand-copy .eyebrow{color:var(--cyan)}
.brand-copy p:not(.eyebrow){color:var(--copy)}
.brand-copy .text-link{color:var(--cyan)}
.mindset-lockup{filter:invert(1);mix-blend-mode:normal}
.motion-section{background:#0c1721;border-top:1px solid #283c47;border-bottom:1px solid #283c47}
.motion-grid>a{border:1px solid #39535f}
.motion-grid a>div span:last-child{color:var(--cyan)}
.story-image{background:#13232e;border:1px solid #3b5561}
.story-image>span{background:var(--accent);color:#060c11}
.story-card .small-label{color:var(--cyan)}
.story-card h3{color:#e7f0f3}
.story-card:hover h3{color:var(--accent)}
.gallery-page .page-intro{background-color:#0b1620;color:var(--ink);border-bottom:1px solid #3d5967}
.gallery-page .intro-row>p{color:var(--copy)}
.gallery-item>button{background:#0c1720;border:1px solid #395260}
.gallery-item>button>img{object-fit:contain}
.gallery-item button>span{background:#081821;color:var(--cyan);border:1px solid #64d1dd55}
.gallery-item figcaption{border-color:#344e5a}
.gallery-item figcaption a{color:var(--cyan)}
.gallery-item figcaption a:hover{color:var(--accent)}
.gallery-pattern{overflow:visible}
.article-cover{position:relative}
.article-cover>img{border:1px solid #3d5763}
.article-source{color:#8da9b7;border-color:#344d58}

/* Mindset, contact and footer carry the same material language. */
.manifesto-label{color:var(--cyan)}
.manifesto>div>p{color:var(--copy)}
.manifesto-signature>span{color:#89abbc}
.values{background:#101e29;color:var(--ink);border-top:1px solid #2e4a58;border-bottom:1px solid #2e4a58}
.values>.eyebrow,.value-grid article>span{color:var(--cyan)}
.value-grid{border-color:#3d5865}
.value-grid article{border-color:#334e5b}
.value-grid p{color:var(--copy)}
.partner-band{
 background-color:var(--accent);color:#081019;
 background-image:repeating-linear-gradient(115deg,transparent 0,transparent 120px,#09151b07 121px,#09151b07 122px);
 border-top:1px solid #e7ff9a;
}
.partner-band .eyebrow{color:#274321}
.partner-band .button-dark{background:#07111a;color:var(--accent);border-color:#07111a}
.partner-band .button-dark:hover{background:#143440;color:var(--cyan)}
.contact-routes>a{border-color:#36515f}
.contact-routes .small-label{color:var(--cyan)}
.contact-routes strong{color:var(--ink)}
.contact-routes>a:hover strong{color:var(--accent)}
.contact-routes p,.contact-explain,.form-note{color:#9bb2c0}
.contact-address .small-label{color:var(--cyan)}
form{background:#0d1a24;border:1px solid #304b5a;padding:30px}
form label{color:#c7dce5}
input,textarea,select{background:#080f17;color:#e8f4f8;border:1px solid #4a6574;border-radius:0}
#enquiry-form input,#enquiry-form textarea,#enquiry-form select{padding:12px 14px}
input::placeholder,textarea::placeholder{color:#829eae;opacity:1}
input:focus,textarea:focus,select:focus{border-color:var(--cyan)}
select option{color:#e8f4f8;background:#0b1721}
.search input{background:transparent;border:0}
#form-status{color:var(--accent)}
.footer{background:#040a10;color:#eef7f8;border-top:1px solid #35505b}
.footer-top,.footer-signoff,.footer-bottom{border-color:#2d4551}
.footer .eyebrow,.footer .small-label{color:var(--cyan)}
.footer-email{color:#edf6f7}
.footer-email span{color:var(--accent)}
.footer-email:hover{color:var(--cyan)}
.footer-columns a{color:#c4d8e2}
.footer-columns a:hover{color:var(--cyan)}
.footer-contacts a>span,.company-motto{color:#8aa7b7}
.footer-marvix+p{color:#9eb8c6}
.footer .footer-wordmark{width:66.667%;flex-basis:66.667%;color:#e4f4f6;margin:0;padding:0}
.footer-signoff{justify-content:center}
.footer-bottom{color:#819eae}
.lightbox{background:#0b1721;border:1px solid #4a707d;color:var(--ink)}
.lightbox::backdrop{background:#020810f2}
.lightbox>img{background:#d8e8ec;filter:contrast(1.025) saturate(.9) sepia(.07) hue-rotate(135deg)}
.lightbox>img[src*="/scene-"]{filter:grayscale(.35) sepia(.42) hue-rotate(132deg) saturate(1.25) contrast(1.13) brightness(.94);border:1px solid #67e5f099}
.lightbox-close{color:var(--cyan)}
.lightbox-original{color:var(--accent)}

@media(max-width:800px){
 .product-copy{border-top-color:#37515e}
 .product-image:before,.product-viewer:before{inset:9px}
 .card-index{font-size:7px}
 form{padding:24px}
 .hero-slide:not([data-scene="cyberpunk"]) .hero-shade{background:linear-gradient(90deg,#030b17d4,#07182f38),linear-gradient(0deg,#040c16df,transparent 60%)}
}
@media(max-width:480px){
 .card-index{font-size:6px;letter-spacing:.5px}
 .product-image{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
 .product-image:before{inset:7px;background-size:14px 1px,1px 14px,14px 1px,1px 14px}
 .product-thumbs button{width:61px;height:61px}
 form{padding:22px 18px}
 .footer .footer-wordmark{width:66.667%;flex-basis:66.667%}
 .page-intro,.collection-section,.feature-section,.manifesto{background-size:38px 38px}
}
@media(prefers-reduced-motion:reduce){
 .button,.text-link,.product-image,.product-image img,.main-product,.story-image img{transition:none}
 .button:hover,.product-card:hover .product-image img,.zoom-product:hover .main-product{transform:none}
}