/* September 9 accepted-film integration, trimmed September 10 to the rules the native 4.75-second film, its reading summary and the assistive fallback use. Every rule belongs to this section. */
#vl-truck.vts-story{--vts-bg:#0b0d0f;--vts-ink:#f2f4f5;--vts-copy:#cbd2d7;--vts-green:#05b051;--vts-muted:#99a5ad;--vts-rule:#26312c;--vts-nav:64px;position:relative;isolation:isolate;display:block;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;overflow:visible;color:var(--vts-ink);background:var(--vts-bg);font-family:Inter,sans-serif;scroll-margin-top:var(--vts-nav)}
#vl-truck.vts-story [hidden]{display:none!important}
#vl-truck.vts-story *,#vl-truck.vts-story *::before,#vl-truck.vts-story *::after{box-sizing:border-box}
#vl-truck.vts-story button,#vl-truck.vts-story select{font:inherit;min-height:44px;color:inherit}
#vl-truck.vts-story button{cursor:pointer}
#vl-truck.vts-story a{color:inherit;text-underline-offset:5px}
#vl-truck.vts-story :is(button,select,a):focus-visible{outline:2px solid #39ff8e;outline-offset:5px}
#vl-truck.vts-story .vts-heading{font:700 clamp(24.2px,2.09vw,28.6px)/1.15 'DM Sans',sans-serif;letter-spacing:-.02em;margin:0 0 8px;max-width:26ch}
#vl-truck.vts-story .vts-mobile-heading{display:none}
#vl-truck.vts-story .vts-fact{position:relative;padding-top:10px;transform-origin:0 50%;opacity:0}
#vl-truck.vts-story .vts-fact::before{content:"";position:absolute;left:0;top:0;width:64px;height:1px;background:#05b0514d}
#vl-truck.vts-story .vts-value{font:400 clamp(26.4px,2.2vw,30.8px)/1.12 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;color:var(--vts-ink)}
#vl-truck.vts-story .vts-unit{font-size:clamp(12.1px,.935vw,13.2px);letter-spacing:.18em;color:var(--vts-green);margin-left:8px;display:inline-block;line-height:1.7}
#vl-truck.vts-story .vts-fact p{font:400 clamp(16.5px,1.265vw,17.6px)/1.4 Inter,sans-serif;color:var(--vts-copy);max-width:37ch;margin:8px 0 0}
#vl-truck.vts-story .vts-bridge{opacity:0;margin-top:8px}
#vl-truck.vts-story .vts-bridge h3{font:700 clamp(22px,1.87vw,26.4px)/1.2 'DM Sans',sans-serif;letter-spacing:-.02em;margin:0}
#vl-truck.vts-story .vts-bridge p{font:400 15.4px/1.5 Inter,sans-serif;color:var(--vts-green);margin:10px 0 0}
#vl-truck.vts-story .vts-bridge .vts-note{display:block;margin-top:8px;font:400 13.2px/1.5 Inter,sans-serif;white-space:normal;color:var(--vts-muted)}
#vl-truck.vts-story .vts-status{font:400 13px/1.5 Inter,sans-serif;color:var(--vts-muted);max-width:1500px;margin:0 auto;padding:20px clamp(20px,4vw,70px) 0}
#vl-truck.vts-story .vts-status:empty{display:none}
#vl-truck.vts-story .vts-reading{width:min(100%,2600px);min-height:calc(100svh - var(--vts-nav));margin:0 auto;padding:44px clamp(24px,4vw,100px);display:grid;grid-template-columns:minmax(290px,28%) minmax(0,1fr);gap:clamp(50px,8vw,170px);align-items:center;scroll-margin-top:var(--vts-nav);overflow-anchor:none}
#vl-truck.vts-story .vts-summary-copy{min-width:0;display:flex;flex-direction:column;gap:clamp(16px,1.8svh,22px)}
#vl-truck.vts-story .vts-summary-copy :is(.vts-fact,.vts-bridge){opacity:1;transform:none}
#vl-truck.vts-story .vts-summary-visual{position:relative;min-width:0;aspect-ratio:16/9;transform:scale(1.1)}
#vl-truck.vts-story .vts-summary-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
#vl-truck.vts-story .vts-summary-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--vts-bg),transparent) top/100% 8% no-repeat,linear-gradient(0deg,var(--vts-bg),transparent) bottom/100% 8% no-repeat,linear-gradient(90deg,var(--vts-bg),transparent) left/8% 100% no-repeat,linear-gradient(270deg,var(--vts-bg),transparent) right/8% 100% no-repeat}
/* Give laptop and tablet fact stacks enough line width. The accepted larger
   typography remains on roomy desktops; wide layouts never use single captions. */
