/* One main interaction: the Spotify entry. Motion answers a user action. */
.hero-copy{animation:radio-intro .6s cubic-bezier(.2,.75,.25,1) both}.hero-record{animation:radio-intro .65s .08s cubic-bezier(.2,.75,.25,1) both;transform:perspective(900px) rotate(2deg) rotateX(var(--record-x,0deg)) rotateY(var(--record-y,0deg));transition:transform .25s ease-out,box-shadow .25s}.hero-record:hover{transform:perspective(900px) rotate(1deg) rotateX(var(--record-x,0deg)) rotateY(var(--record-y,0deg));box-shadow:12px 14px 0 var(--purple)}.spotify-form{background:#fff;border:2px solid var(--ink);border-radius:23px;padding:22px;max-width:650px;margin-top:31px;box-shadow:8px 8px 0 var(--contest-lav);transition:box-shadow .2s,border-color .2s}.spotify-form:focus-within{border-color:var(--purple);box-shadow:9px 9px 0 var(--contest-lav),0 0 0 4px #7c3aed16}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;min-height:24px}.spotify-form label{font-size:18px;font-weight:700;margin:0;color:var(--ink);letter-spacing:-.02em;line-height:1.3}.track-link-status{font-size:10px;font-weight:600;color:#355838;white-space:nowrap}.track-link-status:before{content:'✓';display:inline-block;margin-right:5px}.spotify-form .input-action{border:1.5px solid #1a0b3b50;background:var(--paper);box-shadow:none;padding:7px 7px 7px 14px;border-radius:12px;transition:border-color .2s}.spotify-form .input-action:focus-within{border-color:var(--purple);outline:0;box-shadow:none}.spotify-form .input-action input{font-size:13px;min-height:50px;padding-block:12px}.spotify-form .input-action .button{min-height:50px;font-size:13px;padding-inline:18px;border-radius:8px}.spotify-form .input-action .spotify-icon{width:23px;height:23px}.spotify-form .form-note{font-size:12px;line-height:1.7;margin-top:13px;color:#675374}.spotify-form .form-note strong{font-weight:600;color:var(--ink)}.hero-demo{margin-top:20px;display:inline-block;min-height:30px}.button{position:relative;overflow:hidden;isolation:isolate}.button:before{content:'';position:absolute;inset:-20% auto -20% -80%;width:45%;background:linear-gradient(100deg,transparent,#ffffff22,transparent);transform:skewX(-20deg);pointer-events:none}.nav-action .icon{transition:translate .2s}.nav-action:hover .icon{translate:3px 0}.journey-visual{transition:background .2s,box-shadow .2s,translate .2s}.value-discovery:hover .journey-node:first-child .journey-visual{animation:radio-signal .75s ease-out}.value-discovery:hover .journey-node:nth-child(3) .journey-visual{animation:radio-signal .75s .12s ease-out}.value-discovery:hover .journey-node:nth-child(5) .journey-visual{animation:radio-signal .75s .24s ease-out}.route-arrow{transition:translate .2s}.value-discovery:hover .route-arrow{translate:3px 0}.faq-list details[open] p{animation:answer-in .22s ease-out}.faq-list summary:after{transition:background .18s,color .18s}.catalogue-covers img{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.value-catalogue:hover .catalogue-covers img:nth-child(1){transform:translateY(-3px) rotate(-2deg)}.value-catalogue:hover .catalogue-covers img:nth-child(2){transform:translateY(-6px)}.value-catalogue:hover .catalogue-covers img:nth-child(3){transform:translateY(-3px) rotate(2deg)}
@keyframes radio-intro{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes radio-signal{0%{box-shadow:0 0 0 0 #c4a1ff55;background:#c4a1ff2b}100%{box-shadow:0 0 0 12px #c4a1ff00;background:#c4a1ff18}}
@keyframes answer-in{from{opacity:.5;translate:0 -3px}to{opacity:1;translate:0 0}}
@keyframes button-sheen{from{left:-65%}to{left:135%}}
@media(hover:hover) and (pointer:fine){.button:hover:before{animation:button-sheen .65s ease-out}}
@media(max-width:1150px){.spotify-form{padding:20px}.spotify-form .input-action{flex-wrap:nowrap}.spotify-form .input-action input{flex-basis:auto}.spotify-form .input-action .button{width:auto;margin:0;font-size:12px;padding-inline:14px}.spotify-form label{font-size:17px}.track-link-status{font-size:9px}}
@media(max-width:800px){.spotify-form .input-action .button{font-size:13px;padding-inline:18px}.spotify-form{max-width:620px}}
@media(max-width:520px){.hero-copy{animation-duration:.5s}.spotify-form{padding:19px 17px 18px;border-radius:20px;margin-top:27px;box-shadow:6px 6px 0 var(--contest-lav)}.spotify-form:focus-within{box-shadow:7px 7px 0 var(--contest-lav),0 0 0 3px #7c3aed16}.form-heading{margin-bottom:13px;gap:8px;min-height:24px;flex-wrap:wrap}.spotify-form label{font-size:17px;line-height:1.35}.track-link-status{font-size:10px}.spotify-form .input-action{flex-wrap:wrap;padding:9px 8px 8px 14px;gap:8px;border-radius:12px}.spotify-form .input-action input{flex-basis:calc(100% - 44px);font-size:12px;min-height:45px;padding-block:10px}.spotify-form .input-action .button{width:100%;margin-left:-6px;min-height:50px;font-size:13px;border-radius:8px}.spotify-form .input-action .spotify-icon{width:22px;height:22px}.spotify-form .form-note{font-size:11px;line-height:1.8;margin-top:13px}.hero-demo{font-size:11px;margin-top:20px;min-height:30px}.hero-description{max-width:350px;font-size:16px;line-height:1.75}.hero-record{max-width:300px}.hero-grid{gap:47px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-record,.faq-list details[open] p,.value-discovery:hover .journey-node .journey-visual{animation:none!important}.hero-record,.hero-record:hover{transform:rotate(2deg);transition:none}.button:before{display:none}.nav-action .icon,.route-arrow,.journey-visual,.spotify-form,.catalogue-covers img{transition:none}.nav-action:hover .icon,.value-discovery:hover .route-arrow{translate:none}.value-catalogue:hover .catalogue-covers img{transform:none}}