/* Wheelion identity and motion. Every asset is served locally. */
.brand-logo{width:274px;height:auto;aspect-ratio:726/90;object-fit:contain}.footer-brand .brand-logo{width:280px}.wordmark{gap:0}.header-inner{gap:24px}.desktop-nav{gap:25px}
.motion-hero{position:relative;isolation:isolate;background:#0b1117;color:#f5f6f7;overflow:hidden;min-height:610px;height:min(760px,calc(100svh - 72px));padding:40px 0 54px}
.motion-hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 74% 38%,#25313d 0,transparent 57%),linear-gradient(120deg,#10171e,transparent 70%)}
.motion-hero-inner{width:min(1380px,calc(100% - 104px));height:100%;margin:auto;display:grid;grid-template-columns:.83fr 1.35fr;align-items:center;gap:10px}
.hero-copy{position:relative;z-index:1;padding:0 0 20px 20px}.hero-copy .eyebrow{color:var(--brand-yellow);font-size:11px;letter-spacing:.2em;margin-bottom:25px}.hero-copy h1{font-size:clamp(48px,4.7vw,76px);line-height:1.18;letter-spacing:-.065em}.hero-copy h1 span{display:block;color:var(--brand-yellow)}.hero-copy .lead{font-size:clamp(16px,1.45vw,20px);color:#b4bec8;line-height:1.8;margin-top:26px;letter-spacing:0}.hero-copy .actions{margin-top:31px;gap:22px}.hero-copy .button{background:var(--brand-yellow);color:#1c2025;min-height:46px}.hero-copy .button:hover{background:var(--brand-yellow)}.hero-copy .text-link{color:#f0f1f3}.hero-footnote{margin-top:55px;font-size:11px;letter-spacing:.13em;color:#768491}
.drive-stage{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.drive-svg{width:100%;height:100%;display:block;overflow:visible}.hero-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#8c98a3;font-size:10px;letter-spacing:.12em;display:flex;gap:14px;align-items:center}.hero-scroll span:last-child{font-size:17px;color:var(--brand-yellow)}
.pulley-rotor{transform-origin:0 0;animation:pulley-turn 24s linear infinite;animation-play-state:paused}.belt-teeth{animation:belt-run 1.115s linear infinite;animation-play-state:paused}.belt-trace{animation:belt-travel 46s linear infinite;animation-play-state:paused}.drive-stage.is-running .pulley-rotor,.drive-stage.is-running .belt-teeth,.drive-stage.is-running .belt-trace{animation-play-state:running}@keyframes pulley-turn{to{transform:rotate(360deg)}}@keyframes belt-run{to{stroke-dashoffset:-52}}@keyframes belt-travel{to{stroke-dashoffset:-2138}}
.about-identity{padding:5px 0 72px}.identity-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.identity-logo{background:#fff;border:1px solid #e7e7eb;border-radius:28px;padding:25px;box-shadow:0 16px 50px #00000003}.identity-logo img{width:100%;height:auto;object-fit:contain}.identity-copy h2{font-size:46px;margin-bottom:25px}.identity-copy .lead{font-size:18px}.about-detail-photo{margin-top:0}.about-detail-photo img{height:auto;object-fit:contain}
/* Reveal only elements below the first viewport; all text remains readable without JS. */
.motion-enabled .text-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}.motion-enabled .text-reveal.is-visible{opacity:1;transform:none}.motion-enabled .text-reveal.reveal-step-1{transition-delay:80ms}.motion-enabled .text-reveal.reveal-step-2{transition-delay:160ms}.motion-enabled .text-reveal.reveal-step-3{transition-delay:240ms}.motion-enabled .hero-copy>*{animation:text-arrive .85s both cubic-bezier(.22,.61,.36,1)}.motion-enabled .hero-copy>:nth-child(2){animation-delay:80ms}.motion-enabled .hero-copy>:nth-child(3){animation-delay:160ms}.motion-enabled .hero-copy>:nth-child(4){animation-delay:240ms}.motion-enabled .hero-copy>:nth-child(5){animation-delay:320ms}@keyframes text-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.brand-logo{width:235px}.desktop-nav{gap:20px}.motion-hero-inner{width:calc(100% - 56px);grid-template-columns:.9fr 1.15fr;gap:0}.hero-copy{padding-left:0}.hero-copy h1{font-size:55px}.hero-footnote{margin-top:35px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{padding:0 25px}.motion-hero{height:auto;min-height:0;padding:32px 0 48px}.motion-hero-inner{width:calc(100% - 48px);grid-template-columns:.85fr 1.15fr;min-height:540px}.hero-copy h1{font-size:48px}.hero-copy .lead{font-size:16px}.hero-copy .actions{gap:14px}.hero-copy .button{padding:11px 20px;font-size:13px}.hero-copy .text-link{font-size:13px}.identity-grid{gap:40px}.identity-copy h2{font-size:36px}}
@media(max-width:640px){.brand-logo{width:220px}.header-inner{padding:0 20px;gap:12px}.header-actions{gap:12px}.motion-hero{padding:23px 0 41px;min-height:0}.motion-hero-inner{width:calc(100% - 40px);display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{text-align:center;padding:0;width:100%}.hero-copy .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:10px}.hero-copy h1{font-size:clamp(34px,8.5vw,47px);line-height:1.18;letter-spacing:-.055em}.hero-copy h1 span{display:inline}.hero-copy .lead{font-size:14px;line-height:1.7;margin-top:13px}.hero-copy .actions{margin-top:17px;justify-content:center;gap:20px}.hero-copy .button{min-height:40px;padding:9px 20px}.hero-footnote{display:none}.drive-stage{width:100%;align-self:auto;margin-top:7px}.hero-scroll{bottom:11px;font-size:9px;gap:9px}.hero-scroll span:last-child{font-size:14px}.identity-grid{grid-template-columns:1fr;gap:35px}.identity-logo{padding:15px}.identity-copy h2{font-size:36px}.identity-copy .lead{font-size:17px}.about-identity{padding-bottom:50px}.footer-brand .brand-logo{width:260px}}
@media(max-width:380px){.brand-logo{width:193px}.header-inner{padding:0 16px}.hero-copy h1{font-size:32px}.hero-copy .eyebrow{font-size:8px}.motion-hero-inner{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.motion-enabled .text-reveal,.motion-enabled .hero-copy>*{opacity:1;transform:none;animation:none;transition:none}.pulley-rotor,.belt-teeth,.belt-trace{animation:none!important}}
@media print{.motion-hero{height:auto;min-height:0;background:white;color:#111;padding:20px 0}.hero-copy h1 span,.hero-copy p{color:#333}.motion-hero-inner{width:100%}.motion-enabled .text-reveal{opacity:1;transform:none}}

/* Language variants retain the same page and product context. */
.language-link{font-size:12px;letter-spacing:.04em;color:#4c5056;border:1px solid #dbdce0;border-radius:6px;padding:4px 8px;white-space:nowrap}.language-link:hover{color:var(--ink);border-color:var(--brand-yellow)}.header-actions{gap:18px}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:-.045em}html[lang=en] .hero-copy h1{font-size:clamp(50px,5.4vw,82px);line-height:1.06}html[lang=en] .hero-copy .lead{font-size:16px;max-width:380px}html[lang=en] .hero-copy .lead br{display:none}html[lang=en] .hero-copy .lead br:after{content:' '}html[lang=en] .family-card h3{font-size:36px}html[lang=en] .product-hero h1{font-size:clamp(34px,3.7vw,55px)}html[lang=en] .product-card h3{font-size:24px}html[lang=en] .product-hero .headline{font-size:25px}html[lang=en] .footer-main{grid-template-columns:1.6fr .7fr 1.4fr}
@media(min-width:901px) and (max-height:740px){.motion-hero{min-height:510px;height:calc(100svh - 72px);padding-top:22px;padding-bottom:40px}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy h1{font-size:56px}.hero-copy .lead{margin-top:18px}.hero-copy .actions{margin-top:22px}.hero-footnote{display:none}}
@media(max-width:1100px){.brand-logo{width:220px}.desktop-nav{gap:18px}.header-inner{gap:18px}html[lang=en] .hero-copy h1{font-size:61px}html[lang=en] .hero-copy .lead{font-size:15px}}
@media(max-width:900px){html[lang=en] .hero-copy h1{font-size:52px}}
@media(max-width:640px){.brand-logo{width:190px}.header-actions{gap:10px}.language-link{font-size:10px;padding:4px 7px}html[lang=en] .hero-copy h1{font-size:43px}html[lang=en] .hero-copy h1 span{display:block}html[lang=en] .hero-copy .lead{font-size:13px;max-width:320px;margin-inline:auto}html[lang=en] .hero-copy .lead br{display:block}html[lang=en] .footer-main{grid-template-columns:1fr 1fr}html[lang=en] .product-hero h1{font-size:38px}html[lang=en] .product-card h3{font-size:21px}html[lang=en] .family-card h3{font-size:31px}}
@media(max-width:380px){.brand-logo{width:166px}.header-actions{gap:8px}html[lang=en] .hero-copy h1{font-size:39px}}

.drive-stage>.drive-svg{height:auto;max-height:100%;aspect-ratio:1060/680}.drive-stage{padding:15px 0}
@media(max-width:640px){.drive-stage{padding:0;margin-top:7px}.motion-hero{padding-bottom:37px}}

/* Display the supplied transparent logo in #fbc01c; white lettering and alpha are preserved. */
.brand-logo{filter:url("/assets/brand-colour.svg#logo-yellow")}