@media(min-width:568px) and (orientation:landscape) and (max-width:1599px),(min-width:901px) and (max-width:1599px),(min-width:1600px) and (max-height:899px){
  #vl-truck.vts-story .vts-reading{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-inline:clamp(24px,4vw,64px)}
}
@media(min-width:568px) and (orientation:landscape) and (max-width:1439px),(min-width:901px) and (max-width:1439px),(min-width:1440px) and (max-height:899px){
  #vl-truck.vts-story .vts-summary-copy{gap:8px}
  #vl-truck.vts-story .vts-heading{font-size:24.2px;margin-bottom:4px}
  #vl-truck.vts-story .vts-fact{padding-top:6px}
  #vl-truck.vts-story .vts-value{font-size:26.4px}
  #vl-truck.vts-story .vts-unit{font-size:11.5px;letter-spacing:.12em;margin-left:6px}
  #vl-truck.vts-story .vts-fact p{font-size:15.4px;line-height:1.35;margin-top:6px;max-width:none}
  #vl-truck.vts-story .vts-bridge{margin-top:4px}
  #vl-truck.vts-story .vts-bridge h3{font-size:24.2px}
  #vl-truck.vts-story .vts-bridge p{font-size:15.4px;line-height:1.35;margin-top:6px}
  #vl-truck.vts-story .vts-bridge .vts-note{font-size:12.1px;line-height:1.4;margin-top:6px}
}
@media(min-width:568px) and (orientation:landscape) and (max-height:699px){
  #vl-truck.vts-story .vts-reading{grid-template-columns:minmax(0,44%) minmax(0,1fr)}
  #vl-truck.vts-story .vts-summary-copy{gap:6px}
  #vl-truck.vts-story .vts-fact p,#vl-truck.vts-story .vts-bridge p,#vl-truck.vts-story .vts-bridge .vts-note{margin-top:4px}
}
/* The reading fallback follows the page's orientation policy independently of
   animation admission. Short windows scroll the complete summary naturally. */
@media(max-width:900px) and (orientation:portrait),(max-width:567px){
  #vl-truck.vts-story .vts-reading{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px 6% 44px}
  #vl-truck.vts-story .vts-summary-visual{grid-row:1;width:min(100%,760px);margin-inline:auto}
  #vl-truck.vts-story .vts-summary-copy{width:min(100%,620px);margin-inline:auto}
}
@media(min-width:568px) and (orientation:landscape) and (max-width:1100px),(min-width:901px) and (max-width:1100px){
  #vl-truck.vts-story .vts-reading{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);padding:36px clamp(24px,4vw,44px)}
  #vl-truck.vts-story .vts-summary-copy{width:100%;margin:0}
  #vl-truck.vts-story .vts-summary-visual{grid-column:2;grid-row:1;width:100%;margin:0}
}
@media(max-width:767px){
  #vl-truck.vts-story .vts-reading{padding-top:28px}
  #vl-truck.vts-story .vts-unit{margin-left:4px}
}
@media(prefers-reduced-motion:reduce){
  #vl-truck.vts-story .vts-reading{display:grid!important}
  #vl-truck.vts-story *,#vl-truck.vts-story *::before,#vl-truck.vts-story *::after{animation:none!important;transition:none!important}
}

/* Keep the full text accessible while the visual story follows the scroll. */
@media(prefers-reduced-motion:no-preference){
  #vl-truck.vts-story .vts-reading-assistive{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
  #vl-truck.vts-story .vts-reading-assistive img{display:none}
}