:root{--ink:#111e29;--muted:#56616a;--paper:#f3f3eb;--lime:#dcf580;--line:#cfd3cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #71a100;outline-offset:5px}.skip{position:fixed;top:-100px;background:var(--lime);padding:15px;z-index:100}.skip:focus{top:0}.progress{position:fixed;top:0;left:0;height:3px;background:var(--lime);width:0;z-index:99}header{position:sticky;top:0;z-index:20;background:rgba(243,243,235,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 5%}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{width:47px;height:49px;object-fit:contain;mix-blend-mode:multiply}.brand-small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:4px}nav,.nav-end{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover{border-bottom:1px solid}.nav-end button{border:0;background:none;padding:8px}.nav-contact{background:var(--ink);color:#fff;padding:14px 20px;border-radius:30px}.hero{padding:35px 5% 0}.hero-top,.hero-bottom,.section-label{display:flex;align-items:center;justify-content:space-between}.eyebrow,.micro,.hero-bottom,.section-label,.art-label,.art-foot{font-family:monospace;font-size:11px;letter-spacing:1.4px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{height:8px;width:8px;border-radius:50%;background:#6d9129}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:5%;align-items:center;padding:46px 0 45px}.hero h1{font-size:clamp(55px,6.7vw,110px);letter-spacing:-.075em;line-height:.98;font-weight:500;margin:0 0 28px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero-copy>p{color:var(--muted);line-height:1.7;font-size:16px;max-width:410px}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;background:var(--lime);padding:18px 22px;border-radius:40px;font-size:13px;font-weight:bold;margin-top:22px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#cde36f}.button>span:last-child{font-size:23px}.route-art{background:#13232f;position:relative;border-radius:5px;overflow:hidden;transform:rotate(-2deg);box-shadow:15px 18px 0 #e1e4da}.route-art svg{display:block;width:100%;height:auto}.art-label,.art-foot{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#b9c7cd;font-size:9px;z-index:2}.art-label{top:20px}.art-foot{bottom:18px}.live-dot{color:var(--lime)}.route-shadow,.route-line{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:5}.route-shadow{stroke:#678239}.route-line{stroke:var(--lime);stroke-dasharray:1040;stroke-dashoffset:1040;animation:trace 5s ease-in-out infinite}.route-badge{position:absolute;bottom:70px;left:30px;display:flex;align-items:center;gap:13px;background:var(--paper);padding:16px 20px;box-shadow:0 8px 30px #0003;transform:rotate(2deg)}.badge-icon{background:var(--lime);padding:10px;font-size:23px}.route-badge b{display:block;font-size:12px;margin-bottom:7px}.route-badge div>span{font-size:10px;color:var(--muted)}.hero-bottom{padding:25px 0;border-top:1px solid var(--line);font-size:9px}.ticker{overflow:hidden;background:var(--lime);padding:20px 0;margin-top:25px;font-size:34px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.ticker>div{width:max-content;animation:marquee 45s linear infinite}.section{padding:100px 8%}.section-label{font-size:10px;padding-bottom:36px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}h2{font-weight:500;font-size:clamp(38px,4.7vw,70px);line-height:1.06;letter-spacing:-.055em;margin:10px 0 35px;white-space:pre-line}.about-body p{line-height:1.9;color:var(--muted);font-size:17px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:8px;margin-top:20px;font-size:13px}.location-band{display:flex;gap:30px;align-items:center;border-block:1px solid var(--line);padding:30px 0;margin-top:55px}.location-mark{font-size:70px;line-height:1;color:#627839}.location-band h3{font-size:30px;letter-spacing:-1px;margin:9px 0}.location-band>p{margin-left:auto;color:var(--muted);line-height:1.7;font-size:14px}.approach{background:var(--ink);color:var(--paper)}.approach .section-label{color:#a8b8c4}.approach h2{max-width:800px;margin-bottom:55px}.principles article{border-top:1px solid #43515c;padding:30px 0;display:grid;grid-template-columns:70px 1fr 80px;gap:20px}.principle-number{color:var(--lime);font-family:monospace;padding-top:8px}.principles h3{font-size:26px;font-weight:400;margin:0 0 12px;letter-spacing:-.7px}.principles p{font-size:14px;line-height:1.8;color:#b5c2cb;max-width:510px;margin:0}.principle-icon{color:var(--lime);font-size:50px;text-align:right}.careers{display:grid;grid-template-columns:1fr 1fr;background:var(--lime);overflow:hidden;min-height:570px}.career-art{display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden;background:#c4df62;color:#172a20;font-size:230px;letter-spacing:-50px}.career-art span{animation:nudge 4s ease-in-out infinite}.career-art span:nth-child(2){animation-delay:.3s}.career-art span:nth-child(3){animation-delay:.6s}.career-copy{padding:80px 12%}.career-copy h2{margin-top:30px;font-size:clamp(38px,4.3vw,65px)}.career-copy p{font-size:15px;line-height:1.8;max-width:400px}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#2b3e4a}.contact{padding-bottom:70px}.contact h2{font-size:clamp(42px,6vw,85px)}.email{font-size:clamp(25px,4.8vw,67px);letter-spacing:-2px;display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:20px 0}.email>span{transition:transform .3s}.email:hover>span{transform:translate(6px,-6px)}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.contact-details .micro{color:var(--muted);display:block;margin-bottom:15px}.contact-details p,.contact-details a{font-size:14px;line-height:1.8;margin:0}footer{border-top:1px solid var(--line);margin:0 5%;padding:25px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}footer div{display:flex;gap:24px}footer button{border:0;background:none;padding:0;font-size:11px}dialog{border:none;border-radius:5px;background:var(--paper);color:var(--ink);padding:55px;max-width:640px;width:90%;max-height:85vh}dialog::backdrop{background:#0c182acc;backdrop-filter:blur(6px)}dialog h2{font-size:38px}dialog p{line-height:1.7}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px}.review-note{font-size:12px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes trace{0%{stroke-dashoffset:1040}65%,100%{stroke-dashoffset:0}}@keyframes marquee{to{transform:translateX(-33.333%)}}@keyframes nudge{50%{transform:translateX(25px)}}
@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}
@media(max-width:800px){header{padding:14px 5%;gap:12px}nav{display:none}.nav-end{gap:9px}.nav-contact{padding:11px 14px}.brand{font-size:22px}.brand img{width:38px;height:42px}.hero-top .micro{display:none}.hero-grid{grid-template-columns:1fr;gap:45px;padding:36px 0}.hero h1{font-size:clamp(60px,12vw,95px)}.hero-copy>p{max-width:510px}.route-art{max-width:520px;width:96%;margin:0 auto}.hero-bottom{font-size:8px;gap:15px}.hero-bottom>span:last-child{display:none}.section{padding:65px 6%}.about-grid{grid-template-columns:1fr;gap:0}.about-body p{font-size:16px}.location-band{gap:18px;flex-wrap:wrap}.location-band>p{margin-left:0;width:100%;padding-left:70px}.section-label{font-size:9px;gap:15px}.principles article{grid-template-columns:30px 1fr 35px;gap:10px}.principle-icon{font-size:30px}.principles h3{font-size:22px}.careers{grid-template-columns:1fr}.career-art{height:200px;font-size:190px}.career-copy{padding:55px 7%}.contact-details{grid-template-columns:1fr;gap:30px}.email{letter-spacing:-1px}footer{flex-direction:column;gap:20px}footer div{justify-content:space-between}.ticker{font-size:27px}dialog{padding:40px 25px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{animation:none!important;transition:none!important}html:not(.motion-enabled) .route-line{stroke-dashoffset:0}html:not(.motion-enabled) .js .reveal{opacity:1;transform:none}}

/* PackJag brand typeface: use installed Eras Demi ITC without distributing font files. */
@font-face{font-family:'PackJag Eras';src:url('assets/Sansation-BoldItalic.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand,.hero h1,.hero h1 em,h2,h3,.ticker,.button,.nav-contact{font-family:'PackJag Eras','Eras Demi ITC',Arial,sans-serif;font-weight:400;font-synthesis:none}
.hero h1,.hero h1 em{letter-spacing:-.045em;font-style:normal}
.hero h1 em{color:#617a28}
h2{letter-spacing:-.035em}
@media(max-width:450px){.hero h1{font-size:clamp(44px,12vw,54px)}}

/* Brand-led revision, 21.10.2026 */
:root{--ink:#f6f7f2;--paper:#090b0b;--muted:#aeb4ad;--lime:#cefa32;--line:#333830}
header{background:rgba(9,11,11,.96);padding-block:12px;border-bottom:1px solid #30352b}
.brand{gap:26px}.brand img{width:88px;height:90px;filter:grayscale(1) invert(1);mix-blend-mode:screen}.brand-location{font:10px/1.6 monospace;letter-spacing:2px;color:#b9c0b3;border-left:1px solid #444c3b;padding-left:20px}
.nav-contact{background:var(--lime);color:#0b1005;border-radius:3px;padding:16px 23px}
.hero{overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#263118 0,transparent 48%),#090b0b;padding-top:30px}
.hero-grid{grid-template-columns:1.1fr 1fr;padding:30px 0 5px;gap:2%;min-height:460px}
.hero h1{font-size:clamp(50px,6.4vw,100px);line-height:1.04;letter-spacing:-.045em;position:relative;z-index:2}.hero h1 em{color:var(--lime)}
.hero-copy>p{color:#b5bcae;max-width:430px}.eyebrow i{background:var(--lime);box-shadow:0 0 16px #cefa3266}
.button{border-radius:3px;background:var(--lime);color:#101508;padding:18px 23px;font-size:14px}.button:hover{background:#e1ff80}.button.dark{background:#0a0e08;color:#f4f7ec}.button.dark:hover{background:#27331e}
.jaguar-stage{position:relative;aspect-ratio:1.15;align-self:center;display:flex;align-items:center;justify-content:center;isolation:isolate}
.jaguar-emblem{width:90%;aspect-ratio:1.59;overflow:hidden;transform:translateY(calc(var(--hero-shift,0) * -30px)) rotate(calc(var(--hero-shift,0) * -3deg));will-change:transform}
.jaguar-emblem img{display:block;width:100%;height:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen}
.jaguar-orbit{position:absolute;inset:3%;border:1px solid #89a93c55;border-radius:50%;transform:rotate(-28deg) scaleY(.77);z-index:-1}.jaguar-orbit:after{content:'';position:absolute;inset:-22px;border:1px dashed #72923444;border-radius:50%}
.jaguar-caption,.jaguar-index{position:absolute;bottom:0;font:10px monospace;letter-spacing:2px;color:#a5b68b}.jaguar-caption{left:4%}.jaguar-index{right:5%}
.logistics-title{font-family:'PackJag Eras','Eras Demi ITC',Arial,sans-serif;font-size:clamp(65px,14.5vw,240px);letter-spacing:-.06em;line-height:1.2;color:var(--lime);display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px;transform:translateX(calc(var(--hero-shift,0) * -15px))}.logistics-title>.logistics-arrow{font-family:Arial,sans-serif;font-size:.65em;color:#f6f8f0}
.hero-bottom{color:#b8c0ad}.ticker{margin-top:0;background:#161c11;color:#c6d2b8;border-block:1px solid #364426;padding:14px 0;font-size:24px}
.about{background:#111510}.about-body p{color:#b9c2b1}.location-mark{color:var(--lime)}
.approach{background:#e9ede3;color:#10160b}.approach .section-label{color:#4b5841}.principles article{border-color:#b9c3ae}.principles p{color:#4c5844}.principle-number,.principle-icon{color:#506a16}
.careers{background:var(--lime);color:#0d1306}.career-art{background:#b5db2c;position:relative}.career-jaguar{width:80%;aspect-ratio:1.59;overflow:hidden}.career-jaguar img{width:100%;display:block;mix-blend-mode:multiply}.career-art span{animation:none}
.contact{background:#090b0b}.email{color:var(--lime);border-color:#69774b}.contact-details{color:#e0e5d9}footer{color:#b6bfa9;flex-wrap:wrap;gap:20px}footer div{flex-wrap:wrap}dialog{background:#141a10;color:#eef2e7}.review-note{color:#b6c3a5}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}.motion-paused .jaguar-emblem,.motion-paused .logistics-title{transform:none}
@media(max-width:800px){header{padding-block:10px}.brand img{width:65px;height:67px}.brand-location{display:none}.hero-grid{grid-template-columns:1fr;gap:12px;padding-top:35px}.hero h1{font-size:clamp(47px,10vw,76px)}.jaguar-stage{width:85%;max-width:470px;justify-self:center}.logistics-title{font-size:15vw;margin-top:15px}.hero-copy>p{max-width:530px}.career-art{height:310px}.career-jaguar{max-width:330px}.nav-contact{font-size:12px}.hero-bottom{padding-block:20px}footer div{gap:18px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .jaguar-emblem,html:not(.motion-enabled) .logistics-title{transform:none}}
.jaguar-emblem{mix-blend-mode:screen}.career-jaguar{mix-blend-mode:multiply}
.jaguar-stage{isolation:auto;mix-blend-mode:screen}

/* Browser comments: visible emblem motion and a distinct careers illustration. */
.jaguar-emblem{position:relative;z-index:1;animation:jaguar-float 5s ease-in-out infinite}
.jaguar-orbit{z-index:0;border-color:#a1cb4666;animation:orbit-turn 20s linear infinite}
.jaguar-orbit:before{content:'';position:absolute;top:12%;left:12%;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 22px #cefa3299}
.jaguar-orbit:after{border-color:#a1cb4666}
.jaguar-caption,.jaguar-index{z-index:2}
@keyframes jaguar-float{0%,100%{transform:translateY(calc(var(--hero-shift,0) * -30px + 7px)) rotate(-1deg)}50%{transform:translateY(calc(var(--hero-shift,0) * -30px - 10px)) rotate(1deg)}}
@keyframes orbit-turn{from{transform:rotate(-28deg) scaleY(.8)}to{transform:rotate(332deg) scaleY(.8)}}
.career-art{display:flex;align-items:center;justify-content:center;padding:55px 10%;height:auto;min-height:570px;background:#11180c;font-size:initial;letter-spacing:normal;color:var(--lime)}
.career-poster{width:100%;max-width:450px;display:flex;flex-direction:column;gap:35px}
.poster-top,.poster-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font:10px/1.4 monospace;letter-spacing:1.6px;color:#aaba91}
.poster-top>span:last-child{font-size:34px;color:var(--lime)}
.poster-title{font:400 clamp(40px,4.3vw,70px)/.98 'PackJag Eras','Eras Demi ITC',Arial,sans-serif;letter-spacing:-.04em;white-space:pre-line}
.poster-route svg{width:100%;display:block;overflow:visible;fill:var(--lime)}
.career-track,.career-travel,.career-arrow{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.career-track{opacity:.2}.career-travel{stroke-dasharray:90 400;animation:career-route 3.5s linear infinite}.career-arrow{stroke-width:4}
.poster-bottom{border-top:1px solid #455435;padding-top:20px}
@keyframes career-route{from{stroke-dashoffset:90}to{stroke-dashoffset:-400}}
@media(max-width:800px){.career-art{min-height:0;height:auto;padding:40px 7%}.career-poster{max-width:none;gap:22px}.poster-title{font-size:clamp(40px,8vw,65px)}.poster-route{width:75%;align-self:flex-end}.poster-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .jaguar-emblem{animation:none;transform:none}html:not(.motion-enabled) .jaguar-orbit{animation:none}html:not(.motion-enabled) .career-travel{animation:none;stroke-dasharray:none}}

/* Circular rim motion requested in browser feedback. */
.jaguar-stage{aspect-ratio:1}
.jaguar-emblem{width:76%;animation:none;transform:none}
.jaguar-orbit{inset:5%;aspect-ratio:1;border:1px solid #a9d74766;transform:none;animation:rim-spin 18s linear infinite;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 18deg,#cefa32aa 18deg 21deg,transparent 21deg 30deg);mask:radial-gradient(circle,transparent 0 63%,#000 63.5% 100%);-webkit-mask:radial-gradient(circle,transparent 0 63%,#000 63.5% 100%)}
.jaguar-orbit:before{inset:5%;width:auto;height:auto;top:5%;left:5%;background:none;border:1px solid #cefa3277;box-shadow:none;border-radius:50%}
.jaguar-orbit:after{inset:0;border:2px solid transparent;border-top-color:#cefa32;border-bottom-color:#cefa32;border-radius:50%}
@keyframes rim-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .jaguar-orbit{animation:none}}

/* Alloy-wheel treatment: broad swept spokes rather than instrument ticks. */
.jaguar-orbit{border:5px solid #71806c;background:repeating-conic-gradient(from 0deg,transparent 0deg 42deg,#53614b 42deg 45deg,#c3ccb8 45deg 54deg,#718063 54deg 59deg,transparent 59deg 72deg);mask:radial-gradient(circle,transparent 0 55%,#000 55.5% 100%);-webkit-mask:radial-gradient(circle,transparent 0 55%,#000 55.5% 100%);box-shadow:inset 0 0 0 3px #d3dcc3,inset 0 0 0 8px #25301f,0 0 0 2px #232c20;animation-duration:24s}
.jaguar-orbit:before{inset:3%;border:2px solid #b5c2a5;box-shadow:inset 0 0 8px #b3c79a33}
.jaguar-orbit:after{inset:16%;border:3px solid #829572;box-shadow:0 0 0 2px #293720;background:none}
.jaguar-orbit{inset:2%;border:0;background:none;mask:none;-webkit-mask:none;box-shadow:none}.jaguar-orbit:before,.jaguar-orbit:after{display:none}.jaguar-orbit svg{width:100%;height:100%;display:block}.jaguar-emblem{width:38%;margin-left:6%}
.jaguar-emblem{width:23%;margin-left:4%}.jaguar-orbit{animation-duration:30s}

/* Centre the visible jaguar artwork and give the complete wheel road motion. */
.jaguar-stage{animation:road-motion 3.2s ease-in-out infinite;will-change:transform}
.jaguar-emblem{width:23%;margin-left:0;overflow:hidden}
.jaguar-emblem img{width:128%;max-width:none;height:auto}
@keyframes road-motion{0%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}43%{transform:translateY(3px)}66%{transform:translateY(-7px)}84%{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .jaguar-stage{animation:none;transform:none}}
.jaguar-emblem{aspect-ratio:1.25}
.jaguar-emblem{width:19%}

/* Remove the detached lower-left triangle from the displayed hub emblem only. */
.jaguar-emblem{clip-path:polygon(0 0,100% 0,100% 100%,7.5% 100%,0.7% 81%,0 81%)}


/* Match the hub emblem to the wheel's light metal edging (#b2bca6). */
.jaguar-emblem img{filter:grayscale(1) invert(1) sepia(1) saturate(.34) hue-rotate(36deg) brightness(.76)}
.jaguar-emblem{width:16.15%}

/* One caption aligned to the wheel centre. */
.wheel-caption{position:absolute;top:100%;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:14px;padding-top:10px;white-space:nowrap;font:10px/1.4 monospace;letter-spacing:2px;color:#a5b68b}
.wheel-caption .jaguar-caption,.wheel-caption .jaguar-index{position:static;font:inherit;color:inherit}
.caption-divider{opacity:.55}
.jaguar-stage{margin-bottom:32px}
@media(max-width:450px){.wheel-caption{gap:9px;font-size:9px;letter-spacing:1.3px}}

/* The caption is the fixed ground reference; only the wheel assembly bounces. */
.jaguar-stage{animation:none;transform:none;will-change:auto}
.wheel-motion{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:road-motion 3.2s ease-in-out infinite;will-change:transform}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .wheel-motion{animation:none;transform:none}}

/* Oversized van front-quarter linework, anchored to the existing front wheel. */
.hero{overflow:hidden}
.hero-grid{position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:2}
.hero-copy h1,.hero-copy>p{text-shadow:0 2px 18px #090b0b,0 0 8px #090b0b}
.jaguar-stage{z-index:0}
.van-outline{position:absolute;left:-230%;top:-65%;width:330%;height:165%;max-width:none;overflow:visible;pointer-events:none;z-index:-1}
@media(max-width:800px){.van-outline{opacity:.7}}

.van-outline{opacity:.48;mask-image:linear-gradient(to right,transparent,#000 45%);-webkit-mask-image:linear-gradient(to right,transparent,#000 45%)}

.van-outline{width:340%}

/* Separate sprung body from wheel travel; the caption remains on the fixed stage. */
.van-body{position:absolute;inset:0;pointer-events:none;animation:body-suspension 3.2s ease-in-out infinite;animation-delay:-3.02s;will-change:transform}
.van-outline{z-index:auto;opacity:.40;mask-image:linear-gradient(to right,transparent 12%,#000 65%);-webkit-mask-image:linear-gradient(to right,transparent 12%,#000 65%)}
.wheel-motion{animation-name:wheel-travel}
@keyframes wheel-travel{0%,100%{transform:translateY(0)}20%{transform:translateY(-2px)}43%{transform:translateY(1px)}66%{transform:translateY(-3px)}84%{transform:translateY(1px)}}
@keyframes body-suspension{0%,100%{transform:translateY(0)}24%{transform:translateY(-5px)}48%{transform:translateY(2px)}71%{transform:translateY(-6px)}89%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .van-body,html:not(.motion-enabled) .wheel-motion{animation:none;transform:none}}

/* Photorealistic body cutout; original large wheel and suspension retained. */
.van-cutout{position:absolute;max-width:none;width:665%;height:auto;left:-512%;top:-197.5%;pointer-events:none;opacity:.55;filter:brightness(.72) saturate(.55);mask-image:linear-gradient(to right,transparent 30%,#000 76%);-webkit-mask-image:linear-gradient(to right,transparent 30%,#000 76%)}

.van-cutout{top:-195%}

/* Five percent smaller wheel assembly, centred within the unchanged body. */
.wheel-motion{inset:2.5%}

/* Another 2 percent reduction from the previous 95 percent size. */
.wheel-motion{inset:3.45%}

/* Keep rubber opaque graphite rather than screen-blending it with the lime glow. */
.jaguar-stage{mix-blend-mode:normal}
.van-body{mix-blend-mode:screen}
.wheel-motion:after{content:'';position:absolute;inset:3.2%;border-radius:50%;pointer-events:none;background:linear-gradient(145deg,#cbd0d322,transparent 36%,#0004 78%);mask:radial-gradient(circle,transparent 0 60%,#000 61%);-webkit-mask:radial-gradient(circle,transparent 0 60%,#000 61%)}

/* Broader rubber sidewall without changing the outer diameter. */
.jaguar-emblem{width:15.2%}

/* Passing-ground typography: fixed height, continuous horizontal travel. */
.wheel-caption{top:94%;left:50%;width:220vw;transform:translateX(-50%);padding-top:5px;display:block;overflow:hidden;border-top:1px solid #a5b68b28;font-size:10px;line-height:1.5;letter-spacing:2px;pointer-events:none}
.ground-track{display:flex;width:max-content;animation:ground-travel 34s linear infinite}
.ground-track>span{flex:none;white-space:pre;padding-right:2em}
@keyframes ground-travel{to{transform:translateX(-50%)}}
@media(max-width:800px){.wheel-caption{font-size:9px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .ground-track{animation:none}}

.ground-track{animation-duration:100s}

/* Inverted centre badge: dark jaguar on pale metal. */
.jaguar-emblem{mix-blend-mode:multiply}
.jaguar-emblem img{filter:grayscale(1);mix-blend-mode:multiply}

/* Softer olive jaguar (#3e5034), matched badge background (#737f65). */
.jaguar-emblem{mix-blend-mode:normal}
.jaguar-emblem img{filter:url(#jaguar-olive);mix-blend-mode:normal}

/* Ten percent smaller engraved jaguar within the existing hub. */
.jaguar-emblem{width:12.5856%}

/* Caliper stays fixed while rotor and spokes turn. */
.brake-caliper{transform-origin:200px 200px;animation:rim-spin 30s linear infinite reverse}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .brake-caliper{animation:none}}

/* Use the font's natural spacing so the italic T does not collide with adjacent letters. */
.logistics-word{letter-spacing:0;font-kerning:normal}

/* Airy values ribbon, with identical groups for a seamless loop. */
.ticker{background:#11170e;border-block:1px solid #a5b68b26;padding:22px 0;font-size:clamp(20px,2.5vw,34px);letter-spacing:.015em;line-height:1.2;color:#d9e1cd;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.ticker>.ticker-track{display:flex;width:max-content;animation:values-travel 55s linear infinite}
.ticker-group{display:flex;align-items:center;gap:clamp(22px,3.5vw,52px);flex:none;padding-right:clamp(22px,3.5vw,52px)}
.ticker-word{display:block;letter-spacing:.015em}
.ticker-accent,.ticker-direction{color:var(--lime)}
.ticker-dot{font-family:Arial,sans-serif;font-size:.75em;color:#8a9b73}
.ticker-direction{font-family:Arial,sans-serif;font-size:1.1em;font-weight:400}
@keyframes values-travel{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .ticker-track{animation:none}}

/* Front-half high-detail asset: retain the original wheel scale and alignment. */
.van-cutout{width:343%;left:-196.12%;top:-206.6%;mask-image:linear-gradient(to right,transparent -40%,#000 52%);-webkit-mask-image:linear-gradient(to right,transparent -40%,#000 52%)}

/* Subtle brake caliper behind the spokes. */
.brake-caliper{opacity:.65}

/* Reveal only a complete decoded van, preserving the existing layout. */
.van-cutout{opacity:0;transition:opacity .65s ease-out}
.van-cutout.is-ready{opacity:.55}
@media(prefers-reduced-motion:reduce){.van-cutout{transition:none}}