.dm-road-sec{--road-h: 420vh;position:relative;height:var(--road-h);margin-top:clamp(96px,12vw,180px)}.dm-road-stage{position:sticky;top:calc(var(--hud) + 6px);height:calc(100svh - var(--hud) - 6px);height:calc(100dvh - var(--hud) - 6px);min-height:540px;overflow:hidden;background:var(--k)}.dm-road-canvas{position:absolute;inset:0;width:100%;height:100%}.dm-road-ui{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:16px var(--gut);height:100%;padding-block:clamp(24px,5vh,56px);pointer-events:none}.dm-road-ui a{pointer-events:auto}.dm-road-intro{grid-column:1;grid-row:1;justify-self:start;align-self:start;display:grid;justify-items:start;gap:16px;width:min(100%,600px);padding:24px 28px 28px;background:var(--k)}.dm-road-h{margin:0;font-family:var(--f-px);font-weight:400;font-size:48px;line-height:48px;text-transform:uppercase;color:var(--w);-webkit-font-smoothing:none}.dm-road-lede{margin:0;font-family:var(--f-txt);font-size:22px;line-height:33px;color:var(--ink);-webkit-font-smoothing:none}.dm-road-hud{grid-column:2;grid-row:1;justify-self:end;align-self:start;display:grid;justify-items:end;gap:10px;padding:18px 20px 20px;background:var(--k);border:2px solid var(--ice-c);box-shadow:inset 0 0 0 2px var(--k),inset 0 0 0 4px var(--cu-m);font-family:var(--f-px);font-size:16px;line-height:16px;text-transform:uppercase;color:var(--ice-c);-webkit-font-smoothing:none}.dm-road-hud-label b{font-weight:400;color:var(--cu-y)}.dm-road-odo{display:flex;gap:4px;font-size:48px;line-height:48px;color:var(--cu-y)}.dm-road-wheel{display:block;height:48px;padding-inline:6px;overflow:hidden;background:var(--k1);box-shadow:var(--sunken)}.dm-road-strip{display:block;transition:transform .2s steps(3)}.dm-road-strip i{display:block;height:48px;font-style:normal;line-height:48px}.dm-road-now{padding:0 10px;background:var(--cu-m);font-size:48px;line-height:48px;color:var(--w)}.dm-road-sec.is-now .dm-road-odo{display:none}.dm-road-panel{position:relative;grid-column:1 / -1;grid-row:3;justify-self:end;align-self:end;display:grid;justify-items:start;gap:10px;width:min(100%,440px);padding:30px 28px 28px;background:var(--k)}.dm-road-panel:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--copper-strip)}.dm-road-panel.is-flip{animation:dm-road-flip .32s steps(6)}@keyframes dm-road-flip{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.dm-road-panel-year{font-family:var(--f-px);font-size:32px;line-height:32px;color:var(--cu-y);-webkit-font-smoothing:none}.dm-road-panel-name{font-family:var(--f-px);font-size:32px;line-height:40px;text-transform:uppercase;color:var(--w);-webkit-font-smoothing:none}.dm-road-panel-role{font-family:var(--f-px);font-size:16px;line-height:16px;text-transform:uppercase;color:var(--cu-o);-webkit-font-smoothing:none}.dm-road-panel-desc{margin:4px 0 0;font-family:var(--f-txt);font-size:22px;line-height:33px;color:var(--ink);-webkit-font-smoothing:none}.dm-road-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.dm-road-sec{--road-h: 260vh;--road-panel: 176px;margin-top:40px}.dm-road-lede,.dm-road-panel-desc,.dm-road-item{font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased}.dm-road-stage{min-height:0}.dm-road-canvas{inset:0 0 auto;height:calc(100% - var(--road-panel))}.dm-road-ui{position:static;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:start;gap:12px;padding-block:16px}.dm-road-intro{position:relative;z-index:1;grid-column:1;grid-row:1;gap:12px;padding:16px 18px 18px;clip-path:inset(0 0 0 0);transition:clip-path .36s steps(6),visibility 0s linear 0s}.dm-road-sec.is-driving .dm-road-intro:not(:focus-within){clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .36s steps(6),visibility 0s linear .36s}.dm-road-h{font-size:32px;line-height:32px}.dm-road-hud{position:relative;grid-column:1;grid-row:1;justify-self:stretch;grid-auto-flow:column;justify-content:space-between;align-items:center;gap:12px;padding:4px 10px}.dm-road-hud-label:first-child{display:none}.dm-road-odo,.dm-road-now{font-size:24px;line-height:24px}.dm-road-wheel,.dm-road-strip i{height:24px;line-height:24px}.dm-road-wheel{padding-inline:3px}.dm-road-panel{position:absolute;left:0;right:0;bottom:0;width:auto;height:var(--road-panel);align-content:start;gap:8px;padding:22px var(--gut) 16px}.dm-road-panel-year,.dm-road-panel-name{font-size:24px;line-height:24px}.dm-road-panel-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}}@media(max-width:360px){.dm-road-sec{--road-panel: 228px}.dm-road-panel-desc{-webkit-line-clamp:5;line-clamp:5}}@media(max-height:500px)and (pointer:coarse){.dm-road-panel-desc{-webkit-line-clamp:5;line-clamp:5}.dm-road-sec{--road-side: min(360px, 44vw)}.dm-road-canvas{inset:0 auto 0 var(--road-side);width:calc(100% - var(--road-side));height:100%}.dm-road-ui{width:calc(var(--road-side) - 2 * var(--gut));margin-inline:var(--gut) 0;padding-block:12px}.dm-road-sec:not(.is-driving) .dm-road-panel{visibility:hidden}.dm-road-panel{right:auto;width:var(--road-side);height:auto;max-height:calc(100% - 64px);padding:22px var(--gut) 12px}}@media(prefers-reduced-motion:reduce){.dm-road-sec{height:auto}.dm-road-stage{position:relative;top:0;height:70vh}.dm-road-hud,.dm-road-panel{display:none}.dm-road-canvas{inset:0;width:100%;height:100%}.dm-road-sec.is-driving .dm-road-intro:not(:focus-within){clip-path:none;visibility:visible}.dm-road-list{position:static;width:min(100% - 2 * var(--gut),var(--max));height:auto;margin:48px auto 0;overflow:visible;clip:auto;white-space:normal;list-style:none;display:grid;gap:24px}.dm-road-item{display:grid;gap:6px;padding-top:20px;border-top:2px solid var(--k3);font-family:var(--f-txt);font-size:22px;line-height:33px;color:var(--ink)}.dm-road-item-year,.dm-road-item-name,.dm-road-item-role{font-family:var(--f-px);font-weight:400;text-transform:uppercase;-webkit-font-smoothing:none}.dm-road-item-year{font-size:24px;line-height:24px;color:var(--cu-y)}.dm-road-item-name{font-size:32px;line-height:32px;color:var(--w)}.dm-road-item-role{font-size:16px;line-height:16px;color:var(--cu-o)}}