.hero-card{grid-template-rows:auto auto;padding-top:clamp(40px,4vw,48px)}
.hero-card .vinyl-strip{position:relative;height:220px;overflow:visible;margin:-194px calc(clamp(40px,6vw,76px) * -1) calc(clamp(40px,6vw,76px) * -1)}
.hero .intro{max-width:min(650px,calc(100% - 280px))}
.turntable{position:absolute;width:360px;height:280px;right:-16px;top:0}
.hero-vinyl-record{position:absolute;width:260px;height:260px;left:30px;top:12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 20deg,transparent 0deg,#ffffff24 38deg,transparent 70deg,transparent 185deg,#ffffff19 220deg,transparent 252deg),repeating-radial-gradient(circle,#15151f 0 2px,#33333e 2.5px 3px,#171721 3.5px 5px);box-shadow:0 12px 26px #17172224;border:2px solid #22222d;animation:vinyl-turn 8s linear infinite}
.record-label{position:relative;width:88px;height:88px;border-radius:50%;background:var(--blue);color:white;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 0 0 6px #0d0d16}
.record-label b{font-size:13px;letter-spacing:.12em;margin-top:1px}.record-label small{font-size:5px;letter-spacing:.13em;margin-top:3px}.record-label i{width:7px;height:7px;background:#e5e6f1;border:2px solid #171722;border-radius:50%;margin:7px 0}.record-label span{font-size:4px;letter-spacing:.14em}
.tonearm{position:absolute;inset:0;width:360px;height:280px;filter:drop-shadow(2px 5px 3px #17172220)}
@keyframes vinyl-turn{to{transform:rotate(360deg)}}
@media(min-width:1001px){.hero-card{display:block;padding-bottom:48px}.hero-card .vinyl-strip{position:absolute;right:0;bottom:12px;width:360px;height:280px;margin:0}.turntable{right:100px;top:-14px;transform:scale(1.12);transform-origin:top right}}

@media(max-width:1000px){.hero .intro{max-width:650px}.hero-card .vinyl-strip{height:292px;margin-top:0}}
@media(max-width:800px){.hero-card .vinyl-strip{height:264px;margin:0 -26px -18px}.turntable{right:-18px;transform:scale(.9);transform-origin:top right}}
@media(prefers-reduced-motion:reduce){.hero-vinyl-record{animation:none}}