.header__logo-link{display:flex;align-items:center;color:var(--color-text)}.header__logo .vv-logo{width:var(--logo-width, 190px);height:auto;overflow:visible}.vv-logo__disc{transform-origin:32px 32px;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.header__logo-link:hover .vv-logo__disc,.footer__logo:hover .vv-logo__disc{transform:rotate(240deg)}.vv-logo__word{transition:opacity .3s ease}@media(max-width:989px){.header__logo .vv-logo{width:min(var(--logo-width, 190px),150px)}}@media(prefers-reduced-motion:reduce){.vv-logo__disc{transition:none}}.lph{position:relative;overflow:hidden;isolation:isolate;padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px);min-height:min(92vh,900px);display:flex;align-items:center}.lph__aurora{position:absolute;top:-20%;right:-10%;bottom:0;left:-10%;z-index:-2;background:radial-gradient(45% 50% at 72% 42%,rgba(var(--color-accent-rgb),.28),transparent 70%),radial-gradient(40% 45% at 85% 80%,rgba(200,36,60,.28),transparent 70%),radial-gradient(50% 60% at 15% 20%,rgba(var(--color-accent-2-rgb),.22),transparent 70%),radial-gradient(35% 35% at 50% 100%,rgba(31,92,60,.35),transparent 70%);filter:saturate(1.1);animation:lph-drift 16s ease-in-out infinite alternate}@keyframes lph-drift{to{transform:translate3d(-3%,2%,0) scale(1.05)}}.lph__sparkles i{position:absolute;z-index:-1;width:4px;height:4px;border-radius:50%;background:#ffe6a8;box-shadow:0 0 10px 2px #ffdc8cb3;opacity:0;left:calc(50% + (var(--k) * 37) % 50 * 1%);top:calc((var(--k) * 53) % 90 * 1%);animation:lph-twinkle calc(2.6s + (var(--k) * .37s)) ease-in-out calc(var(--k) * -.6s) infinite}@keyframes lph-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.95;transform:scale(1)}}.lph__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,64px);align-items:center;width:100%}@media(max-width:989px){.lph__grid{grid-template-columns:1fr}.lph__stage{order:-1}.lph__copy{text-align:center}.lph__copy .hero__actions,.lph__copy .hero__badges{justify-content:center}.lph__now,.lph__text{margin-inline:auto}}.lph__copy h1{font-size:clamp(2.3rem,5vw,4.2rem)}.lph__text{color:var(--color-muted);font-size:1.12rem;max-width:500px}.lph__hint{font-size:.85rem;color:var(--color-muted);margin:.7rem 0 0}.lph__now{display:inline-grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;column-gap:.7rem;row-gap:.5rem;align-items:center;padding:.8rem 1.1rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(var(--color-accent-rgb),.25);min-width:min(100%,380px);text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lph__eq{display:inline-flex;gap:3px;align-items:flex-end;height:16px}.lph__eq b{width:3px;height:100%;background:var(--color-accent);border-radius:2px;transform-origin:bottom;animation:lph-eq .9s ease-in-out infinite alternate}.lph__eq b:nth-child(2){animation-delay:-.3s}.lph__eq b:nth-child(3){animation-delay:-.6s}.lph__eq b:nth-child(4){animation-delay:-.15s}@keyframes lph-eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.lph__now-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-weight:700}.lph__now-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lph__now-title.is-new{animation:lph-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes lph-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}}.lph__sound{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(var(--color-accent-rgb),.45);background:transparent;color:var(--color-accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.lph__sound:hover{background:rgba(var(--color-accent-rgb),.12);transform:translateY(-1px);box-shadow:0 0 18px rgba(var(--color-accent-rgb),.35)}.lph__sound-on{display:none}.is-sound .lph__sound{background:var(--color-accent);color:#14120d}.is-sound .lph__sound-on{display:block}.is-sound .lph__sound-off{display:none}.lph__eq b{animation-play-state:paused}.is-singing .lph__eq b,.lph:not(.is-sound) .lph__eq b{animation-play-state:running}.lph__player{cursor:pointer}.is-singing .lph__halo{animation-duration:1.6s}.lph__now-bar{grid-column:1 / -1;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}.lph__now-bar span,.lph__progress span{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--color-accent),#fff3d6);animation:lph-progress 9s linear infinite}@keyframes lph-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lph__stage{position:relative;perspective:1400px;padding:2% 6% 0}.lph__halo{position:absolute;left:50%;top:42%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--color-accent-rgb),.45),rgba(var(--color-accent-rgb),0) 65%);filter:blur(30px);animation:lph-breathe 4s ease-in-out infinite}@keyframes lph-breathe{50%{opacity:.6;transform:translate(-50%,-50%) scale(.92)}}.lph__frame{--rx: 0deg;--ry: 0deg;position:relative;width:min(78%,440px);margin:0 auto;aspect-ratio:928 / 1195;overflow:hidden;border-radius:10px;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 80px -30px #000000e6,0 0 0 1px #ffffff40,0 0 60px -10px rgba(var(--color-accent-rgb),.45);animation:lph-float 6s ease-in-out infinite}@keyframes lph-float{50%{translate:0 -10px}}.lph__frame-img{position:absolute;max-width:none;width:calc(2048 / 928 * 100%);height:calc(2048 / 1195 * 100%);left:calc(-540 / 928 * 100%);top:calc(-257 / 1195 * 100%)}.lph__glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(60% 50% at var(--gx, 30%) var(--gy, 20%),rgba(255,255,255,.55),transparent 60%)}.lph__player{position:absolute;left:calc((1085 - 200 - 540) / 928 * 100%);top:calc((829 - 200 - 257) / 1195 * 100%);width:calc(400 / 928 * 100%);aspect-ratio:1}.lph__record{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#16213d;box-shadow:0 6px 18px #0000008c,inset 0 0 0 2px #0006;animation:lph-spin 5s linear infinite}.lph__record.is-drop{animation:lph-drop .55s cubic-bezier(.3,1.6,.5,1),lph-spin 5s linear infinite}@keyframes lph-spin{to{rotate:360deg}}@keyframes lph-drop{0%{scale:1.12;filter:brightness(1.4)}}.lph__grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.05) 0 1px,transparent 1px 4px),radial-gradient(circle,transparent 60%,rgba(0,0,0,.35) 100%)}.lph__player .lph__art{position:absolute;top:14%;right:14%;bottom:14%;left:14%;box-shadow:0 0 0 3px #c9a45c,0 0 0 5px #16213d}.lph__sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 210deg,transparent 0 20%,rgba(255,255,255,.22) 25%,transparent 32% 70%,rgba(255,255,255,.14) 75%,transparent 82%)}.lph__art{display:block;position:relative;overflow:hidden;border-radius:50%;aspect-ratio:1}.lph__art img{position:absolute;max-width:none;transition:none;width:calc(2048 / (2 * var(--rx)) * 100%);height:calc(2048 / (2 * var(--ry)) * 100%);left:calc((var(--rx) - var(--cx)) / (2 * var(--rx)) * 100%);top:calc((var(--ry) - var(--cy)) / (2 * var(--ry)) * 100%)}.lph__progress{position:absolute;left:calc((695 - 540) / 928 * 100%);width:65.625%;top:calc((1214 - 257) / 1195 * 100%);height:.7%;background:#d9d6d2;border-radius:4px;overflow:hidden;box-shadow:0 0 0 5px #e6e4e1}.lph__progress span{background:linear-gradient(90deg,#a77c3b,#d6ad62)}.lph__discs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lph__disc{--s: clamp(54px, 7.2vw, 92px);pointer-events:auto;position:absolute;width:var(--s);height:var(--s);padding:6px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,#273559,#111a33 70%);box-shadow:0 14px 30px -10px #000c,inset 0 0 0 2px #c9a45c8c;transition:transform .4s cubic-bezier(.2,1.4,.4,1),box-shadow .3s ease;animation:lph-bob calc(4s + var(--n) * .45s) ease-in-out calc(var(--n) * -.7s) infinite}.lph__disc .lph__art{width:100%;height:100%;box-shadow:0 0 0 2px #c9a45c}.lph__disc:nth-child(1){left:0%;top:6%}.lph__disc:nth-child(2){left:-3%;top:40%}.lph__disc:nth-child(3){left:4%;top:72%}.lph__disc:nth-child(4){right:0%;top:4%}.lph__disc:nth-child(5){right:-3%;top:37%}.lph__disc:nth-child(6){right:4%;top:70%}.lph__disc:nth-child(7){left:50%;top:97%;margin-left:calc(var(--s) / -2)}@keyframes lph-bob{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -12px;rotate:4deg}}.lph__disc:hover,.lph__disc:focus-visible{transform:scale(1.18);box-shadow:0 20px 40px -12px #000000e6,0 0 0 2px var(--color-accent),0 0 30px rgba(var(--color-accent-rgb),.6);z-index:3}.lph__disc:hover .lph__art{animation:lph-spin 2.4s linear infinite}.lph__disc.is-lifting{opacity:.2}.lph__tip{position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 4px;white-space:nowrap;font-size:.75rem;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:.3em .7em;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s ease,translate .2s ease}.lph__disc:hover .lph__tip,.lph__disc:focus-visible .lph__tip{opacity:1;translate:-50% 0}.lph__ghost{pointer-events:none;border-radius:50%;box-shadow:0 0 0 3px #c9a45c,0 20px 40px #0009}@media(max-width:989px){.lph{min-height:0}.lph__stage{padding:0 0 90px}.lph__frame{width:min(68%,360px)}.lph__discs{position:absolute;inset:auto 0 0 0;height:80px;display:flex;justify-content:center;gap:8px}.lph__disc{position:relative;inset:auto!important;margin:0!important;--s: clamp(40px, 11vw, 64px)}.lph__tip{display:none}}.lph__empty{border:1px dashed rgba(255,255,255,.25);border-radius:var(--radius);padding:40px;text-align:center}@media(prefers-reduced-motion:reduce){.lph__record,.lph__disc,.lph__frame,.lph__aurora,.lph__halo,.lph__sparkles i,.lph__eq b,.lph__now-bar span,.lph__progress span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/compiled_assets/styles.css.map?subset=AABE */