/* The set goes on: a full-size closing chapter for J:E. */
.footer.footer-experience{--footer-x:0;--footer-y:0;--footer-scroll:0;display:block;position:relative;isolation:isolate;overflow:hidden;background:#111218;color:#f2f1ec;padding:clamp(110px,12vw,180px) 6vw 34px;font-family:var(--body);font-size:16px;letter-spacing:0;z-index:1}
.footer-experience:before{content:'';position:absolute;inset:0;background:url('assets/j-e-urban-surface.webp') center/cover;opacity:.07;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000);mask-image:linear-gradient(transparent,#000 30%,#000)}
.footer-glow{position:absolute;right:-6%;top:5%;width:60%;height:75%;background:radial-gradient(ellipse at 30% 35%,rgba(255,91,36,.27),transparent 48%),radial-gradient(ellipse at 70% 65%,rgba(69,218,224,.2),transparent 50%),radial-gradient(ellipse at 65% 25%,rgba(216,117,251,.17),transparent 52%);filter:blur(55px);transform:translate(calc(var(--footer-x)*36px),calc(var(--footer-y)*28px));z-index:-1;pointer-events:none;animation:jeFooterGlow 11s ease-in-out infinite alternate;animation-play-state:paused}
.is-footer-active .footer-glow{animation-play-state:running}
.footer-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:5vw;max-width:1650px;margin:auto auto 62px}
.footer-heading .eyebrow{display:block;color:#bcb8c8;font-size:12px;letter-spacing:.15em;margin-bottom:30px}
.footer-heading h2{font-family:var(--display);font-size:clamp(90px,11.5vw,184px);line-height:.94;letter-spacing:-.025em;font-weight:400;text-transform:uppercase;margin:0}
.footer-heading h2 em{font-family:var(--display);font-weight:400;font-style:normal;display:block;font-size:.75em;line-height:1.02;text-transform:uppercase;letter-spacing:-.015em;color:#ff7847;padding-bottom:.08em;margin-top:8px}
.footer-heading p{margin-top:26px;color:#c1bacb;font-size:14px;letter-spacing:.12em;font-weight:650}
.footer-emblem{position:relative;perspective:800px;display:grid;place-items:center;min-width:0;pointer-events:none}
.footer-emblem img{width:min(100%,390px);height:auto;filter:drop-shadow(0 0 22px rgba(69,218,224,.18));transform:translate(calc(var(--footer-x)*16px),calc(var(--footer-y)*12px + var(--footer-scroll)*35px)) rotate(-10deg) rotateY(calc(var(--footer-x)*12deg)) rotateX(calc(var(--footer-y)*-10deg));will-change:transform}
.footer-experience .footer-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1650px;margin:auto!important;width:auto!important;order:initial!important}
.footer-platform{--platform-color:#ff8b59;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;min-width:0;min-height:170px;overflow:hidden;isolation:isolate;padding:23px 24px;border-radius:20px;background:rgba(241,230,255,.055);border:1px solid rgba(231,214,248,.16);color:#f2f1ec;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s}
.footer-platform[data-footer-platform="Spotify"]{--platform-color:#73eda4}.footer-platform[data-footer-platform="YouTube Music"]{--platform-color:#ff7878}.footer-platform[data-footer-platform="Instagram"]{--platform-color:#d798ff}
.footer-platform:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--card-x,50%) var(--card-y,100%),color-mix(in srgb,var(--platform-color) 18%,transparent),transparent 75%);opacity:0;transition:opacity .4s;pointer-events:none}
.footer-platform:hover,.footer-platform:focus-visible{transform:translateY(-6px);border-color:var(--platform-color);background:rgba(241,230,255,.08)}.footer-platform:hover:before,.footer-platform:focus-visible:before{opacity:1}
.footer-platform__top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px;font-weight:650;color:#b5aebf;letter-spacing:.03em}
.footer-platform strong{display:block;font-size:clamp(22px,2.25vw,37px);font-weight:750;line-height:1.12;letter-spacing:-.035em;margin:20px 0 9px;color:#f2f1ec;transition:color .3s}.footer-platform:hover strong,.footer-platform:focus-visible strong{color:var(--platform-color)}
.footer-platform__account{display:block;font-size:13px;color:#c5bece;line-height:1.4}
.footer-bottom{max-width:1650px;margin:48px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;font-size:13px;color:#c2bacb}
.footer-experience .footer-brand{display:flex;align-items:center;gap:14px;width:auto;min-height:44px;font-family:var(--body);font-size:13px;font-weight:650;letter-spacing:.035em}.footer-brand img{width:38px;height:32px;object-fit:contain}
.footer-bottom nav{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;margin:0;width:auto;order:initial;font-size:14px}.footer-bottom nav a,.footer-bottom nav button{display:inline-flex;align-items:center;min-height:44px;font:inherit;color:#f2f1ec;background:none;padding:0}.footer-bottom nav a:hover,.footer-bottom nav button:hover{color:#ff8753;transform:none}
.footer-signoff{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1650px;margin:20px auto 0;color:#a99faf;font-size:12px}.footer-experience .site-credit{opacity:1;font-size:12px;letter-spacing:.07em}.footer-top-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:#c5bece}
.footer-experience :focus-visible{outline:2px solid #75eff3;outline-offset:5px}
@keyframes jeFooterGlow{0%{opacity:.75;scale:1;rotate:-6deg}100%{opacity:1;scale:1.12;rotate:7deg}}
@media(max-width:1000px){.footer-platform{padding:20px;min-height:170px}.footer-experience .footer-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-platform strong{font-size:32px}.footer-bottom{grid-template-columns:1fr auto;gap:12px}.footer-bottom nav{grid-column:1/3;grid-row:2;justify-content:flex-start;gap:25px}.footer-heading h2{font-size:12.5vw}}
@media(max-width:640px){:root{--music-dock-height:116px}.footer.footer-experience{padding:128px 20px 28px}.footer-hero{grid-template-columns:1fr;gap:36px;margin-bottom:36px}.footer-heading .eyebrow{margin-bottom:24px}.footer-heading h2{font-size:clamp(78px,23.7vw,132px);line-height:.98}.footer-heading h2 em{font-size:.8em;margin-top:3px}.footer-heading p{margin-top:18px;font-size:12px;letter-spacing:.1em}.footer-emblem{width:60%;max-width:240px;justify-self:end;min-height:180px;margin:-20px 4% 0 0}.footer-emblem img{width:100%}.footer-glow{right:-30%;top:15%;width:115%;height:55%;filter:blur(35px)}.footer-experience .footer-platforms{gap:10px}.footer-platform{padding:18px 15px;min-height:165px;border-radius:16px}.footer-platform strong{font-size:clamp(18px,5.1vw,23px);margin-top:22px}.footer-platform__top{font-size:12px;gap:6px}.footer-platform__account{font-size:12px;overflow-wrap:anywhere}.footer-bottom{margin-top:30px;gap:15px}.footer-brand span{max-width:110px;line-height:1.5}.footer-bottom nav{gap:22px;font-size:14px}.footer-signoff{margin-top:18px;gap:20px;align-items:flex-start;line-height:1.7}.footer-experience .site-credit{font-size:12px;max-width:130px;text-align:right;letter-spacing:.04em}}
.reduce-motion .footer-glow{animation:none}.reduce-motion .footer-emblem img{transform:rotate(-10deg)}
@media(prefers-reduced-motion:reduce){.footer-glow{animation:none}.footer-emblem img{transform:rotate(-10deg)}.footer-platform{transition:none}.footer-platform:hover,.footer-platform:focus-visible{transform:none}}
@media print{.footer-glow{display:none}.footer-emblem img{transform:none}.footer.footer-experience{padding-top:40px}.footer-experience .footer-platforms{grid-template-columns:repeat(4,minmax(0,1fr))}}