/* MOTO WAY v9 — smooth single-clock theme and subtle night stars. */
/* MOTO WAY v8: one simulated 24h day / 120s. No 3D, no flashing lights.
   Motion is decorative, controls are always available. */
:root{--mw8-page:#fff;--mw8-wash:#f5fbff;--mw8-ink:#183450;--mw8-soft:#eaf4ff;--mw8-sun-x:35%;--mw8-moon-x:0%;--mw8-sun-y:0px;--mw8-moon-y:0px;--mw8-sun-opacity:1;--mw8-moon-opacity:0}
body{background:var(--mw8-page);transition:none}
.site-header{isolation:isolate;position:sticky;padding-top:9px;background:var(--mw8-page);transition:border-color .35s ease}
.mw8-sky-track{position:absolute;left:0;right:0;top:0;height:20px;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(90deg,transparent,var(--mw8-soft),transparent);transition:background-color 3s}
.mw8-sky-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(125,161,199,.22)}
.mw8-sun,.mw8-moon{position:absolute;top:0;line-height:20px;font-size:17px;font-weight:700;will-change:left,transform,opacity;transition:none;}
.mw8-sun{left:clamp(12px,var(--mw8-sun-x),calc(100% - 28px));color:#ff861e;opacity:var(--mw8-sun-opacity);transform:translateY(var(--mw8-sun-y))}
.mw8-moon{left:clamp(12px,var(--mw8-moon-x),calc(100% - 28px));color:#bad6f3;opacity:var(--mw8-moon-opacity);transform:translateY(var(--mw8-moon-y))}
.brand a{display:flex;align-items:center}
.mw8-logo{display:block;flex:0 0 auto;position:relative;width:215px;max-width:100%;line-height:0;}
.mw8-logo-window{display:block;position:relative;width:100%;aspect-ratio:3.05 / 1;overflow:hidden;isolation:isolate;}
.mw8-logo-raster,.mw8-logo-mask,.mw8-logo-live{position:absolute;display:block;top:50%;left:0;width:100%;height:auto;max-width:none!important;max-height:none!important;transform:translateY(-50%);object-fit:contain;}
.mw8-logo-live{z-index:1;overflow:visible;}
.mw8-logo-mask{z-index:2;pointer-events:none;}
.mw8-logo-left{clip-path:inset(0 59.6% 0 0)}
.mw8-logo-right{clip-path:inset(0 0 0 62%)}
.mw8-logo-hero{width:min(100%,720px);margin:0 auto}
.mw8-logo-hero .mw8-logo-window{aspect-ratio:3.00 / 1}
.mw8-clock-label{text-align:right;color:#234465;display:flex;flex-direction:column;font-size:12px;line-height:1.2;min-width:59px;font-weight:900;white-space:nowrap}
.mw8-clock-label small{font-size:8px;letter-spacing:.08em;font-weight:850;color:#d86a2f}
.mw8-motion-button{background:#edf5fc;border:1px solid #cfdeeb;border-radius:100px;color:#1c4771;padding:9px 12px;font-size:10px;font-weight:850;box-shadow:none;min-height:36px;white-space:nowrap}
.mw8-motion-button:hover,.mw8-motion-button:focus-visible{border-color:#ff8a39;background:#ffefe5;color:#a83f0a}
.mw8-hero-brand{width:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:28px;background:linear-gradient(135deg,rgba(220,241,255,.86),rgba(255,249,239,.96));border:1px solid #dcebf5;padding:24px 14px;position:relative;overflow:hidden;transition:none}
.mw8-hero-eyebrow{text-align:center;color:#e06628;letter-spacing:.14em;font-size:11px;font-weight:900;line-height:1.5}
.mw8-hero-hint{color:#365471!important;text-align:center;font-size:12px!important;line-height:1.6;max-width:485px;margin:4px auto 0!important}
.mw7-hero,.mw7-hero-art,.mw7-intake-wrap,.mw7-routes-section,.mw7-journal-section,.mw7-value-section,.mw7-story-section{transition:none}
.mw7-hero{background:linear-gradient(130deg,var(--mw8-page) 0%,var(--mw8-wash) 100%)!important}
.mw7-intake-wrap{background:var(--mw8-page)!important}
.mw7-value-section,.mw7-routes-section,.mw7-journal-section{background:var(--mw8-wash)!important}
.mw7-story-section{background:var(--mw8-page)!important}













.mw8-logo-live .mw8-vehicle{pointer-events:none}
/* decorative motion doesn't override content: accessible control stops the single clock */
@media(max-width:1180px){.mw8-clock-label{display:none}.mw8-motion-button{font-size:0;width:34px;height:34px;padding:0;position:relative}.mw8-motion-button::before{content:'Ⅱ';font-size:16px;position:absolute;inset:0;display:grid;place-items:center}.mw8-motion-button[aria-pressed="false"]::before{content:'▶'}}
@media(max-width:700px){.mw8-logo-header{width:165px}.mw8-hero-brand{min-height:220px;padding:16px 8px}.mw8-hero-eyebrow{font-size:9px}.mw8-hero-hint{font-size:11px!important}.mw8-motion-button{width:32px;height:32px}.site-header{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.mw8-logo-live,.mw8-sun,.mw8-moon,.mw8-vehicle{will-change:auto!important;animation:none!important;transition:none!important}.mw8-hero-brand,.mw7-hero{transition:none!important}}

/* Keep desktop nav single-line without sacrificing access to the motion control. */
@media(min-width:1001px){.site-nav ul{gap:15px!important}.site-nav li a{font-size:12.5px!important;white-space:nowrap}.header-wrap{gap:11px!important}.mw8-logo-header{width:195px}}
@media(min-width:1001px) and (max-width:1380px){.mw8-clock-label{display:none}.mw8-motion-button{font-size:0;width:35px;height:35px;padding:0;position:relative}.mw8-motion-button::before{content:'Ⅱ';font-size:16px;position:absolute;inset:0;display:grid;place-items:center}.mw8-motion-button[aria-pressed="false"]::before{content:'▶'}}
/* Override pre-existing generic image sizing inside the layered mark. */
.brand .mw8-logo img,.mw7-hero-art .mw8-logo img{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;filter:none!important;object-fit:contain!important}

/* Smooth continuous palette: interpolate visually with the clock on every frame.
   Avoid abrupt phase-selector colour jumps. */
:root{--mw9-stars:0;--mw9-night:0;--mw9-panel:#ffffff;--mw9-muted:#4c657e;--mw9-skyline:#d7e4ef}
.site-header{background-color:var(--mw8-page)!important;border-bottom-color:var(--mw9-skyline)!important}
.site-nav li a,.mw8-clock-label{color:var(--mw8-ink)!important;transition:none!important}
.site-nav li a:hover,.site-nav .current-menu-item>a{color:#e3651c!important}
.mw8-hero-brand{background:linear-gradient(125deg,var(--mw8-soft),var(--mw8-wash))!important;border-color:var(--mw9-skyline)!important}
.mw8-hero-hint{color:var(--mw8-ink)!important;opacity:.86}
.mw8-hero-eyebrow{color:#e96c25}
.mw7-hero h1,.mw7-hero .mw7-lead,.mw7-hero .mw7-hero-caveat,.mw7-hero .mw7-text-link,
.mw7-heading-row h2,.mw7-section-heading-centered h2,.mw7-faq-layout>div:first-child h2,
.mw7-heading-row>p,.mw7-section-heading-centered>p,.mw7-faq-layout>div:first-child>p{
 color:var(--mw8-ink)!important;transition:none!important
}
.mw7-hero h1 span{color:#e35b14!important}
.mw7-hero .mw7-overline,.mw7-section .mw7-overline{color:#e87429!important}
.mw7-hero{background:linear-gradient(135deg,var(--mw8-page),var(--mw8-wash))!important}
.mw7-hero:before{background:linear-gradient(transparent,var(--mw8-wash))!important}
.mw7-intake-wrap,.mw7-story-section{background:var(--mw8-page)!important}
.mw7-value-section,.mw7-routes-section,.mw7-journal-section{background:var(--mw8-wash)!important}
/* The original wordmark stays pixel-identical. The single new disk replaces the raster disk. */
.mw8-logo-live{filter:drop-shadow(0 1px 0 rgba(255,255,255,.14));}
.mw8-logo-raster,.mw8-logo-mask{image-rendering:auto;}
/* Sun and moon are actual flat SVG icons rather than font glyphs. */
.mw8-sky-track{height:20px;background:linear-gradient(90deg,var(--mw8-soft),transparent 40%,var(--mw8-soft))}
.mw8-sun,.mw8-moon{width:19px;height:19px;display:block;top:0;line-height:0}
.mw8-sun svg,.mw8-moon svg{width:19px;height:19px;display:block}
.mw8-sun{color:#ff9d27;filter:drop-shadow(0 0 4px #ff9f3a7d)}
.mw8-moon{color:#dbeaff;filter:drop-shadow(0 0 3px #b9d4ff75)}
.mw8-sky-track .mw8-sun,.mw8-sky-track .mw8-moon{will-change:transform,left,opacity}
/* Star layers are self-contained inside broad decorative sections, never on the form or cards. */
.mw9-starfield{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:var(--mw9-stars);isolation:isolate}
.mw9-star{position:absolute;width:var(--mw9-size,3px);height:var(--mw9-size,3px);border-radius:50%;background:#e9f6ff;box-shadow:0 0 7px 1px rgba(191,222,255,.8),0 0 15px rgba(170,209,255,.25);animation:mw9-twinkle var(--mw9-twinkle,9s) ease-in-out infinite alternate;animation-delay:var(--mw9-delay,0s);transform:translateZ(0)}
.mw9-star.warm{background:#ffefcf;box-shadow:0 0 7px rgba(255,213,143,.76),0 0 15px rgba(255,200,108,.25)}
@keyframes mw9-twinkle{0%{opacity:.35;transform:scale(.82)}100%{opacity:.9;transform:scale(1.1)}}
.mw7-hero,.mw7-story-section,.mw7-routes-section,.mw7-journal-section{position:relative;isolation:isolate}
.mw7-hero>.container,.mw7-story-section>.container,.mw7-routes-section>.container,.mw7-journal-section>.container{position:relative;z-index:2}
.mw8-hero-brand>.mw9-starfield{z-index:0}
.mw8-hero-brand> :not(.mw9-starfield){position:relative;z-index:2}
.site-header .mw9-starfield{z-index:0}
.site-header .header-wrap,.site-header .mw8-sky-track{z-index:2;position:relative}
.site-header .mw9-starfield{opacity:calc(var(--mw9-stars) * .48)}
/* Night-time stars are above large background sections but are too sparse to obscure reading. */
.mw8-hero-brand>.mw9-starfield{opacity:calc(var(--mw9-stars) * .68)}
/* Keep smaller screens legible and decorative stars unobtrusive. */
@media(max-width:850px){.site-nav.is-open{background:var(--mw8-page)!important;border-color:var(--mw9-skyline)}.site-nav.is-open a{color:var(--mw8-ink)!important}.menu-toggle{color:#163554}}
@media(max-width:700px){.mw9-star{box-shadow:0 0 5px rgba(196,223,255,.55)}.mw8-sun,.mw8-moon{width:17px;height:17px}.mw8-sun svg,.mw8-moon svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.mw9-star{animation:none!important;opacity:.45}.mw9-starfield{opacity:0!important}.mw8-sun,.mw8-moon{will-change:auto!important}}
/* Final v9 legibility and hero-card polish. */
.mw7-tyre-copy h2,.mw7-tyre-copy>p,.mw7-tyre-copy .mw7-tyre-description,
.mw7-tyre-copy .mw7-mini-label,.mw7-tyre-copy .mw7-tyre-label{color:var(--mw8-ink)!important}
.mw7-tyre-copy .mw7-overline{color:#e87429!important}
.mw7-hero-corner{left:auto!important;right:12px!important;bottom:-17px!important;z-index:4!important;transform:rotate(-2deg)!important}
.mw8-hero-brand{padding-bottom:35px!important}
.mw8-hero-hint{max-width:420px!important;padding-inline:5px;line-height:1.65!important}
@media(max-width:720px){.mw7-hero-corner{right:8px!important;bottom:-14px!important}.mw8-hero-brand{padding-bottom:24px!important}}

html[data-mw9-paused="true"] .mw9-star{animation-play-state:paused!important}
.scene-progress>span{transition:none!important}

/* Extend the night atmosphere to the distinctive hero sections of other pages. */
.mwcu-hero,.mwh3-hero,.mw-cover-hero,.sv6-hero,.sv6-detail-hero,.mw-journal-hero{position:relative;isolation:isolate}
.mwcu-hero>.container,.mwh3-hero>.container,.mw-cover-hero>.container,.sv6-hero>.container,.sv6-detail-hero>.container,.mw-journal-hero>.container{position:relative;z-index:2}
.mwcu-hero>.mw9-starfield,.mwh3-hero>.mw9-starfield,.mw-cover-hero>.mw9-starfield,.sv6-hero>.mw9-starfield,.sv6-detail-hero>.mw9-starfield,.mw-journal-hero>.mw9-starfield{opacity:calc(var(--mw9-stars) * .55)}