:root{--amb-tempo: 1.9;--amb-drift-a: calc(149s / var(--amb-tempo));--amb-drift-b: calc(139s / var(--amb-tempo));--amb-drift-c: calc(137s / var(--amb-tempo));--amb-drift-d: calc(131s / var(--amb-tempo));--amb-drift-e: calc(127s / var(--amb-tempo));--amb-drift-f: calc(113s / var(--amb-tempo));--amb-drift-g: calc(109s / var(--amb-tempo));--amb-drift-h: calc(107s / var(--amb-tempo));--amb-drift-i: calc(103s / var(--amb-tempo));--amb-drift-j: calc(101s / var(--amb-tempo));--amb-drift-k: calc(97s / var(--amb-tempo));--amb-drift-l: calc(89s / var(--amb-tempo));--amb-drift-m: calc(83s / var(--amb-tempo));--amb-drift-n: calc(79s / var(--amb-tempo));--amb-drift-o: calc(73s / var(--amb-tempo));--amb-drift-p: calc(71s / var(--amb-tempo));--amb-pulse-a: calc(67s / var(--amb-tempo));--amb-pulse-b: calc(61s / var(--amb-tempo));--amb-pulse-c: calc(59s / var(--amb-tempo));--amb-pulse-d: calc(53s / var(--amb-tempo));--amb-pulse-e: calc(47s / var(--amb-tempo));--amb-pulse-f: calc(43s / var(--amb-tempo));--amb-pulse-g: calc(41s / var(--amb-tempo));--amb-pulse-h: calc(37s / var(--amb-tempo));--amb-pulse-i: calc(31s / var(--amb-tempo));--amb-pulse-j: calc(29s / var(--amb-tempo));--amb-pulse-k: calc(23s / var(--amb-tempo));--amb-pulse-l: calc(19s / var(--amb-tempo));--amb-pulse-m: calc(17s / var(--amb-tempo));--amb-pulse-n: calc(13s / var(--amb-tempo));--amb-pulse-o: calc(11s / var(--amb-tempo));--amb-pulse-p: calc(7s / var(--amb-tempo));--amb-tilt-a: calc(233s / var(--amb-tempo));--amb-tilt-b: calc(229s / var(--amb-tempo));--amb-tilt-c: calc(227s / var(--amb-tempo));--amb-tilt-d: calc(223s / var(--amb-tempo));--amb-tilt-e: calc(211s / var(--amb-tempo));--amb-tilt-f: calc(199s / var(--amb-tempo));--amb-tilt-g: calc(197s / var(--amb-tempo));--amb-tilt-h: calc(193s / var(--amb-tempo));--amb-tilt-i: calc(191s / var(--amb-tempo));--amb-tilt-j: calc(181s / var(--amb-tempo));--amb-tilt-k: calc(179s / var(--amb-tempo));--amb-tilt-l: calc(173s / var(--amb-tempo));--amb-tilt-m: calc(167s / var(--amb-tempo));--amb-tilt-n: calc(163s / var(--amb-tempo));--amb-tilt-o: calc(157s / var(--amb-tempo));--amb-tilt-p: calc(151s / var(--amb-tempo));--amb-life-a: calc(331s / var(--amb-tempo));--amb-life-b: calc(317s / var(--amb-tempo));--amb-life-c: calc(313s / var(--amb-tempo));--amb-life-d: calc(311s / var(--amb-tempo));--amb-life-e: calc(307s / var(--amb-tempo));--amb-life-f: calc(293s / var(--amb-tempo));--amb-life-g: calc(283s / var(--amb-tempo));--amb-life-h: calc(281s / var(--amb-tempo));--amb-life-i: calc(277s / var(--amb-tempo));--amb-life-j: calc(271s / var(--amb-tempo));--amb-life-k: calc(269s / var(--amb-tempo));--amb-life-l: calc(263s / var(--amb-tempo));--amb-life-m: calc(257s / var(--amb-tempo));--amb-life-n: calc(251s / var(--amb-tempo));--amb-life-o: calc(241s / var(--amb-tempo));--amb-life-p: calc(239s / var(--amb-tempo));--amb-dim-a: calc(367s / var(--amb-tempo));--amb-dim-b: calc(359s / var(--amb-tempo));--amb-dim-c: calc(353s / var(--amb-tempo));--amb-dim-d: calc(349s / var(--amb-tempo));--amb-dim-e: calc(347s / var(--amb-tempo));--amb-dim-f: calc(337s / var(--amb-tempo))}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;--phase: 0s;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mix-blend-mode:var(--amb-blend)}.ambient__flow{position:absolute;top:0;right:0;bottom:0;left:0}.ambient i{position:absolute;display:block;border-radius:50%;opacity:.7;--lag: 0s;--delay: calc(var(--phase) + var(--lag));transform:scale(calc(1 + var(--ab, 0) * .0075))}.ambient[data-beat] i:nth-child(1),.ambient[data-beat] i:nth-child(2),.ambient[data-beat] i:nth-child(3),.ambient[data-beat] i:nth-child(5),.ambient[data-beat] i:nth-child(8),.ambient[data-beat] i:nth-child(10){filter:brightness(calc(1 + var(--ab, 0) * .1425))}.ambient i:nth-child(1){--lag: -0s;width:48vmax;height:48vmax;top:-12%;left:-8%;background:radial-gradient(circle,hsl(var(--sec-hue) calc(var(--amb-sat) + 4%) calc(var(--amb-lit) - 3%)),transparent 65%);animation:float-a var(--amb-drift-a) ease-in-out var(--delay) infinite,bell-a var(--amb-pulse-a) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-a var(--amb-tilt-a) ease-in-out var(--delay) infinite,life-steady var(--amb-life-a) ease-in-out var(--delay) infinite}.ambient i:nth-child(2){--lag: -11s;width:40vmax;height:40vmax;top:25%;right:-12%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 26 * var(--amb-spread)) var(--amb-sat) calc(var(--amb-lit) - 1%)),transparent 65%);animation:float-b var(--amb-drift-b) ease-in-out var(--delay) infinite,bell-b var(--amb-pulse-b) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-b var(--amb-tilt-b) ease-in-out var(--delay) infinite,life-steady var(--amb-life-b) ease-in-out var(--delay) infinite}.ambient i:nth-child(3){--lag: -23s;width:33vmax;height:33vmax;bottom:-8%;left:22%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 18 * var(--amb-spread)) calc(var(--amb-sat) - 4%) calc(var(--amb-lit) - 7%)),transparent 65%);animation:float-c var(--amb-drift-c) ease-in-out var(--delay) infinite,bell-c var(--amb-pulse-c) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-c var(--amb-tilt-c) ease-in-out var(--delay) infinite,life-steady var(--amb-life-c) ease-in-out var(--delay) infinite}.ambient i:nth-child(4){--lag: -34s;width:28vmax;height:28vmax;top:54%;left:2%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 12 * var(--amb-spread)) calc(var(--amb-sat) - 2%) var(--amb-lit)),transparent 65%);animation:float-d var(--amb-drift-d) ease-in-out var(--delay) infinite,bell-d var(--amb-pulse-d) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-d var(--amb-tilt-d) ease-in-out var(--delay) infinite,life-visit var(--amb-life-d) ease-in-out var(--delay) infinite,dim-ebb var(--amb-dim-a) ease-in-out var(--delay) infinite}.ambient i:nth-child(5){--lag: -44s;width:24vmax;height:24vmax;top:6%;right:20%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 30 * var(--amb-spread)) calc(var(--amb-sat) + 2%) calc(var(--amb-lit) + 1%)),transparent 65%);animation:float-e var(--amb-drift-e) ease-in-out var(--delay) infinite,bell-e var(--amb-pulse-e) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-a var(--amb-tilt-e) ease-in-out var(--delay) infinite,life-visit-b var(--amb-life-e) ease-in-out var(--delay) infinite}.ambient i:nth-child(6){--lag: -56s;width:22vmax;height:22vmax;top:30%;right:30%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 6 * var(--amb-spread)) calc(var(--amb-sat) - 1%) calc(var(--amb-lit) + 1%)),transparent 65%);animation:float-f var(--amb-drift-f) ease-in-out var(--delay) infinite,pump-a var(--amb-pulse-f) linear var(--delay) infinite,tilt-b var(--amb-tilt-f) ease-in-out var(--delay) infinite,life-visit var(--amb-life-f) ease-in-out var(--delay) infinite,dim-ebb-b var(--amb-dim-b) ease-in-out var(--delay) infinite}.ambient i:nth-child(7){--lag: -67s;width:20vmax;height:20vmax;bottom:14%;right:4%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 40 * var(--amb-spread)) var(--amb-sat) calc(var(--amb-lit) + 2%)),transparent 65%);animation:float-g var(--amb-drift-g) ease-in-out var(--delay) infinite,bell-f var(--amb-pulse-g) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-c var(--amb-tilt-g) ease-in-out var(--delay) infinite,life-visit var(--amb-life-g) ease-in-out var(--delay) infinite,dim-ebb var(--amb-dim-c) ease-in-out var(--delay) infinite}.ambient i:nth-child(8){--lag: -77s;width:17vmax;height:17vmax;top:74%;left:66%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 8 * var(--amb-spread)) calc(var(--amb-sat) + 4%) calc(var(--amb-lit) + 3%)),transparent 65%);animation:float-h var(--amb-drift-h) ease-in-out var(--delay) infinite,bell-a var(--amb-pulse-h) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-d var(--amb-tilt-h) ease-in-out var(--delay) infinite,life-visit-b var(--amb-life-h) ease-in-out var(--delay) infinite}.ambient i:nth-child(9){--lag: -89s;width:15vmax;height:15vmax;top:8%;left:58%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 46 * var(--amb-spread)) calc(var(--amb-sat) + 1%) calc(var(--amb-lit) + 3%)),transparent 65%);animation:float-i var(--amb-drift-i) ease-in-out var(--delay) infinite,pump-b var(--amb-pulse-i) linear var(--delay) infinite,tilt-a var(--amb-tilt-i) ease-in-out var(--delay) infinite,life-visit-b var(--amb-life-i) ease-in-out var(--delay) infinite,dim-ebb-b var(--amb-dim-d) ease-in-out var(--delay) infinite}.ambient i:nth-child(10){--lag: -98s;width:14vmax;height:14vmax;top:16%;left:36%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 33 * var(--amb-spread)) calc(var(--amb-sat) - 2%) calc(var(--amb-lit) + 3%)),transparent 65%);animation:float-j var(--amb-drift-j) ease-in-out var(--delay) infinite,bell-b var(--amb-pulse-j) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-b var(--amb-tilt-j) ease-in-out var(--delay) infinite,life-visit var(--amb-life-j) ease-in-out var(--delay) infinite}.ambient i:nth-child(11){--lag: -110s;width:12vmax;height:12vmax;bottom:26%;left:72%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 60 * var(--amb-spread)) calc(var(--amb-sat) + 3%) calc(var(--amb-lit) + 4%)),transparent 65%);animation:float-k var(--amb-drift-k) ease-in-out var(--delay) infinite,pump-c var(--amb-pulse-k) linear var(--delay) infinite,tilt-c var(--amb-tilt-k) ease-in-out var(--delay) infinite,life-visit var(--amb-life-k) ease-in-out var(--delay) infinite,dim-ebb var(--amb-dim-e) ease-in-out var(--delay) infinite}.ambient i:nth-child(12){--lag: -121s;width:11vmax;height:11vmax;top:70%;right:26%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 24 * var(--amb-spread)) calc(var(--amb-sat) + 2%) calc(var(--amb-lit) + 4%)),transparent 65%);animation:float-l var(--amb-drift-l) ease-in-out var(--delay) infinite,bell-c var(--amb-pulse-l) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-d var(--amb-tilt-l) ease-in-out var(--delay) infinite,life-dissolve var(--amb-life-l) ease-in-out var(--delay) infinite}.ambient i:nth-child(13){--lag: -131s;width:9vmax;height:9vmax;top:34%;right:8%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 52 * var(--amb-spread)) var(--amb-sat) calc(var(--amb-lit) + 4%)),transparent 65%);animation:float-m var(--amb-drift-m) ease-in-out var(--delay) infinite,bell-d var(--amb-pulse-m) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-a var(--amb-tilt-m) ease-in-out var(--delay) infinite,life-dissolve-b var(--amb-life-m) ease-in-out var(--delay) infinite}.ambient i:nth-child(14){--lag: -143s;width:8vmax;height:8vmax;top:12%;left:24%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 52 * var(--amb-spread)) calc(var(--amb-sat) - 1%) calc(var(--amb-lit) + 4%)),transparent 65%);animation:float-n var(--amb-drift-n) ease-in-out var(--delay) infinite,pump-d var(--amb-pulse-n) linear var(--delay) infinite,tilt-b var(--amb-tilt-n) ease-in-out var(--delay) infinite,life-visit var(--amb-life-n) ease-in-out var(--delay) infinite,dim-ebb-b var(--amb-dim-f) ease-in-out var(--delay) infinite}.ambient i:nth-child(15){--lag: -152s;width:7vmax;height:7vmax;bottom:22%;left:52%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) - 40 * var(--amb-spread)) calc(var(--amb-sat) + 4%) calc(var(--amb-lit) + 5%)),transparent 65%);animation:float-o var(--amb-drift-o) ease-in-out var(--delay) infinite,bell-e var(--amb-pulse-o) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-c var(--amb-tilt-o) ease-in-out var(--delay) infinite,life-dissolve var(--amb-life-o) ease-in-out var(--delay) infinite}.ambient i:nth-child(16){--lag: -164s;width:6vmax;height:6vmax;top:46%;right:44%;background:radial-gradient(circle,hsl(calc(var(--sec-hue) + 18 * var(--amb-spread)) calc(var(--amb-sat) + 2%) calc(var(--amb-lit) + 5%)),transparent 65%);animation:float-p var(--amb-drift-p) ease-in-out var(--delay) infinite,bell-f var(--amb-pulse-p) cubic-bezier(.4,0,.5,1) var(--delay) infinite,tilt-d var(--amb-tilt-p) ease-in-out var(--delay) infinite,life-dissolve-b var(--amb-life-p) ease-in-out var(--delay) infinite}.section:nth-child(2) .ambient{--phase: -11s}.section:nth-child(3) .ambient{--phase: -23s}.section:nth-child(4) .ambient{--phase: -7s}.section:nth-child(5) .ambient{--phase: -31s}.section:nth-child(6) .ambient{--phase: -17s}@keyframes float-a{0%{translate:0vw 0vh}22%{translate:4vw -6vh}45%{translate:7vw -1vh}68%{translate:3vw -7vh}85%{translate:-2vw -3vh}to{translate:0 0}}@keyframes float-b{0%{translate:0vw 0vh}18%{translate:-5vw -4vh}40%{translate:-8vw 2vh}63%{translate:-4vw -5vh}82%{translate:2vw -1vh}to{translate:0 0}}@keyframes float-c{0%{translate:0vw 0vh}25%{translate:5vw -5vh}48%{translate:9vw 1vh}70%{translate:4vw -6vh}88%{translate:-1vw -2vh}to{translate:0 0}}@keyframes float-d{0%{translate:0vw 0vh}20%{translate:6vw 5vh}44%{translate:11vw -2vh}67%{translate:5vw 7vh}86%{translate:-3vw 3vh}to{translate:0 0}}@keyframes float-e{0%{translate:0vw 0vh}27%{translate:-7vw 6vh}51%{translate:-12vw -3vh}72%{translate:-6vw 8vh}89%{translate:3vw 2vh}to{translate:0 0}}@keyframes float-f{0%{translate:0vw 0vh}16%{translate:9vw -7vh}35%{translate:3vw 9vh}58%{translate:14vw 4vh}76%{translate:6vw -6vh}91%{translate:-4vw 2vh}to{translate:0 0}}@keyframes float-g{0%{translate:0vw 0vh}19%{translate:-10vw 8vh}38%{translate:-4vw -9vh}61%{translate:-16vw -2vh}80%{translate:-7vw 7vh}93%{translate:5vw -3vh}to{translate:0 0}}@keyframes float-h{0%{translate:0vw 0vh}21%{translate:8vw -6vh}44%{translate:2vw 7vh}66%{translate:12vw 3vh}85%{translate:-3vw -4vh}to{translate:0 0}}@keyframes float-i{0%{translate:0vw 0vh}17%{translate:-9vw -5vh}39%{translate:-3vw 8vh}63%{translate:-14vw 2vh}84%{translate:4vw -3vh}to{translate:0 0}}@keyframes float-j{0%{translate:0vw 0vh}23%{translate:7vw 9vh}46%{translate:15vw -4vh}69%{translate:5vw 10vh}88%{translate:-5vw 4vh}to{translate:0 0}}@keyframes float-k{0%{translate:0vw 0vh}15%{translate:-11vw 7vh}34%{translate:-5vw -10vh}57%{translate:-18vw -3vh}78%{translate:-6vw 8vh}92%{translate:6vw -4vh}to{translate:0 0}}@keyframes float-l{0%{translate:0vw 0vh}18%{translate:10vw -9vh}37%{translate:4vw 11vh}60%{translate:17vw 5vh}81%{translate:7vw -8vh}94%{translate:-6vw 3vh}to{translate:0 0}}@keyframes float-m{0%{translate:0vw 0vh}20%{translate:-8vw -10vh}41%{translate:-2vw 9vh}64%{translate:-16vw 4vh}83%{translate:5vw -7vh}to{translate:0 0}}@keyframes float-n{0%{translate:0vw 0vh}14%{translate:12vw 6vh}33%{translate:5vw -11vh}56%{translate:19vw -2vh}79%{translate:8vw 9vh}93%{translate:-5vw 3vh}to{translate:0 0}}@keyframes float-o{0%{translate:0vw 0vh}22%{translate:-13vw 8vh}43%{translate:-6vw -12vh}66%{translate:-20vw 3vh}87%{translate:4vw 6vh}to{translate:0 0}}@keyframes float-p{0%{translate:0vw 0vh}16%{translate:11vw -10vh}36%{translate:3vw 12vh}59%{translate:22vw 6vh}82%{translate:9vw -9vh}95%{translate:-7vw 4vh}to{translate:0 0}}@keyframes bell-a{0%,to{scale:1 1}35%{scale:.9 1.12}65%{scale:1.07 .94}}@keyframes bell-b{0%,to{scale:1 1}32%{scale:1.08 .92}68%{scale:.93 1.09}}@keyframes bell-c{0%,to{scale:1 1}38%{scale:.92 1.1}70%{scale:1.05 .96}}@keyframes bell-d{0%,to{scale:1 1}30%{scale:1.1 .93}66%{scale:.94 1.08}}@keyframes bell-e{0%,to{scale:1 1}36%{scale:.89 1.13}72%{scale:1.09 .93}}@keyframes bell-f{0%,to{scale:1 1}33%{scale:1.12 .9}69%{scale:.91 1.11}}@keyframes pump-a{0%{scale:1 1;animation-timing-function:cubic-bezier(.16,.84,.3,1)}15%{scale:.76 1.24;animation-timing-function:cubic-bezier(.3,0,.5,1)}60%{scale:1.06 .95;animation-timing-function:ease-in-out}to{scale:1 1}}@keyframes pump-b{0%{scale:1 1;animation-timing-function:cubic-bezier(.18,.82,.28,1)}12%{scale:.8 1.2;animation-timing-function:cubic-bezier(.32,0,.48,1)}55%{scale:1.05 .96;animation-timing-function:ease-in-out}to{scale:1 1}}@keyframes pump-c{0%{scale:1 1;animation-timing-function:cubic-bezier(.14,.86,.26,1)}17%{scale:.73 1.27;animation-timing-function:cubic-bezier(.28,0,.5,1)}64%{scale:1.07 .94;animation-timing-function:ease-in-out}to{scale:1 1}}@keyframes pump-d{0%{scale:1 1;animation-timing-function:cubic-bezier(.2,.8,.3,1)}13%{scale:.78 1.22;animation-timing-function:cubic-bezier(.3,0,.46,1)}58%{scale:1.04 .97;animation-timing-function:ease-in-out}to{scale:1 1}}@keyframes tilt-a{0%,to{rotate:0deg}50%{rotate:8deg}}@keyframes tilt-b{0%,to{rotate:0deg}50%{rotate:-11deg}}@keyframes tilt-c{0%,to{rotate:0deg}50%{rotate:13deg}}@keyframes tilt-d{0%,to{rotate:0deg}50%{rotate:-15deg}}@keyframes life-steady{0%,to{opacity:.32}44%{opacity:.7}}@keyframes life-visit{0%,to{opacity:0}12%{opacity:.7}62%{opacity:.7}84%{opacity:0}}@keyframes life-visit-b{0%,to{opacity:0}18%{opacity:.66}70%{opacity:.66}88%{opacity:0}}@keyframes life-dissolve{0%,to{opacity:0;filter:blur(14px) brightness(calc(1 + var(--ab, 0) * .1425))}14%{opacity:.72;filter:blur(0px) brightness(calc(1 + var(--ab, 0) * .1425))}58%{opacity:.72;filter:blur(0px) brightness(calc(1 + var(--ab, 0) * .1425))}86%{opacity:0;filter:blur(18px) brightness(calc(1 + var(--ab, 0) * .1425))}}@keyframes life-dissolve-b{0%,to{opacity:0;filter:blur(12px) brightness(calc(1 + var(--ab, 0) * .1425))}20%{opacity:.68;filter:blur(0px) brightness(calc(1 + var(--ab, 0) * .1425))}64%{opacity:.68;filter:blur(0px) brightness(calc(1 + var(--ab, 0) * .1425))}90%{opacity:0;filter:blur(20px) brightness(calc(1 + var(--ab, 0) * .1425))}}@keyframes dim-ebb{0%{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * -.12) * (1 + var(--ab, 0) * .1425)))}38%{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * .9) * (1 + var(--ab, 0) * .1425)))}62%{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * 1) * (1 + var(--ab, 0) * .1425)))}to{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * -.12) * (1 + var(--ab, 0) * .1425)))}}@keyframes dim-ebb-b{0%{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * -.04) * (1 + var(--ab, 0) * .1425)))}44%{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * .8) * (1 + var(--ab, 0) * .1425)))}70%{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * .84) * (1 + var(--ab, 0) * .1425)))}to{filter:brightness(calc((1 + (var(--amb-ebb-floor) - 1) * -.04) * (1 + var(--ab, 0) * .1425)))}}.section[data-offscreen] .ambient i{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.ambient i{animation:none;opacity:.7;filter:none;transform:none}}:root{--stack-room: 40;--submerged-floor: .55}html[data-stack],body[data-stack]{overflow:hidden;height:100dvh}body[data-stack] #app{position:relative;height:100dvh;overflow:hidden}body[data-stack] .section{position:absolute;left:0;right:0;top:calc(-1 * (var(--seam-band) / 2 + var(--seam-ambient)));height:calc(100dvh + 1dvh * var(--stack-room) + var(--seam-band) / 2 + var(--seam-ambient));padding-top:calc(var(--seam-band) / 2 + var(--seam-throw) + max(24px,var(--sec-pad) / 2));padding-bottom:calc(1dvh * var(--stack-room) + var(--cue-clear));margin:0;will-change:transform}body[data-stack] .section--footer{top:auto;bottom:calc(-1dvh * var(--stack-room));height:auto}body[data-stack] .section{filter:brightness(calc(1 + (var(--submerged-floor) - 1) * var(--submerged, 0)))}body[data-stack] [tabindex="-1"]:focus{outline:none}.ripple{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;mix-blend-mode:var(--ripple-blend)}@media (prefers-reduced-motion: reduce){.ripple{display:none}}.player{--r: 200px;--beat: 0;--prog: 0;--wat: var(--bub-wat);position:relative;width:var(--r);height:var(--r)}@keyframes player-morph{0%,to{border-radius:58% 42% 47% 53%/52% 46% 54% 48%}20%{border-radius:41% 59% 66% 34%/43% 61% 39% 57%}40%{border-radius:67% 33% 38% 62%/63% 37%}60%{border-radius:36% 64% 58% 42%/35% 65%}80%{border-radius:57% 43% 33% 67%/60% 40%}}@keyframes player-spin{to{rotate:360deg}}@keyframes player-spinback{to{rotate:-360deg}}@keyframes player-surf{0%,to{border-radius:52% 48% 0 0/17px 11px 0 0}18%{border-radius:43% 57% 0 0/10px 18px 0 0}37%{border-radius:58% 42% 0 0/19px 9px 0 0}56%{border-radius:46% 54% 0 0/12px 16px 0 0}78%{border-radius:55% 45% 0 0/16px 12px 0 0}}@keyframes player-wtilt{0%,to{rotate:-.8deg}50%{rotate:.8deg}}@keyframes player-breath{0%,to{opacity:1}50%{opacity:.65}}.player__body{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.player__body:active .player__skin{--press: .94}.player__body:focus-visible{outline:1px solid var(--aqua);outline-offset:6px}.player__rot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:player-spin 23s linear infinite}.section[data-offscreen] .player :is(.player__rot,.player__skin,.player__lvl,.player__water,.player__ico){animation-play-state:paused}.player__skin{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:58% 42% 47% 53%/52% 46% 54% 48%;animation:player-morph 13s ease-in-out infinite;scale:calc((1 + var(--beat) * .37) * var(--press, 1));box-shadow:0 0 26px var(--bub-glow);filter:brightness(calc(1 + var(--beat) * 3))}.player__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:radial-gradient(circle at 37% 29%,rgba(226,236,248,.16),transparent 40%),radial-gradient(circle at 50% 52%,hsl(var(--bub-hue) var(--bub-sat) var(--bub-lit)),hsl(calc(var(--bub-hue) + 8) calc(var(--bub-sat) - 2%) calc(var(--bub-lit) - 8%)) 62%,hsl(calc(var(--bub-hue) + 14) calc(var(--bub-sat) - 4%) calc(var(--bub-lit) - 14%)))}.player__rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 1px var(--bub-rim),inset 0 0 46px var(--bub-vignette)}.player__spec{position:absolute;left:19%;top:15%;width:26%;height:16%;border-radius:50%;z-index:2;background:radial-gradient(circle,rgba(232,240,250,.5),transparent 70%);filter:blur(6px)}.player__lvl{position:absolute;left:-50%;top:-50%;width:200%;height:200%;animation:player-spinback 23s linear infinite;opacity:clamp(0,var(--prog),1)}.player__water{position:absolute;left:0;right:0;bottom:0;top:calc(76% - var(--prog) * .52%);background:linear-gradient(180deg,hsl(var(--wat) 60% 52% / .26) 0,hsl(calc(var(--wat) + 12) 54% 42% / .2) 45%,hsl(calc(var(--wat) + 22) 50% 30% / .28));border-top:1px solid hsl(var(--wat) 78% 88% / .38);animation:player-surf 9.7s ease-in-out infinite,player-wtilt 13.9s ease-in-out infinite}.player__core{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;pointer-events:none;padding:0 19%}.player__title{grid-area:1 / 1;font-family:var(--font-body);font-size:max(9px,calc(var(--r) * .052));line-height:1.35;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--bub-text);text-shadow:0 0 10px rgb(var(--bub-halo-rgb) / .85),0 0 3px rgb(var(--bub-halo-rgb) / .7);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:opacity .32s ease}.player__ico{grid-area:1 / 1;width:calc(var(--r) * .155);height:calc(var(--r) * .155);color:var(--bub-ico);opacity:0;transition:opacity .32s ease}.player__ico svg{width:100%;height:100%;display:block}.player__ico path{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.player__nav{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;font-family:var(--font-body);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab,var(--dim) 80%,var(--text));background:none;border:0;padding:7px 10px;line-height:1;cursor:pointer;z-index:5;opacity:0;transition:color .3s ease,opacity .38s ease}.player__nav--prev{bottom:calc(100% + 14px)}.player__nav--next{top:calc(100% + 14px)}.player__nav:hover{color:var(--aqua)}.player__nav:focus-visible{outline:1px solid var(--aqua);outline-offset:3px;opacity:1}@media (hover: hover){.player:hover .player__nav,.player:focus-within .player__nav{opacity:1}.player__body:hover .player__title{opacity:0}.player__body:hover .player__ico{opacity:1}.player__body:hover .player__ico{color:var(--bub-ico-hi)}.player[data-state=idle] .player__body:hover .player__ico{animation:none;opacity:1}}.player[data-state=idle] .player__title{opacity:0;visibility:hidden;position:absolute}.player[data-state=idle] .player__ico{opacity:1;animation:player-breath 7.3s ease-in-out infinite}@media (hover: none){.player__nav{opacity:1}.player__core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--r) * .05)}.player__ico{opacity:1}}@media (prefers-reduced-motion: reduce){.player__rot,.player__skin,.player__lvl,.player__water{animation:none}.player__skin{scale:var(--press, 1);filter:none}.player__nav{opacity:1;transition:none}.player__title,.player__ico{transition:none;opacity:1}.player[data-state=idle] .player__ico{animation:none;opacity:1}.player__core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--r) * .05)}}.player--trace{position:fixed;right:var(--sec-pad);bottom:var(--cue-inset);z-index:2;transition:opacity .5s ease,visibility .5s}.player--trace.player--has-nav{bottom:calc(var(--cue-inset) + 40px)}body[data-scene=hero] .player--trace{opacity:0;visibility:hidden;pointer-events:none}.section--hero .player{position:absolute;right:var(--sec-pad);top:44%;translate:0 -50%;margin:0}@media (max-width: 1200px){.section--hero .player{--r: 300px !important}}@media (max-width: 900px){.section--hero .player{display:none}@media (min-height: 600px){.section--hero .hero__tagline{margin-bottom:28svh}}body[data-scene=hero] .player--trace{opacity:1;visibility:visible;pointer-events:auto}.section--hero .player{position:relative;right:auto;top:auto;translate:none;margin:46px 0 38px;--r: clamp(120px, 34vw, 200px) !important}}@media (max-width: 900px){.player--trace{--r: 80px !important}.player--trace,.player--trace.player--has-nav{bottom:calc(var(--cue-inset) + 4px)}.player--trace .player__nav{left:auto;right:calc(100% + 2px);translate:none;padding:17px 10px;text-align:right}.player--trace .player__nav--prev{top:auto;bottom:50%}.player--trace .player__nav--next{bottom:auto;top:50%}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:min(calc(var(--cue-inset) + 124px),30vh);z-index:1;pointer-events:none;background:linear-gradient(to top,var(--ink) 0,rgb(var(--ink-rgb) / .86) 38%,rgb(var(--ink-rgb) / 0) 100%)}}.portrait{position:relative;color:var(--text)}.portrait__dots{position:absolute;inset:calc(-1 * var(--portrait-bleed, 0px));width:calc(100% + 2 * var(--portrait-bleed, 0px));height:calc(100% + 2 * var(--portrait-bleed, 0px));pointer-events:none}
