.ts{--ts-h:max(540px, calc(100svh - var(--header-h)));--ts-run:320svh;height:calc(var(--ts-h) + var(--ts-run));position:relative}.ts__stage{top:var(--header-h);height:var(--ts-h);isolation:isolate;background:#8fb8e2;position:sticky;overflow:hidden}@media (prefers-reduced-motion:reduce){.ts.ts{--ts-run:0px}}.ts__layer{pointer-events:none;position:absolute}.ts__plate img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.ts__sky{inset:-2% -12%}.ts__sky img{object-position:50% 62%}.ts__road{z-index:1;width:140%;height:max(78.7919vw,46vh);bottom:0;left:-20%}.ts__road img{object-position:50% 100%}.ts__grass{z-index:3;filter:blur(1.6px);background:0 100%/auto 100% repeat-x;width:220%;height:clamp(100px,17vh,210px);bottom:-1.5%;left:-60%}.ts.is-art .ts__grass{background-image:url(/img/scene/grass.webp)}.ts__scrim{z-index:4;background:linear-gradient(#06122880 0%,#0612282e 30%,#06122800 50%),linear-gradient(#040a1400 84%,#040a1466 100%);inset:0}.ts__rigwrap{z-index:2;pointer-events:none;will-change:transform;visibility:hidden;position:absolute;inset:0}.ts__rig{aspect-ratio:2103/748;width:min(92vw,1560px,145vh);position:absolute;top:0;left:0}.ts__part,.ts__lifter{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.ts__img{max-width:none;left:calc(var(--x) / 2103 * 100%);top:calc(var(--y) / 748 * 100%);width:calc(var(--w) / 2103 * 100%);height:calc(var(--h) / 748 * 100%);position:absolute}.ts__wheel{aspect-ratio:1;width:4.46981%;left:calc((var(--cx) - 47) / 2103 * 100%);top:calc((var(--cy) - 47) / 748 * 100%);position:absolute}.ts__wheel img{will-change:transform;width:100%;max-width:none;height:100%;position:absolute;inset:0}.ts__wheel img+img{opacity:0}.ts__wheel:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 26%,#ffffff29,#fff0 46%),radial-gradient(circle at 72% 78%,#0000003d,#0000 58%);border-radius:50%;position:absolute;inset:4%}.ts__lifter{transform-origin:59.4865% 0;overflow:visible}.ts__trailer{transform-origin:59.4865% 1%}.ts__tractor{transform-origin:33.6662% 86.0963%}.ts__shade{background:radial-gradient(closest-side,#0a0e0c9e,#0a0e0c47 62%,#0a0e0c00);border-radius:50%;height:6.14973%;position:absolute;top:83.1551%}.ts__shade--tractor{width:40.894%;left:-.475511%}.ts__shade--trailer{opacity:0;width:74.1798%;left:26.6286%}.ts__copy{z-index:5;isolation:isolate;color:#fff;position:absolute}.ts__copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#050e207a,#050e2033 60%,#050e2000);position:absolute;inset:-22% -18% -28%}.ts__copy h1,.ts__copy .ts__big{color:#fff;text-shadow:0 2px 24px #00000038}.ts__copy h1{letter-spacing:-.04em;font-size:clamp(42px,6.4vw,104px);font-weight:700;line-height:.98}.ts__copy .ts__big{letter-spacing:-.035em;max-width:none;margin:0;font-size:clamp(36px,4.8vw,76px);font-weight:700;line-height:1}.ts__copy p{color:#ffffffeb;text-shadow:0 1px 14px #00000073;max-width:40ch;margin:18px 0 0;font-size:clamp(16px,1.25vw,19px)}.ts__copy--a{left:var(--gutter);max-width:min(48rem,62vw);top:clamp(36px,9vh,110px)}.ts__copy--b{right:var(--gutter);text-align:right;opacity:0;visibility:hidden;max-width:32rem;top:clamp(36px,9vh,110px)}.ts__copy--b p{margin-left:auto}.ts__copy--c{left:var(--gutter);opacity:0;visibility:hidden;max-width:32rem;top:clamp(36px,9vh,110px)}.ts__accent{color:#ffd166}.ts__copy .h1__kicker{color:#ffd166;text-shadow:0 1px 10px #0006;letter-spacing:.02em}.ts__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.ts__actions .btn--ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-color:#fff6}.ts__hud{z-index:5;left:var(--gutter);right:var(--gutter);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;font-size:12px;font-weight:600;display:grid;position:absolute;bottom:20px}.ts__route{gap:18px;margin:0;padding:0;list-style:none;display:flex}.ts__route li:before{content:"";vertical-align:1px;border:1px solid #fff9;border-radius:50%;width:7px;height:7px;margin-right:8px;transition:background-color .3s,border-color .3s;display:inline-block}.ts__route li.is-on{color:#fff}.ts__route li.is-on:before{background:#ffd166;border-color:#ffd166}.ts__bar{background:#ffffff40;border-radius:2px;height:2px;overflow:hidden}.ts__bar i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.ts__status{align-items:center;gap:10px;display:flex}.ts__status b{color:#fff}.ts__dot{background:#ffb12e;border-radius:50%;width:8px;height:8px;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 10px #ffb12e}.ts__dot.is-green{background:#3ee07a;box-shadow:0 0 10px #3ee07a}.ts__cue{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#0b153061;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:11px;font-weight:600;transition:opacity .4s;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ts__cue svg{width:14px;height:18px;animation:1.6s ease-in-out infinite ts-cue}@keyframes ts-cue{0%{opacity:0;transform:translateY(5px)}40%{opacity:1}to{opacity:0;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.ts__cue svg{animation:none}}@media (max-width:760px){.ts{--ts-h:max(540px, calc(100svh - var(--header-h) - var(--bar-h)));--ts-run:240svh}.ts__rig{width:94vw}.ts__road{width:300%;height:50vh;bottom:7vh;left:-100%}.ts__grass{width:400%;height:11vh;bottom:-1%;left:-150%}.ts__copy--a{max-width:none;right:var(--gutter);top:28px}.ts__copy--b,.ts__copy--c{left:var(--gutter);right:var(--gutter);text-align:left;max-width:none;top:28px}.ts__copy--b p{margin-left:0}.ts__hud{opacity:0;grid-template-columns:1fr;gap:8px;transition:opacity .4s;bottom:12px}.ts__bar{display:none}.ts__cue{display:flex}.ts__stage.is-moving .ts__hud{opacity:1}.ts__stage.is-moving .ts__cue{opacity:0}}
