/* FREELIVE / CRYSTAL EXPERIENCE. Artwork remains unfiltered and undistorted. */
.ice-definitions{position:absolute;overflow:hidden;pointer-events:none}
.hero{isolation:isolate;overflow:hidden}
.hero-ice{position:absolute;inset:0 0 102px;z-index:3;pointer-events:none;overflow:hidden}
.hero-bottom{position:relative;z-index:4}
.hero-aurora{position:absolute;inset:-20%;background:conic-gradient(from 215deg at 0 75%,transparent 0deg,#b7edff15 13deg,transparent 29deg,#75baff18 47deg,transparent 66deg);transform:translate3d(calc(var(--pointer-x,0)*14px),calc(var(--pointer-y,0)*10px),0);mix-blend-mode:screen}
.hero-refraction{position:absolute;inset:0;border:1px solid #c6ecff24;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:linear-gradient(115deg,transparent 38%,#d6f7ff12 39%,transparent 40%,transparent 72%,#ccefff14 73%,transparent 74%);opacity:.75}
.ice-fragment{position:absolute;overflow:visible;filter:drop-shadow(0 0 14px #65caff6b);transform:translate3d(calc(var(--pointer-x,0)*var(--depth,12px)),calc(var(--hero-drift,0px) + var(--pointer-y,0)*12px),0) rotate(var(--angle,0deg));will-change:transform}
.fragment-1{width:9%;left:-3%;top:17%;--angle:25deg;--depth:20px;--float:23px;--duration:8s}
.fragment-2{width:5%;left:45%;top:4%;--angle:-33deg;--depth:-14px;--float:-17px;--duration:11s;opacity:.65}
.fragment-3{width:11%;right:-5%;top:31%;--angle:-24deg;--depth:30px;--float:27px;--duration:9s}
.fragment-4{width:7%;left:28%;bottom:-12%;--angle:58deg;--depth:-20px;--float:18px;--duration:12s}
.fragment-5{width:4%;right:4%;top:3%;--angle:18deg;--depth:16px;--float:-20px;--duration:10s;opacity:.8}
.motion-on .ice-fragment{animation:ice-float var(--duration,10s) ease-in-out infinite alternate}
@keyframes ice-float{from{translate:0 calc(var(--float,20px)*-.5);rotate:-4deg}to{translate:0 var(--float,20px);rotate:7deg}}
.motion-on .hero-refraction{animation:hero-light-enter 2.2s ease-out both}
@keyframes hero-light-enter{from{opacity:0;translate:-8% 0}to{opacity:.75;translate:0 0}}
.motion-on .hero-aurora{animation:aurora-breathe 9s ease-in-out infinite alternate}
@keyframes aurora-breathe{from{opacity:.35;rotate:-3deg}to{opacity:.9;rotate:3deg}}
.ribbon{display:block;position:relative;z-index:5;padding:21px 0;overflow:hidden;border-block:1px solid #effaff;box-shadow:0 10px 40px #63b9ff19;background:linear-gradient(105deg,#b6d8f3,#fff 45%,#d8edff 72%,#a1c9ea);color:#335f89;font-weight:700;font-size:clamp(14px,1.8vw,25px)}
.ribbon-track{display:flex;width:max-content;white-space:nowrap}
.ribbon-track>span{display:block;flex-shrink:0;padding-right:40px;letter-spacing:.17em}
.ribbon-track i{font-style:normal;padding-inline:30px;color:#87b2d4}
.motion-on .ribbon-track{animation:ice-marquee 26s linear infinite}
@keyframes ice-marquee{to{transform:translateX(-50%)}}
.section-facets{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.section>.container{position:relative;z-index:1}
.edge-crystal{position:absolute;opacity:.24;filter:drop-shadow(0 0 24px #63bfff55);transform:translateY(var(--scene-drift,0px)) rotate(var(--edge-angle,18deg));will-change:transform}
.edge-crystal-a{width:clamp(120px,17vw,260px);left:-8%;top:9%;--edge-angle:35deg}
.edge-crystal-b{width:clamp(120px,14vw,240px);right:-7%;bottom:1%;--edge-angle:-32deg}
.edge-crystal-c{width:clamp(140px,22vw,340px);right:-11%;top:0;--edge-angle:28deg}
.ice-beam{position:absolute;height:1px;width:120%;background:linear-gradient(90deg,transparent,#b6e6ff6b,transparent);left:-10%;top:50%;rotate:-24deg;transform:translateY(var(--scene-drift,0px));box-shadow:0 0 30px #6ec8ff55;opacity:.3}
.about{background:radial-gradient(ellipse at 79% 40%,#235f954d,transparent 63%),linear-gradient(155deg,#092448,#061a35)}
.voices-orbit{border-color:#b8e7ff42;box-shadow:0 0 0 40px #afdfff07,0 0 0 85px #afdfff04;transform:rotate(calc(-28deg + var(--pointer-x,0)*5deg)) translateY(var(--orbit-drift,0px));transition:border-color .4s}
.voices-orbit:after{border-color:#b3e3ff2c}
.voice-card{transition:box-shadow .35s,border-color .35s;background:linear-gradient(145deg,#96d8ff38,#4c82b71a);--float-delay:0s}
.voice-card:hover{border-color:#edfbff;box-shadow:0 0 0 1px #b1e4ff70,0 0 30px #6cbfff45,0 18px 38px #000d2855;z-index:2}
.motion-on .voice-card{animation:voice-float 7s ease-in-out var(--float-delay) infinite alternate}
.voice-card-2{--float-delay:-2s}.voice-card-3{--float-delay:-4s}.voice-card-4{--float-delay:-1s}.voice-card-5{--float-delay:-5s}.voice-card-6{--float-delay:-3s}.voice-card-7{--float-delay:-6s}
@keyframes voice-float{from{translate:0 -5px}to{translate:0 5px}}
.motion-on .voices-star{animation:star-turn 12s ease-in-out infinite alternate}
@keyframes star-turn{from{rotate:-10deg;scale:.8}to{rotate:32deg;scale:1.1}}
.freedom-gate{position:relative;height:430px;isolation:isolate;overflow:hidden;border-block:1px solid #a8dcff2e;background:radial-gradient(ellipse at 50% 48%,#1671b65c,transparent 58%),#04152e;display:flex;align-items:flex-end;justify-content:center;padding-bottom:37px}
.gate-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#9dcaff09 1px,transparent 1px),linear-gradient(90deg,#9dcaff09 1px,transparent 1px);background-size:75px 75px;mask-image:radial-gradient(ellipse,black,transparent 72%)}
.gate-halo{position:absolute;left:50%;top:41%;width:590px;height:250px;border:1px solid #b6e6ff26;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(-20deg + var(--gate-progress,0)*32deg));box-shadow:0 0 0 35px #a0d4ff07,0 0 0 70px #a0d4ff04}
.gate-word{position:absolute;z-index:0;font:italic 900 clamp(60px,10.2vw,154px)/.9 Arial,sans-serif;white-space:nowrap;letter-spacing:-.065em;color:#e3f6ff;pointer-events:none;will-change:transform}
.gate-word-a{left:6%;top:42px;transform:translateX(calc(var(--gate-progress,0)*-65px));opacity:.88}
.gate-word-b{right:12%;top:179px;color:transparent;-webkit-text-stroke:1px #b4dfffbd;transform:translateX(calc(var(--gate-progress,0)*95px))}
.gate-crystal{position:absolute;z-index:1;width:230px;height:auto;left:calc(50% - 115px);top:8px;filter:drop-shadow(0 0 24px #63c6ff45);transform:translateY(calc(var(--gate-progress,0)*-30px)) rotate(calc(-24deg + var(--gate-progress,0)*50deg));will-change:transform}
.gate-message{position:relative;z-index:2;text-align:center;font-size:16px;letter-spacing:.19em;color:#e1f3ff;line-height:1.9}
.gate-message span{display:block;font:9px/2.5 Arial,sans-serif;letter-spacing:.3em;color:#8ebddb}
.support-card{isolation:isolate;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease-out,border-color .3s,box-shadow .3s;background:linear-gradient(150deg,#ffffff0e,#4b9ade09)}
.support-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(350px circle at var(--light-x,50%) var(--light-y,20%),#90d6ff25,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}
.support-card:hover:before{opacity:1}
.support-card:hover{border-color:#badfff;box-shadow:0 15px 45px #00112b70}
.button,.nav-entry{position:relative;overflow:hidden;isolation:isolate;translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .2s ease-out,transform .2s,box-shadow .3s,background .3s}
.button:after,.nav-entry:after{content:"";position:absolute;inset:-70% -30%;background:linear-gradient(100deg,transparent 42%,#fff6 49%,transparent 56%);transform:translateX(-130%) rotate(-12deg);pointer-events:none}
.motion-on .button:hover:after,.motion-on .nav-entry:hover:after{animation:button-ice .8s ease-out}
@keyframes button-ice{to{transform:translateX(130%) rotate(-12deg)}}
.motion-on .scroll-link span{animation:scroll-arrow 1.8s ease-in-out infinite}
@keyframes scroll-arrow{50%{translate:0 7px}}
.audition-panel:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:1px solid #d8f7ff35;box-shadow:inset 0 0 70px #a3deff0e}
.motion-on .reveal-pending{opacity:0;translate:0 38px}
.motion-on .reveal-done{animation:crystal-arrive .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes crystal-arrive{from{opacity:0;translate:0 38px}to{opacity:1;translate:0 0}}
.page-progress{position:fixed;z-index:80;left:0;top:0;width:100%;height:2px;background:#dcf7ff;box-shadow:0 0 12px #83d6ff;transform-origin:left;transform:scaleX(var(--page-progress,0));pointer-events:none}
.crystal-cursor{position:fixed;inset:0;width:100%;height:100%;z-index:45;pointer-events:none}
.motion-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid #bddfff55;background:#061934dc;color:#c4e3fa;padding:10px 13px;min-height:40px;font-family:inherit;font-size:10px;line-height:1.2;letter-spacing:.1em;cursor:pointer;white-space:nowrap;box-shadow:0 4px 20px #00152e40}
.motion-toggle[hidden]{display:none}
.motion-toggle>span:first-child{font-size:17px}
.motion-toggle:focus-visible{outline:2px solid #d3f5ff;outline-offset:4px}
.motion-toggle:hover{background:#183c63}
.motion-off .crystal-cursor{display:none}
.motion-off .reveal-pending{opacity:1;translate:none}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(max-width:700px){
  .hero-ice{bottom:160px}.fragment-1{width:19%;left:-10%;top:20%}.fragment-2{width:8%;left:82%;top:6%}.fragment-3{width:20%;right:-13%;top:71%}.fragment-4{width:13%;left:5%;bottom:1%}.fragment-5{display:none}
  .ribbon{padding:16px 0;font-size:13px}.ribbon-track i{padding-inline:20px}.ribbon-track>span{padding-right:25px}
  .freedom-gate{height:290px;padding-bottom:24px}.gate-word{font-size:clamp(47px,12.5vw,85px)}.gate-word-a{top:41px;left:5%;transform:translateX(calc(var(--gate-progress,0)*-24px))}.gate-word-b{top:122px;right:7%;transform:translateX(calc(var(--gate-progress,0)*34px))}
  .gate-crystal{width:150px;left:calc(50% - 75px);top:4px}.gate-halo{width:370px;height:165px}.gate-message{font-size:11px;letter-spacing:.12em}.gate-message span{font-size:8px}
  .site-header{gap:12px;padding-inline:18px}.site-header .brand{font-size:clamp(18px,5.7vw,23px)}.site-header nav{gap:8px}.site-header .nav-entry{padding-inline:10px;gap:10px}
  .motion-toggle{width:32px;min-height:42px;padding:0;border-color:#bddfff30;background:transparent}.motion-label{display:none}
  .edge-crystal{opacity:.16}.edge-crystal-a{left:-22%}.edge-crystal-b{right:-24%}.edge-crystal-c{right:-28%}
  .voice-name{font-size:10px}.voices-signature{display:none}
}
@media(hover:none){.support-card{transform:none!important}.button,.nav-entry{translate:none!important}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}
  .reveal-pending{opacity:1!important;translate:none!important}.crystal-cursor{display:none!important}
  .ice-fragment,.edge-crystal,.gate-word,.gate-crystal,.gate-halo,.hero-aurora{will-change:auto}
}