/* Main-page assembly; intro remains unchanged. */
.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#08131f;align-items:center;overflow:hidden}
.hero-copy{padding:65px 2vw 45px 5vw;max-width:none;position:relative;z-index:1}.hero h1{font-size:clamp(58px,5.8vw,92px)}
.car-assembly{margin:0;min-width:0;position:relative;width:100%;overflow:hidden;padding-top:40px}.car-assembly svg{display:block;width:100%;height:auto;overflow:visible}
.assembly-replay{position:absolute;top:5px;right:25px;z-index:3;border:1px solid #526b82;background:#0d2033;color:#dfedfa;border-radius:5px;padding:10px 14px;min-height:44px;font-size:14px}.assembly-replay:hover{border-color:#86cfff;background:#16344f}.assembly-replay:disabled{opacity:.6;cursor:wait}
.car-piece{transform-box:view-box}.night-lights{opacity:0}.car-assembly.settled .night-lights{opacity:1}.vapor{opacity:0;transform-origin:1372px 659px;transform-box:view-box}
.piece-bumper-front{--from:translate(-105px,0)}.piece-bumper-rear{--from:translate(120px,0)}
.piece-wheel-front{--from:translate(-90px,130px) rotate(-25deg);transform-origin:363px 634px}.piece-wheel-rear{--from:translate(95px,130px) rotate(25deg);transform-origin:1181px 635px}
.piece-door-front{--from:skewY(12deg) scaleX(.48);transform-origin:503px 432px}.piece-door-rear{--from:skewY(12deg) scaleX(.48);transform-origin:853px 330px}
.piece-hatch{--from:rotate(-65deg);transform-origin:1132px 294px}.piece-hood{--from:rotate(55deg);transform-origin:473px 428px}
.car-assembly.playing .car-piece{animation:close-piece 1.5s cubic-bezier(.25,.6,.3,1) both}
.car-assembly.playing .piece-bumper-front{animation-delay:0s}.car-assembly.playing .piece-bumper-rear{animation-delay:0.6s}
.piece-wheel-far-front{--from:translate(-135px,145px);transform-origin:363px 634px;opacity:.65}.piece-wheel-far-rear{--from:translate(140px,145px);transform-origin:1181px 635px;opacity:.65}
.car-assembly.playing .piece-wheel-far-front{animation-delay:2.2s}.car-assembly.playing .piece-wheel-far-rear{animation-delay:2.2s}.car-assembly.playing .piece-wheel-front{animation-delay:2.7s}.car-assembly.playing .piece-wheel-rear{animation-delay:2.7s}
.car-assembly.playing .piece-door-front{animation-delay:4.3s}.car-assembly.playing .piece-door-rear{animation-delay:5.3s}.car-assembly.playing .piece-hatch{animation-delay:6.8s}.car-assembly.playing .piece-hood{animation-delay:8.4s}
.car-assembly.playing .night-lights{animation:lights-on .8s 10s both}
.car-assembly.playing .vapor{animation:tailpipe-vapor 2.8s ease-out both}.car-assembly.playing .vapor-0{animation-delay:11s}.car-assembly.playing .vapor-1{animation-delay:11.3s}.car-assembly.playing .vapor-2{animation-delay:11.6s}.car-assembly.playing .vapor-3{animation-delay:11.9s}
@keyframes close-piece{from{transform:var(--from)}to{transform:translate(0,0) rotate(0) skewY(0) scaleX(1)}}
@keyframes lights-on{from{opacity:0}to{opacity:1}}
@keyframes tailpipe-vapor{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:.16}100%{opacity:0;transform:translate(150px,-55px) scale(3.2)}}
.contact{background-image:linear-gradient(100deg,rgba(4,12,23,.91),rgba(4,12,23,.72)),url('assets/budiky-hero.jpg');background-position:center 48%;background-size:cover}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{padding:45px 5vw 10px}.hero h1{font-size:clamp(58px,8vw,90px)}.car-assembly{max-width:850px;justify-self:center;margin-top:10px}}
@media(max-width:600px){.hero-copy{padding:40px 22px 10px}.hero h1{font-size:clamp(56px,13vw,78px)}.car-assembly{margin-top:15px}.assembly-replay{right:22px}}
@media(prefers-reduced-motion:reduce){.car-assembly.playing .car-piece{animation:none;transform:none}.car-assembly .night-lights{animation:none;opacity:1}.car-assembly .vapor{animation:none!important;opacity:0}}

#hero-title:focus{outline:none}
.assembly-sound{position:absolute;top:5px;left:22px;z-index:3;border:1px solid #526b82;background:#0d2033;color:#dfedfa;border-radius:5px;padding:10px 14px;min-height:44px;font-size:14px}
.car-sparkle{opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px #a8dfff)}
.playing .car-sparkle{animation:car-polish 1s ease-in-out both}
.playing .sparkle-one{animation-delay:13s}.playing .sparkle-two{animation-delay:13.5s}.playing .sparkle-three{animation-delay:14s}
@keyframes car-polish{0%,100%{opacity:0;transform:scale(.3) rotate(-15deg)}45%{opacity:.9;transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.playing .car-sparkle{animation:none}}