.hero-v{border-bottom:var(--line, 1.5px solid var(--ink));background-color:var(--paper);background-size:cover;background-position:center;overflow:hidden}.hero-v__inner{display:grid;grid-template-columns:minmax(0,var(--hero-content-width, 45%)) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(2.5rem,6vw,5rem)}.hero-v--text-right .hero-v__inner{grid-template-columns:minmax(0,1fr) minmax(0,var(--hero-content-width, 45%))}.hero-v--text-right .hero-v__art{order:-1}.hero-v__art{position:relative;aspect-ratio:1.5 / 1;min-width:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}.hero-v__cover{position:absolute;inset-block:0;inset-inline-start:0;margin:0;height:100%;aspect-ratio:1;max-width:100%;display:grid;place-items:center;z-index:2}.hero-v__cover img,.hero-v__cover-placeholder{width:var(--cover-size, 88%);aspect-ratio:1;height:auto;object-fit:cover;border:var(--line, 1.5px solid var(--ink));border-radius:var(--radius, 2px);transform:rotate(var(--cover-rotate, -2deg));background:var(--paper-deep)}.hero-v__cover-placeholder{display:grid;place-items:center;color:var(--ink-soft)}.hero-v__cover-placeholder .icon{width:72px;height:72px}.hero-v__logo-overlay{position:absolute;inset-inline-start:6%;inset-block-start:6%;width:22%;height:auto;z-index:3}.hero-v__vinyl-track{position:absolute;inset-block:0;inset-inline-start:0;height:100%;aspect-ratio:1;max-width:100%;display:grid;place-items:center;z-index:1;transform:translate(calc(var(--vinyl-x, 42%) * .8)) translateY(var(--vinyl-y, 0%));clip-path:inset(0 calc((100 - var(--vinyl-peek, 100)) * 1%) 0 0);filter:drop-shadow(2px 4px 5px rgba(22,19,16,calc(var(--vinyl-shadow, .4) * .55))) drop-shadow(4px 14px 26px rgba(22,19,16,calc(var(--vinyl-shadow, .4) * .35)))}.hero-v__vinyl{width:calc(var(--cover-size, 88%) * var(--vinyl-size, 94) / 100);aspect-ratio:1;height:auto;border-radius:50%;will-change:transform}.is-spinning{animation:hero-v-spin var(--spin-duration, 12s) linear infinite}.is-spinning.is-reverse{animation-direction:reverse}.hero-v__art.is-js-driven [data-vinyl-rotor]{animation:none}@keyframes hero-v-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-v__vinyl--drawn{position:relative;display:grid;place-items:center;background-color:#14110e;border:1px solid #000}.hero-v__vinyl-grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,rgba(255,255,255,.07) 26deg 58deg,transparent 88deg 196deg,rgba(255,255,255,.05) 214deg 240deg,transparent 268deg),repeating-radial-gradient(circle at center,#14110e 0 2.4%,#221d18 2.4% 3%,#14110e 3% 4.5%);will-change:transform}.hero-v__vinyl-label{z-index:1;background:radial-gradient(circle at center,transparent 0 36%,var(--accent) 36% 98%,#14110e 98%);border-radius:50%;width:30%;aspect-ratio:1;display:grid;place-items:center;text-align:center;color:var(--paper);font-family:var(--font-mono, monospace);font-size:clamp(.5rem,1.2vw,.72rem);letter-spacing:.08em;text-transform:uppercase;position:relative}.hero-v__vinyl-label:after{content:"";position:absolute;width:8%;aspect-ratio:1;background:var(--paper);border-radius:50%;border:1.5px solid var(--ink)}.hero-v__notes{position:absolute;inset-block:0;inset-inline-start:0;height:100%;aspect-ratio:1;max-width:100%;transform:translate(calc(var(--vinyl-x, 42%) * .8)) translateY(var(--vinyl-y, 0%));pointer-events:none;z-index:3}.hero-v__note{position:absolute;bottom:55%;font-size:clamp(1rem,2.2vw,1.6rem);line-height:1;color:var(--ink);opacity:0;animation:hero-v-note-float 6.5s ease-in infinite;will-change:transform,opacity}.hero-v__note:nth-child(1){inset-inline-start:58%;animation-delay:0s}.hero-v__note:nth-child(2){inset-inline-start:74%;animation-delay:1.7s;animation-duration:7.5s;font-size:clamp(.85rem,1.8vw,1.25rem)}.hero-v__note:nth-child(3){inset-inline-start:66%;animation-delay:3.4s;animation-duration:6s;color:var(--accent)}.hero-v__note:nth-child(4){inset-inline-start:82%;animation-delay:5.1s;animation-duration:8s;font-size:clamp(.8rem,1.6vw,1.1rem)}@keyframes hero-v-note-float{0%{transform:translateY(0) rotate(-6deg);opacity:0}12%{opacity:.85}50%{transform:translateY(-90px) rotate(7deg);opacity:.6}to{transform:translateY(-185px) rotate(-4deg);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-v__notes{display:none}}.hero-v__content{min-width:0}.hero-v__content--center{text-align:center}.hero-v__content--center .hero-v__actions{justify-content:center}.hero-v__content--center .hero-v__sub{margin-inline:auto}.hero-v__kicker{font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--accent);font-weight:600;margin:0 0 1rem}.hero-v__heading{font-size:calc(clamp(2.4rem,5.5vw,4.4rem) * var(--heading-scale, 1));line-height:1.02;margin:0 0 .35em}.hero-v__sub{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--ink-soft);max-width:34em;margin:0 0 1.75rem}.hero-v__actions{display:flex;flex-wrap:wrap;gap:.9rem}@media(max-width:749px){.hero-v__inner,.hero-v--text-right .hero-v__inner{grid-template-columns:1fr;gap:1.75rem}.hero-v--mobile-art-first .hero-v__art{order:-1}.hero-v--mobile-text-first .hero-v__art{order:2}.hero-v__art{aspect-ratio:1.35 / 1}.hero-v__heading{font-size:calc(clamp(2.1rem,9vw,2.9rem) * var(--heading-scale, 1))}}@media(prefers-reduced-motion:reduce){.is-spinning{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero-vinyl.css.map */