.g8-spot__stage{position:relative;display:grid;place-items:center;min-height:clamp(220px,34vw,460px)}
.g8-spot__ghost{position:absolute;inset:auto 0 50% 0;transform:translateY(50%) scaleY(1.8);transform-origin:center bottom;margin:0;text-align:center;font-family:var(--font-display);font-weight:800;font-size:min(14rem,calc(min(100vw - 32px,var(--view-width)) / (var(--chars,8) * .9)));line-height:.9;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;user-select:none;color:transparent;-webkit-text-stroke:2px #26262b}
.g8-spot__ghost::after{content:attr(data-text);position:absolute;inset:0;color:var(--background);-webkit-text-stroke:0}
.g8-spot__car{position:relative;z-index:1;margin:0;width:100%}
.g8-spot__car img{width:100%;height:auto;filter:drop-shadow(0 36px 30px #000c)}
.g8-spot--flip .g8-spot__car img{transform:scaleX(-1)}
.g8-spot__caption{margin-top:12px;text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.g8-spot__body{display:grid;gap:32px;margin-top:clamp(32px,5vw,64px)}
@media (min-width:1080px){.g8-spot__body{grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}}
.g8-spot__intro{display:grid;gap:16px;align-content:start}
.g8-spot__subtitle{color:var(--muted);font-size:.9rem;letter-spacing:.04em}
.g8-spot__text{display:grid;gap:28px}
.g8-spot__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
@media (min-width:760px){.g8-spot__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
.g8-spot__stats > div{padding:18px 20px;background:var(--surface)}
.g8-spot__stats dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.g8-spot__stats dd{margin:6px 0 0;font-size:1.5rem;color:var(--text)}
@media (max-width:759px){
    .g8-spot__ghost{inset:auto 0 32% 0;transform:scaleY(2.2);transform-origin:center bottom;line-height:.85}
    .g8-spot__stage{min-height:0;padding-top:clamp(28px,9vw,48px)!important;overflow-x:clip;margin-inline:calc(var(--gutter) * -1);padding-block:12px}
    .g8-spot__car{justify-self:stretch;width:100%;margin:0;padding-inline:calc(var(--gutter) / 2);box-sizing:border-box}
    .g8-spot__caption{width:100%;margin:4px auto 0;padding-inline:var(--gutter);box-sizing:border-box;line-height:1.6}
    .g8-spot__stats > div:last-child:nth-child(odd){grid-column:1/-1}
    .g8-spot__stats dd{font-size:1.35rem}
}

/* real photo of a car: the ghost name sits higher — its top shows above the roof, the car covers only the bottom of the letters */
.g8-spot__stage--photo{min-height:0;padding-top:clamp(56px,9vw,130px)}
.g8-spot__stage--photo .g8-spot__ghost{inset:0 0 auto 0;transform:scaleY(1.8);transform-origin:center top}
@media (max-width:759px){
    .g8-spot__stage--photo{padding-top:clamp(48px,16vw,96px)!important}
    .g8-spot__stage--photo .g8-spot__ghost{inset:clamp(20px,6vw,40px) 0 auto 0;transform:scaleY(2);transform-origin:center top}
}