/* Large-scale movement: photographic scenes, scroll choreography and tactile UI. */
.cinema-hero { min-height: 820px; height: 100svh; max-height: 1100px; background: #050b13; overflow: clip; }
.cinema-hero .hero-content { padding-top: 80px; padding-bottom: 120px; }
.cinema-hero h1 { font-size: clamp(90px,10.5vw,158px); line-height: .89; letter-spacing: -.07em; max-width: 850px; }
.headline-line { display: block; overflow: clip; padding-bottom: .08em; }
.headline-line:first-child { animation: headline-arrive 1s cubic-bezier(.16,1,.3,1) both; }
.headline-line:last-child { animation: headline-arrive 1.2s .15s cubic-bezier(.16,1,.3,1) both; }
.cinema-hero h1 em { color: #8ab5ff; }
.cinema-hero .hero-copy { max-width: 470px; font-size: 17px; margin-top: 24px; }
.cinema-hero .hero-badges,.cinema-hero .hero-proof,.cinema-hero .scroll-cue { display: none; }
.cinema-hero .hero-media { inset: -3%; background-image: url('assets/images/hero-transport-exact-brand.svg?v=5'); background-position: right center; animation: transport-camera 12s ease-in-out infinite alternate; transition: opacity 1.2s ease; }
.cinema-hero .hero-shade { z-index: 1; background: linear-gradient(90deg,#03080ff2 0%,#03080f99 36%,#03080f08 75%),linear-gradient(0deg,#050b13 0%,transparent 28%); }
.hero-service-media { position: absolute; inset: -3%; background: url('assets/images/hero-service-exact-brand.svg?v=5') center/cover; opacity: 0; transition: opacity 1.2s; animation: cinematic-drift 18s ease-in-out infinite alternate-reverse; }
.hero-tire-media { position: absolute; inset: 0; overflow: hidden; opacity: 0; background: radial-gradient(ellipse at 76% 50%,#1c4071,#07111d 65%); transition: opacity 1.2s; }
.hero-tire-media img { position: absolute; width: min(66vw,890px); right: -4%; top: 49%; transform: translateY(-50%) rotate(-14deg); animation: hero-wheel-float 8s ease-in-out infinite; filter: drop-shadow(0 30px 30px #0008); }
.hero-tire-halo { position: absolute; width: 44vw; aspect-ratio: 1; right: 5%; top: 16%; border: 1px solid #79a8f340; border-radius: 50%; box-shadow: 0 0 0 60px #7db2ff06,0 0 0 120px #7db2ff04; }
.cinema-hero[data-scene="service"] .hero-service-media,.cinema-hero[data-scene="tires"] .hero-road-tire-media { opacity: 1; }
.cinema-hero[data-scene="service"] .hero-media,.cinema-hero[data-scene="tires"] .hero-media { opacity: 0; }
.cinema-controls { position: absolute; z-index: 3; bottom: 30px; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.scene-tabs { display: flex; width: min(650px,70%); gap: 24px; }
.scene-tab { position: relative; display: flex; align-items: center; gap: 12px; flex: 1; min-height: 64px; padding: 14px 0; color: #b0c1d9; background: none; border: 0; border-top: 1px solid #ffffff30; text-align: left; cursor: pointer; transition: color .3s; }
.scene-tab small { color: #8195b0; font-size: 10px; }
.scene-tab span { font-weight: 650; font-size: 14px; }
.scene-tab i { position: absolute; height: 2px; top: -1px; left: 0; width: 100%; background: #79aaff; transform: scaleX(0); transform-origin: left; }
.scene-tab[aria-pressed="true"] { color: #fff; }
.scene-tab[aria-pressed="true"] i { animation: scene-time 8s linear both; }
.cinema-hero .motion-toggle { background: #08111dbb; }
@media (min-width: 641px) { .cinema-controls .motion-toggle { position: absolute; right: 0; bottom: 95px; } }
.cinema-offscreen *, .cinema-offscreen *::before, .cinema-offscreen *::after { animation-play-state: paused !important; }
.velocity-lines { position: absolute; z-index: 2; inset: 0; pointer-events: none; overflow: hidden; }
.velocity-lines i { position: absolute; width: 27vw; height: 1px; background: linear-gradient(90deg,transparent,#8db7ff99,transparent); right: -40%; top: 24%; transform: rotate(-12deg); animation: velocity-pass 5s linear infinite; }
.velocity-lines i:nth-child(2) { top: 63%; animation-delay: 1.5s; width: 15vw; }
.velocity-lines i:nth-child(3) { top: 80%; animation-delay: 3s; }
.velocity-lines i:nth-child(4) { top: 42%; animation-delay: 4s; width: 12vw; }
.service-marquee { background: #2363ee; padding: 21px 0; border: 0; }
.service-marquee::before,.service-marquee::after { display: none; }
.marquee-track { animation-duration: 19s; transform: rotate(0); }
.marquee-track span { color: white; font-size: 15px; letter-spacing: .1em; }
.marquee-track i { color: #b7d0ff; }
.dispatch { padding-top: 96px; }
.dispatch-heading h2 { font-size: clamp(34px,4.5vw,62px); max-width: 800px; }
.dispatch-card { transition: border-color .3s,transform .5s cubic-bezier(.2,.8,.2,1); }
.dispatch-card:hover { transform: perspective(1100px) rotateX(2deg) translateY(-8px); }
.wheel-story { position: relative; background: #e5eaf1; color: #101b2e; }
.wheel-stage { position: relative; overflow: clip; min-height: 810px; }
.wheel-story.story-enhanced { height: 210vh; }
.story-enhanced .wheel-stage { position: sticky; top: 0; height: 100svh; min-height: 750px; }
.wheel-word { position: absolute; top: 80px; left: -1%; white-space: nowrap; font-size: clamp(100px,18vw,290px); line-height: 1; font-weight: 900; letter-spacing: -.065em; color: #cbd4e0; transform: translateX(var(--word-x,0px)); pointer-events: none; }
.wheel-layout { position: relative; min-height: inherit; height: 100%; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; padding-block: 100px 54px; }
.wheel-story-copy { position: relative; z-index: 2; }
.wheel-story .eyebrow { color: #526780; font-size: 10px; }
.wheel-story h2 { margin: 0 0 26px; font-size: clamp(44px,4.9vw,74px); letter-spacing: -.055em; line-height: 1; }
.wheel-story h2 em { color: #1759e2; font-style: normal; }
.wheel-steps { display: grid; gap: 0; max-width: 420px; margin-bottom: 24px; }
.wheel-step { display: flex; gap: 18px; padding: 14px 0; border-top: 1px solid #14274125; transition: opacity .4s,transform .5s; }
.story-enhanced .wheel-step { opacity: .45; }
.story-enhanced .wheel-step.is-active { opacity: 1; transform: translateX(10px); }
.wheel-step > span { padding-top: 4px; font-size: 10px; color: #1759e2; font-weight: 800; }
.wheel-step h3 { font-size: 18px; margin: 0 0 3px; }
.wheel-step p { font-size: 13px; margin: 0; color: #45566f; }
.wheel-product { position: relative; align-self: stretch; display: grid; place-items: center; min-width: 0; min-height: 0; }
.wheel-object { position: absolute; width: 115%; max-width: 850px; transform: translate3d(var(--tire-x,0px),var(--tire-y,0px),0) rotate(var(--tire-turn,-18deg)) scale(var(--tire-scale,1)); will-change: transform; }
.wheel-object img { width: 100%; height: auto; filter: drop-shadow(10px 30px 18px #07142a30); }
.hero-tire-media img { height: auto; }
.wheel-orbit { position: absolute; width: 95%; aspect-ratio: 1; border: 1px solid #1b64df33; border-radius: 50%; box-shadow: 0 0 0 40px #2368ed05,0 0 0 80px #2368ed04; }
.wheel-orbit::before { content: '+'; position: absolute; top: 10%; right: 12%; color: #2464d7; font-size: 32px; font-weight: 300; }
.wheel-spec { position: absolute; right: 18px; bottom: 5px; font-size: 10px; letter-spacing: .15em; color: #47618a; }
.wheel-story-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #10244110; }
.wheel-story-progress span { display: block; height: 100%; background: #2363ee; transform-origin: left; transform: scaleX(var(--story-progress,0)); }
.heritage-bridge { border-radius: 0; }
.service-card .service-icon,.transport-card .transport-icon { transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.service-card:hover .service-icon,.transport-card:hover .transport-icon { transform: rotate(-10deg) scale(1.15); }
.button span { transition: transform .3s; }
.button:hover span { transform: translate(3px,-3px); }
.tire-image,.fleet-main { overflow: hidden; }
.image-stack { overflow: visible; }
.image-stack img { height: auto; }
.image-stack .image-label { right: 18px; bottom: 24px; max-width: calc(100% - 36px); border-radius: 12px; box-shadow: 0 12px 35px #0003; }
.transport-route { position: absolute; z-index: 2; top: 124px; right: max(32px,calc((100vw - 1240px) / 2)); width: 260px; padding: 16px 20px; color: #d7e5fc; background: #0816299c; border: 1px solid #b5d4ff2b; border-radius: 16px; backdrop-filter: blur(12px); transition: opacity .6s,transform .6s; pointer-events: none; }
.transport-route-heading { display: flex; justify-content: space-between; align-items: center; font-size: 10px; letter-spacing: .13em; font-weight: 700; }
.transport-route-heading strong { color: white; font-size: 12px; letter-spacing: 0; }
.transport-route svg { width: 100%; height: 45px; display: block; overflow: visible; }
.route-trace { stroke-dasharray: 6 10; animation: route-flow 1.2s linear infinite; }
.transport-route-labels { display: flex; justify-content: space-between; color: #95b4df; font-size: 10px; }
.cinema-hero:not([data-scene="transport"]) .transport-route { opacity: 0; transform: translateY(-12px); }
.cinema-hero[data-scene="transport"] .hero-shade { background: linear-gradient(90deg,#03080fed 0%,#03080f80 34%,#03080f00 67%),linear-gradient(0deg,#050b13 0%,transparent 30%); }
.cinema-hero[data-scene="transport"] .velocity-lines i { animation-duration: 3.2s; }
@keyframes route-flow { to { stroke-dashoffset: -32; } }
@keyframes transport-camera { from { transform: scale(1.015) translate3d(0,0,0); } to { transform: scale(1.065) translate3d(-1.6%,.7%,0); } }
@media (max-width: 940px) { .transport-route { top: 106px; right: 24px; width: 210px; padding: 12px 15px; } }
@media (max-width: 640px) {
  .cinema-hero[data-scene="transport"] .hero-media { background-position: 73% center; }
  .cinema-hero[data-scene="transport"] .hero-shade { background: linear-gradient(180deg,#040b13d9 0%,#040b1399 45%,#040b1326 65%,#050b13 92%),linear-gradient(90deg,#040b1377,transparent); }
  .transport-route { top: auto; bottom: 150px; right: 18px; width: 180px; padding: 10px 14px; }
  .transport-route svg { height: 28px; }
  .transport-route-heading { font-size: 8px; }
  .transport-route-labels { font-size: 9px; }
  .image-stack .image-label { right: 12px; bottom: 18px; padding: 12px 15px; font-size: 11px; max-width: calc(100% - 24px); }
}
@media print { .transport-route { display: none; } }
.image-stack img,.tire-image img { transition: transform 1.1s cubic-bezier(.2,.8,.2,1); }
.image-stack:hover img,.tire-image:hover img { transform: scale(1.05); }
@keyframes headline-arrive { from { opacity: 0; transform: translateY(100%) rotate(3deg); filter: blur(8px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes cinematic-drift { from { transform: scale(1.04) translate3d(0,0,0); } to { transform: scale(1.14) translate3d(-1.5%,1%,0); } }
@keyframes hero-wheel-float { 0%,100% { transform: translateY(-50%) rotate(-14deg); } 50% { transform: translateY(-54%) rotate(9deg); } }
@keyframes scene-time { to { transform: scaleX(1); } }
@keyframes velocity-pass { 0% { right: -40%; opacity: 0; } 15%,65% { opacity: .7; } 85%,100% { right: 110%; opacity: 0; } }
html.motion-paused .headline-line { animation: none; }
html.motion-paused .wheel-story { height: auto; }
html.motion-paused .wheel-stage { position: relative; }
html.motion-paused .wheel-object { transform: rotate(-12deg); }
html.motion-paused .wheel-step { opacity: 1; transform: none; }
html.motion-paused .wheel-word { transform: none; }
html.motion-paused .hero-media,html.motion-paused .hero-service-media { animation: none; transform: scale(1.04); }
@media (max-width: 940px) {
  .cinema-hero { min-height: 820px; }
  .cinema-hero .hero-content { padding-top: 140px; padding-bottom: 160px; }
  .cinema-hero h1 { font-size: clamp(80px,13vw,120px); }
  .cinema-hero .hero-copy { max-width: 450px; }
  .scene-tabs { width: 70%; gap: 16px; }
  .scene-tab { gap: 8px; }
  .scene-tab span { font-size: 12px; }
  .wheel-layout { grid-template-columns: 1fr 1fr; }
  .wheel-story h2 { font-size: 48px; }
  .wheel-step p { max-width: 260px; }
}
@media (max-width: 640px) {
  .cinema-hero { height: auto; min-height: 840px; }
  .cinema-hero .hero-content { padding-top: 125px; padding-bottom: 305px; align-self: flex-start; }
  .cinema-hero h1 { font-size: clamp(78px,21vw,116px); }
  .cinema-hero .hero-copy { font-size: 15px; max-width: 360px; margin-block: 22px; }
  .cinema-hero .hero-media { background-position: 62% center; }
  .cinema-hero .hero-shade { background: linear-gradient(90deg,#040b13dc,#040b1340),linear-gradient(0deg,#050b13,transparent 30%,#050b1370 75%); }
  .hero-service-media { background-position: 62% center; }
  .hero-tire-media img { width: 94vw; right: -18%; top: 68%; opacity: .85; }
  .cinema-hero[data-scene="tires"] .hero-shade { background: linear-gradient(180deg,#050b13d9 25%,#050b1380 55%,transparent 75%,#050b13); }
  .hero-tire-halo { width: 80vw; top: 45%; right: -8%; }
  .cinema-controls { bottom: 22px; flex-direction: column; align-items: flex-start; gap: 12px; }
  .scene-tabs { width: 100%; gap: 14px; }
  .scene-tab { flex-direction: column; align-items: flex-start; gap: 4px; min-height: 62px; }
  .cinema-hero .motion-toggle { min-height: 38px; padding-block: 8px; font-size: 11px; }
  .marquee-track span { font-size: 12px; }
  .service-marquee { padding-block: 18px; }
  .wheel-story.story-enhanced { height: 175svh; }
  .story-enhanced .wheel-stage { height: 100svh; min-height: 740px; }
  .wheel-stage { min-height: 740px; }
  .wheel-layout { display: block; padding-top: 95px; padding-bottom: 32px; }
  .wheel-story h2 { font-size: 38px; max-width: 220px; margin-bottom: 20px; }
  .wheel-story .eyebrow { font-size: 9px; }
  .wheel-story .wheel-product { position: absolute; width: 55%; height: 240px; top: 155px; right: -15%; opacity: .9; }
  .wheel-story-copy { z-index: 2; }
  .wheel-steps { margin-top: 116px; max-width: 100%; }
  .wheel-step { padding-block: 12px; gap: 12px; }
  .wheel-step h3 { font-size: 17px; }
  .wheel-step p { font-size: 12px; max-width: 220px; }
  .wheel-story .button { font-size: 10px; padding-inline: 18px; }
  .wheel-word { top: 76px; font-size: 105px; opacity: .8; }
  .wheel-spec { display: none; }
  .wheel-object { width: 110%; }
  .wheel-orbit { width: 110%; }
}
@media (max-height: 750px) and (min-width: 641px) {
  .cinema-hero { min-height: 700px; }
  .cinema-hero .hero-content { padding-top: 105px; padding-bottom: 120px; }
  .cinema-hero h1 { font-size: clamp(86px,9vw,116px); }
  .cinema-hero .hero-copy { margin-block: 18px 22px; font-size: 15px; max-width: 440px; }
  .cinema-controls { bottom: 14px; }
  .story-enhanced .wheel-stage { min-height: 620px; }
  .wheel-layout { padding-top: 90px; padding-bottom: 25px; }
  .wheel-story h2 { font-size: 46px; margin-bottom: 16px; }
  .wheel-step { padding-block: 9px; }
  .wheel-object { width: 105%; }
}
@media (prefers-reduced-motion: reduce) {
  .wheel-story.story-enhanced { height: auto; }
  .story-enhanced .wheel-stage { position: relative; height: auto; }
  .wheel-object { transform: rotate(-12deg); }
  .story-enhanced .wheel-step { opacity: 1; transform: none; }
}
@media print { .cinema-controls,.velocity-lines,.hero-service-media,.hero-tire-media,.wheel-product,.wheel-word { display: none; } .wheel-story.story-enhanced { height: auto; } .story-enhanced .wheel-stage { position: static; height: auto; min-height: 0; } .wheel-layout { display: block; } }

/* Editorial finish: matte surfaces, quieter controls, more natural typography. */
.cinema-hero:not([data-scene="agriculture"]) .hero-agri-media { opacity: 0; }
.cinema-hero:not([data-scene="tires"]) .hero-road-tire-media { opacity: 0; }
.cinema-hero[data-scene="agriculture"] .hero-agri-media { opacity: 1; }
.cinema-hero[data-scene="agriculture"] .hero-media { opacity: 0; }
.cinema-hero .hero-agri-media { background: radial-gradient(ellipse at 76% 50%,#3c463c,#141c1b 65%); }
.hero-agri-media img { width: min(62vw,820px); right: -1%; }
.cinema-hero .hero-agri-media img { height: auto; }
.cinema-hero .scene-tabs { width: min(820px,78%); }
@media (max-width: 640px) {
  .cinema-hero .scene-tabs { width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
  .cinema-hero .scene-tab { min-width: 0; }
  .cinema-hero .scene-tab span { font-size: 11px; line-height: 1.35; overflow-wrap: normal; }
  .cinema-hero .hero-agri-media img { width: 96vw; right: -18%; top: 68%; }
  .cinema-hero[data-scene="agriculture"] .hero-shade { background: linear-gradient(180deg,#141c1be8 25%,#141c1b80 55%,transparent 75%,#101719); }
}
@media (max-width: 360px) { .cinema-hero .scene-tab span { font-size: 10px; } }
:root { --blue: #416b92; --blue-bright: #91b2cd; --muted: #aeb7bc; --line: #ffffff20; --radius: 14px; }
body { background: #101719; }
body::before, .hero-grid, .hero-orb, .velocity-lines, .transport-route, .cta-ring,
.service-card::before, .process::before, .process-steps li::after, .cta-panel::after,
.transport::before, .dispatch-visual::after, .image-accent { display: none; }
.site-header.scrolled { background: #101719f2; backdrop-filter: none; box-shadow: none; }
.main-nav a { text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 500; }
.main-nav a::after { height: 1px; background: #e0d9cb; box-shadow: none !important; }
.header-phone { border-radius: 0; }
.header-phone strong { font-weight: 600; }
.header-phone:hover { background: transparent; transform: none; }
.eyebrow, .cinema-hero .eyebrow, .wheel-story .eyebrow { font-weight: 500; letter-spacing: .08em; }
.eyebrow > span { width: 22px; height: 1px; background: currentColor; }
.cinema-hero h1, .section h2, .dispatch-heading h2, .wheel-story h2, .heritage-intro h2 {
  font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.045em; line-height: 1.05;
}
.cinema-hero h1 { font-size: clamp(80px,9.3vw,138px); }
.cinema-hero h1 em { color: #e9e2d5; font-weight: 400; }
.section h2 em, .wheel-story h2 em { font-weight: 400; }
.headline-line { padding-bottom: .02em; }
.hero-copy, .cinema-hero .hero-copy { color: #d3d6d4; font-weight: 400; line-height: 1.7; }
.button, .hero-actions .button, .dispatch-links .button, .wheel-story .button {
  min-height: 50px; padding: 0 22px; border-radius: 7px; font-size: 14px; font-weight: 500;
  letter-spacing: 0; text-transform: none; gap: 20px; box-shadow: none;
  transition: background .2s,color .2s,border-color .2s;
}
.button::before { display: none; }
.button:hover { transform: none; box-shadow: none; }
.button-primary { background: #e9e2d5; color: #18272c; border: 1px solid #e9e2d5; }
.button-primary:hover { background: #fff9ed; color: #18272c; border-color: #fff9ed; }
.button-primary span { display: grid; place-items: center; width: 26px; height: 26px; background: #1c343d; color: #f1ede4; border-radius: 50%; font-size: 14px; }
.button-primary:hover span { transform: rotate(8deg); }
.button-ghost { background: #14212750; border-color: #e9e2d56b; color: #eee9df; }
.button-ghost:hover { background: #ffffff0d; border-color: #e9e2d5; }
.text-link,.service-card a { text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 500; }
.text-link { border-bottom-width: 1px; }
.scene-tab { border-color: #e9e2d547; }
.scene-tab span { font-weight: 500; }
.scene-tab i { height: 1px; background: #e9e2d5; }
.cinema-hero .motion-toggle { border: 0; background: #0a151bb3; border-radius: 5px; color: #d1d7d6; }
.motion-toggle::before { color: inherit; }
.hero-tire-halo { border-color: #d5ddd21c; box-shadow: none; }
.hero-tire-media { background: radial-gradient(ellipse at 76% 50%,#30444b,#101a20 65%); }
.service-marquee { background: #ddd7ca; padding-block: 16px; }
.marquee-track span { color: #293c42; text-transform: none; font-size: 16px; font-weight: 500; letter-spacing: .01em; }
.marquee-track i { color: #6c7c79; font-size: 12px; }
.dispatch { background: #f1eee7; color: #1f3035; padding-block: 90px; border: 0; }
.dispatch .eyebrow { color: #617274; }
.dispatch-heading { margin-bottom: 38px; }
.dispatch-heading h2 { font-size: clamp(36px,4.3vw,58px); }
.dispatch-grid { gap: 32px; }
.dispatch-card { background: transparent; border: 0; border-radius: 0; overflow: visible; }
.dispatch-card:hover { transform: none; box-shadow: none; }
.dispatch-visual { border: 0; border-radius: 10px; background: #1c2b35; }
.dispatch-body { padding: 26px 0 0; }
.dispatch-body h3 { font-size: 26px; font-weight: 500; letter-spacing: -.03em; }
.dispatch-body p { color: #5a6869; font-size: 15px; }
.dispatch-index { border: 0; color: #77837e; padding-right: 0; }
.dispatch-links .button-primary,.wheel-story .button-primary { background: #274752; border-color: #274752; color: #f8f5ee; }
.dispatch-links .button-primary:hover,.wheel-story .button-primary:hover { background: #345966; border-color: #345966; }
.dispatch-links .button-primary span,.wheel-story .button-primary span { background: #f1ede2; color: #294650; }
.dispatch-more { color: #314e56; text-decoration-color: #7a8d89; }
.dispatch-note { justify-content: flex-start; border-top: 1px solid #273c4126; padding-top: 22px; margin-top: 38px; color: #5a6c6a; }
.dispatch-note span::before { display: none; }
.scene-label { font-weight: 400; letter-spacing: .07em; }
.scene-label::before { box-shadow: none; background: #b5c8cb; }
.wheel-story { background: #e7e5dc; color: #25373a; }
.wheel-word { color: #d6d8ce; font-weight: 500; }
.wheel-story h2 em { color: #54787b; }
.wheel-orbit { border-color: #6c8c8130; box-shadow: none; }
.wheel-orbit::before { display: none; }
.wheel-step > span { color: #43666a; }
.wheel-step p { color: #465c5c; }
.wheel-story-progress span { background: #6b8882; }
.heritage-bridge { background: #172629; }
.heritage-pillar,.heritage-pillars { box-shadow: none; }
.heritage-pillar strong { text-transform: none; font-family: var(--font-body); font-weight: 500; }
.heritage-pillar:hover { transform: none; background: #263c40; }
.services,.process { background: #121c20; }
.transport,.tire-section { background: #172327; }
.service-grid { gap: 24px; border: 0; background: none; }
.service-card,.service-card.featured { background: transparent; border-radius: 0; border-top: 1px solid #ffffff30; padding: 26px 10px; }
.service-card:hover,.service-card.featured:hover,.service-card.reveal.visible:hover { background: transparent; transform: none; box-shadow: none; }
.service-card h3,.process-steps h3,.transport-card h3 { font-weight: 500; }
.service-card .service-icon,.service-card.featured .service-icon { color: #adc3c6; width: 52px; height: 52px; margin-top: 35px; }
.service-card:hover .service-icon,.transport-card:hover .transport-icon { transform: none; }
.service-card.featured:hover .service-icon svg { animation: none; }
.service-card a { left: 10px; width: calc(100% - 20px); }
.capability-list { background: none; border: 0; gap: 0 24px; }
.capability-list li,.capability-list li:hover { background: transparent; transform: none; border-top: 1px solid #ffffff20; padding-inline: 10px; }
.capability-list strong::before { width: 4px; height: 4px; background: #a7bfbc; box-shadow: none !important; }
.process-steps li,.process-steps li:hover { background: transparent; border: 0; border-top: 1px solid #ffffff30; border-radius: 0; transform: none; padding-inline: 0; }
.process-step { color: #b2c6c4; text-transform: none; font-weight: 500; letter-spacing: .03em; }
.transport-card,.transport-card:hover { background: #ffffff03; border-color: #ffffff20; border-radius: 8px; box-shadow: none; transform: none; }
.transport-tags span { background: transparent; border-color: #ffffff26; border-radius: 3px; font-weight: 400; letter-spacing: 0; }
.transport-tags span:hover { transform: none; background: #ffffff08; border-color: #ffffff40; }
.image-stack img,.tire-image img { border-radius: 10px; }
.image-stack .image-label { border-radius: 5px; background: #f1eee6; box-shadow: none; font-weight: 500; text-transform: none; font-size: 14px; }
.image-label span { color: #345f73; }
.image-stack .image-label .service-brand-mark { display: block; width: 55px; height: auto; aspect-ratio: auto; flex: 0 0 55px; object-fit: contain; border-radius: 0; filter: none; transform: none; }
.cta-panel { background: #2c4950; box-shadow: none; border-radius: 12px; }
.contact-card,.contact-card:first-child,.contact-card:hover { background: transparent; border-color: #ffffff25; box-shadow: none; border-radius: 7px; transform: none; }
.contact-card:first-child .contact-icon { background: #e5e1d6; color: #2b4850; }
.floating-call { animation: none; background: #e9e2d5; color: #20383e; box-shadow: 0 3px 14px #0002; border: 1px solid #c3c5ba; border-radius: 7px; font-weight: 500; }
.to-top { box-shadow: none; border-radius: 6px; backdrop-filter: none; }
.papers { background: #152327; }
.papers-list li,.papers-list li:hover { background: transparent; border-radius: 5px; transform: none; border-color: #ffffff26; }
.papers-list strong { font-family: var(--font-body); font-weight: 500; }
.site-footer { background: #111a1d; }
@media (max-width: 940px) { .main-nav a { font-size: 24px; } }
@media (max-width: 640px) {
  .cinema-hero h1 { font-size: clamp(68px,18vw,100px); }
  .hero-actions .button,.dispatch-links .button,.wheel-story .button { font-size: 13px; padding-inline: 17px; }
  .dispatch { padding-block: 60px; }
  .dispatch-grid { gap: 42px; }
  .dispatch-body { padding: 22px 0 0; }
  .marquee-track span { font-size: 14px; }
  .wheel-story h2 { font-size: 38px; }
  .service-grid { gap: 12px; }
  .floating-call { border-radius: 8px; }
}

/* Each scene owns exactly one media layer. */
.cinema-hero [data-scene-media][hidden] { display: none !important; }
.cinema-hero [data-scene-media]:not([hidden]) { opacity: 1; }
.cinema-hero .scene-tabs { width: min(1020px, 88%); }
.cinema-hero .hero-motorcycle-media { background: radial-gradient(ellipse at 76% 50%,#3b4650,#111c24 65%); }
.hero-motorcycle-media img { width: min(64vw,850px); right: -1%; height: auto; animation: motorcycle-wheel-float 12s ease-in-out infinite alternate; }
@keyframes motorcycle-wheel-float {
  from { transform: translateY(-50%) rotate(-18deg); }
  to { transform: translateY(-53%) rotate(28deg); }
}
@media(max-width: 640px) {
  .cinema-hero .scene-tabs { display: flex; width: 100%; gap: 16px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 8px; }
  .cinema-hero .scene-tab { flex: 0 0 105px; }
  .cinema-hero .hero-motorcycle-media img { width: 96vw; right: -18%; top: 68%; }
}

/* A clean, light signature remains legible over every photographic scene. */
.dispatch-visual { height: 340px; border-radius: 4px; }
.dispatch-visual .scene-label { z-index: 3; color: #f3eee4; letter-spacing: .09em; }
.dispatch-visual .scene-label::before { display: none; }
.dispatch-photo::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg,#08141a70,transparent 35%,#08141ab0); }
.dispatch-photo > img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; transform: scale(1.05); transition: transform 1.8s cubic-bezier(.22,1,.36,1); }
.dispatch-card:hover .dispatch-photo > img { transform: scale(1.12); }
.dispatch-caption { position: absolute; z-index: 3; bottom: 24px; left: 24px; right: 24px; color: #f6efe2; font-family: Georgia,serif; font-size: 25px; letter-spacing: -.03em; }
.dispatch-tires { background: radial-gradient(ellipse at 60% 30%,#456064,#1b3035 75%); }
.dispatch-watermark { position: absolute; font-size: clamp(80px,12vw,160px); letter-spacing: -.08em; font-weight: 700; color: #eceddf0c; left: 20px; top: 55px; }
.dispatch-tires img { position: absolute; height: auto; filter: drop-shadow(0 20px 15px #0006); transition: transform 1.5s cubic-bezier(.22,1,.36,1); }
.dispatch-road-wheel { width: 51%; left: 5%; top: 52px; transform: rotate(-15deg); }
.dispatch-field-wheel { width: 60%; right: -3%; top: 23px; transform: rotate(12deg); }
.dispatch-card:hover .dispatch-road-wheel { transform: translateX(-8px) rotate(-24deg); }
.dispatch-card:hover .dispatch-field-wheel { transform: translateY(-8px) rotate(5deg); }
.agri-offer { background: #e4e4d9; color: #243b3d; overflow: clip; }
.agri-layout { display: grid; grid-template-columns: 1.05fr 1fr; gap: 6%; align-items: center; }
.agri-copy > p { max-width: 560px; color: #4a6160; }
.agri-copy h2 { font-size: clamp(40px,4.8vw,68px); }
.agri-copy h2 em { color: #55766c; }
.agri-services { margin: 30px 0; }
.agri-service { display: flex; gap: 20px; padding: 18px 0; border-top: 1px solid #314b4326; }
.agri-service > span { font-size: 12px; color: #607970; padding-top: 5px; }
.agri-service h3 { margin: 0 0 7px; font-size: 18px; font-weight: 600; }
.agri-service p { margin: 0; font-size: 14px; line-height: 1.7; color: #4a6160; }
.agri-copy .button-primary { background: #284b46; border-color: #284b46; color: #f5f0e4; }
.agri-copy .button-primary span { background: #f5f0e4; color: #284b46; }
.agri-address { font-size: 12px; margin-top: 18px; }
.agri-product { position: relative; margin: 0; }
.agri-product > span { position: absolute; top: -35px; left: -15px; color: #c9cebf; font-size: clamp(80px,10vw,160px); line-height: .8; font-weight: 700; letter-spacing: -.07em; }
.agri-product img { position: relative; width: 115%; max-width: none; height: auto; margin-left: -7%; filter: drop-shadow(0 28px 20px #263c3526); transform: rotate(-8deg); transition: transform 1.6s cubic-bezier(.22,1,.36,1); }
.agri-product:hover img { transform: rotate(0); }
.agri-product figcaption { position: relative; border-top: 1px solid #314b4326; padding-top: 18px; color: #4a6160; font-size: 13px; line-height: 1.7; }
@media(max-width: 940px) { .dispatch-visual { height: 280px; } .agri-layout { gap: 30px; } }
@media(max-width: 640px) {
  .dispatch-visual { height: 300px; }
  .dispatch-caption { font-size: 23px; }
  .agri-layout { grid-template-columns: 1fr; }
  .agri-product { margin: 50px auto 0; width: 85%; }
  .agri-product > span { font-size: 90px; }
}
.motion-paused .dispatch-visual img, .motion-paused .agri-product img { transition: none; transform: none; }
@media(prefers-reduced-motion: reduce) { .dispatch-visual img,.agri-product img { transition: none !important; transform: none !important; } }
.site-header .logo, .site-footer .logo { filter: none; }
.site-header .logo img, .site-footer .logo img { filter: brightness(0) invert(1); opacity: .96; }
.hero-tire-media img { translate: var(--depth-x, 0px) var(--depth-y, 0px); transition: translate .65s cubic-bezier(.22,1,.36,1); }
.cinema-hero .hero-copy { min-height: 5.4em; text-wrap: pretty; }
.scene-selected .scene-tab[aria-pressed="true"] i { animation: none; transform: scaleX(1); }
.scene-tab span { transition: translate .25s; }
.scene-tab:hover span { translate: 4px 0; }
.scene-tab:focus-visible, .button:focus-visible, .logo:focus-visible { outline: 2px solid #eee7d9; outline-offset: 6px; }
.button span { transition: transform .25s; }
.button-primary:hover span { transform: rotate(45deg); }
.image-stack, .tire-image { isolation: isolate; }
.image-stack img, .tire-image img { transition: filter .6s; }
.image-stack:hover img, .tire-image:hover img { filter: saturate(1.12); }
@media (prefers-reduced-motion: reduce) {
  .hero-tire-media img { translate: none; }
}