*{margin:0;padding:0;box-sizing:border-box}
:root{--asph:#141210;--sun:#FF7A1A;--gold:#FFC53D;--cream:#FFF3DF}
html,body{height:100%}
body{background:var(--asph);color:var(--cream);font-family:'Space Grotesk',sans-serif;overflow:hidden}
img{display:block;max-width:100%}
::selection{background:var(--sun);color:#000}
.en{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#a89a83}
.hud{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-family:Anton;font-size:15px;background:linear-gradient(rgba(20,18,16,.9),transparent)}
.hud a{background:var(--sun);color:#000;text-decoration:none;font-weight:800;padding:10px 22px;border-radius:10px}
.drive{display:flex;height:100svh;overflow-x:auto;scroll-snap-type:x mandatory;background:linear-gradient(180deg,#1c1410 0%,#141210 40%,#141210 100%)}
.panel{flex:0 0 100vw;height:100svh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:80px 8vw 60px;position:relative;overflow:hidden}
.panel:nth-child(odd){background:linear-gradient(200deg,rgba(255,122,26,.14),transparent 55%)}
.panel h1{font-family:Anton;font-size:clamp(64px,13vw,170px);line-height:.88}
.panel h2{font-family:Anton;font-size:clamp(48px,9vw,120px);line-height:.9;margin-top:10px}
.sub{margin-top:14px;max-width:480px;line-height:1.65;color:#e5d9c2;font-size:17px}
.arrow{font-size:60px;margin-top:20px;animation:ar 1.4s infinite}
@keyframes ar{50%{transform:translateX(16px)}}
.panel img{width:min(440px,80vw);height:240px;object-fit:cover;border-radius:14px;margin-top:18px;transform:rotate(-1.5deg);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.chalk{margin-top:18px;background:#1e211d;border:10px solid #5a4226;border-radius:8px;padding:26px;max-width:640px;transform:rotate(.6deg)}
.chalk p{font-family:'Permanent Marker';font-size:clamp(17px,2.6vw,26px);line-height:1.9;color:#f2ecd9}
.chalk .big{color:var(--gold);font-size:clamp(24px,3.6vw,40px)}
.tops{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;max-width:560px}
.tops button{font-family:'Permanent Marker';background:transparent;color:var(--cream);border:2px dashed #4a3d2c;border-radius:12px;padding:12px 16px;font-size:15px}
.tops button.on{background:var(--sun);color:#000;border-style:solid;border-color:var(--sun)}
.total{font-family:Anton;font-size:26px;margin-top:16px}
.total b{color:var(--gold);font-size:42px}
#omsg{margin-top:8px;color:var(--gold);min-height:24px;max-width:480px}
.btn{display:inline-block;margin-top:18px;background:var(--sun);color:#000;font-weight:800;font-size:18px;padding:18px 30px;border-radius:12px;text-decoration:none;width:fit-content}
.note{margin-top:14px;font-size:11px;color:#6f6455;letter-spacing:.1em}
.dots{position:fixed;bottom:16px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:50}
.dots i{width:26px;height:4px;border-radius:4px;background:#3a3227}
.dots i.on{background:var(--gold)}
@media(prefers-reduced-motion:reduce){.arrow{animation:none}}