/* Visual and interaction pass: retain the original brand and mobile layout. */
section[id]{scroll-margin-top:74px}
.nav-links a[aria-current="location"]{color:#fff;background:rgba(232,34,46,.17)}
button:focus-visible,[role="button"]:focus-visible{outline:2px solid #fff;outline-offset:5px}
.night-drive{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:20px;background:#111a27}
.night-drive img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.night-drive:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,12,.68),transparent 80%),linear-gradient(0deg,rgba(2,6,12,.65),transparent 65%);pointer-events:none}
.night-drive figcaption{position:absolute;z-index:1;left:6%;bottom:9%;display:flex;flex-direction:column;gap:9px;max-width:90%}
.night-drive strong{font:800 clamp(23px,5vw,56px)/1 'Unbounded',sans-serif;letter-spacing:-.05em}
.night-drive figcaption>span:not(.eyebrow){font-size:14px;color:#c0c7d2}
.night-drive .eyebrow{color:#ff5965;font-size:9px;letter-spacing:.28em}
.night-drive small{color:#bbc0cb;font-size:10px;letter-spacing:.08em}
.drive-guide{margin:0 0 24px;border:1px solid var(--line);background:#10131b;border-radius:16px;overflow:hidden}
.guide-controls{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.guide-controls button{border:0;background:transparent;color:#9fa9b9;cursor:pointer;padding:16px 8px;font:600 12px 'Space Grotesk',sans-serif;min-height:48px}
.guide-controls button[aria-pressed="true"]{color:#fff;background:rgba(232,34,46,.16);box-shadow:inset 0 -2px #ff3142}
#guide-copy{min-height:96px;padding:20px 22px;font-size:14px;color:#c0c7d2}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.gallery-controls p{font-size:13px;color:var(--muted)}
.gallery-controls>div{display:flex;gap:8px;flex-shrink:0}
.gallery-controls button,.art-controls button,.art-close{width:46px;height:46px;border:1px solid #414959;border-radius:50%;background:#151a24;color:#fff;font-size:20px;cursor:pointer}
.gallery .scroller{margin:0 auto;max-width:1200px;padding:8px var(--pad) 24px;scroll-padding-inline:var(--pad)}
.shot[role="button"],.wide[role="button"]{cursor:zoom-in;position:relative}
.shot[role="button"]:after,.wide[role="button"]:after{content:"↗";position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(5,8,14,.8);border:1px solid #747a84;color:#fff}
.shot img,.wide img{transition:transform .4s ease}
@media(hover:hover){.shot:hover img,.wide:hover img{transform:scale(1.025)}.benefit:hover{transform:translateY(-4px);border-color:var(--red-soft)}.btn:hover{transform:translateY(-2px)}}
#art-viewer{position:fixed;inset:0;margin:auto;width:min(1000px,94vw);max-height:94dvh;padding:58px 22px 18px;border:1px solid #39404c;border-radius:18px;background:#090c12;color:#fff;overflow:auto}
#art-viewer::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}
#art-viewer figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
#art-viewer figure img{height:calc(85dvh - 155px);width:100%;object-fit:contain}
#art-caption{font-size:13px;color:#bbc3d2;text-align:center}
.art-close{position:absolute;top:10px;right:12px;width:38px;height:38px}
.art-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:12px}
#art-count{font-size:12px;color:#a2adbd;font-variant-numeric:tabular-nums}
@media(min-width:768px){:root{--maxw:1100px;--pad:32px}.game-frame{aspect-ratio:16/10}.night-drive img{aspect-ratio:21/9}.fuel-hero-img{max-height:640px;object-fit:contain;background:#08090e}.gallery .shot{flex-basis:31%}.hero .cta-row{max-width:700px;margin-left:auto;margin-right:auto}.hero-inner{padding-bottom:70px}.guide-controls button{font-size:14px}#guide-copy{min-height:66px}.nav{padding-left:4vw!important;padding-right:4vw!important}}
@media(max-width:480px){header.nav{gap:12px}.brand{font-size:10px;gap:5px}.brand img{width:24px;height:24px}.nav-links{gap:0;flex-shrink:0}.nav-links a{font-size:10px;padding:9px 8px}.guide-controls button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.shot:hover img,.wide:hover img,.benefit:hover,.btn:hover{transform:none}}
