@property --orb-a{syntax:"<angle>";inherits:true;initial-value:0deg}@property --orb-l{syntax:"<number>";inherits:true;initial-value:0}@property --orb-x{syntax:"<length>";inherits:false;initial-value:0}@property --orb-o{syntax:"<number>";inherits:false;initial-value:0}@property --orb-value{syntax:"<angle>";inherits:true;initial-value:0deg}@property --orb-wr{syntax:"<number>";inherits:true;initial-value:0}@property --orb-scale{syntax:"<number>";inherits:true;initial-value:0}.balamai-orb{width:var(--orb-size,44px);height:var(--orb-size,44px);flex-shrink:0;place-items:center;line-height:0;display:inline-grid;overflow:visible}.balamai-orb .orb-ai{--s:var(--orb-size,44px);--p:calc(var(--s) / 4);--count:4;--radius:calc(var(--s) * .15);width:var(--s);aspect-ratio:1;--bg-color:#7b7bf41a;background:radial-gradient(60% 75% at center, var(--bg-color) 50%, transparent 50%), radial-gradient(75% 60% at center, var(--bg-color) 50%, transparent 50%);padding:var(--p);border-radius:50%;place-items:center;display:grid;position:relative}@keyframes balamai-orb-ai{0%{--orb-a:360deg;--orb-l:.35;--orb-o:1}30%{--orb-l:1.5}70%{--orb-o:.4;--orb-l:.05}98%{--orb-o:.7}to{--orb-a:0deg;--orb-l:.35;--orb-o:1}}.balamai-orb .orb-c{opacity:.9;width:calc(var(--s) * .25);aspect-ratio:1;--offset-per-item:calc(360deg / var(--count));--current-angle-offset:calc(var(--offset-per-item) * var(--i) + var(--orb-a));translate:calc(cos(var(--current-angle-offset)) * var(--radius) + var(--orb-x,0px)) calc(sin(var(--current-angle-offset)) * var(--radius) * -1);scale:calc(.6 + var(--orb-l));opacity:var(--orb-o,1);border-radius:50%;transition:opacity .3s linear;animation:5.5s cubic-bezier(.45,-.35,.16,1.5) infinite balamai-orb-ai;position:absolute}.balamai-orb .orb-c:first-child{--i:0}.balamai-orb .orb-c:nth-child(2){--i:1}.balamai-orb .orb-c:nth-child(3){--i:2}.balamai-orb .orb-c:nth-child(4){--i:3}.balamai-orb .orb-c1{--orb-x:calc(var(--s) * .025);width:calc(var(--s) * .4);background:radial-gradient(50% 50%,#c979ee,#74bcd6);animation-timing-function:cubic-bezier(.12,.32,.68,.24)}.balamai-orb .orb-c2{width:calc(var(--s) * .375);background:radial-gradient(50% 50%,#ef788c,#e7e7fb)}.balamai-orb .orb-c3{width:calc(var(--s) * .125);opacity:.6;--orb-x:calc(var(--s) * -.025);background:radial-gradient(50% 50%,#eb7fc6,#0000)}.balamai-orb .orb-c4{background:#6d67c8;animation-timing-function:cubic-bezier(.39,-.03,.75,.47)}.balamai-orb .orb-container{aspect-ratio:1;background:#b6a9f8;border-radius:50%;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.balamai-orb .orb-glass{--w:calc(var(--s) * .0125);inset:calc(var(--p) - var(--w));-webkit-backdrop-filter:blur(calc(var(--s) * .0325));box-shadow:0 0 calc(var(--s) * .2) #0000004d;background:radial-gradient(calc(var(--s) * .25) at 70% 30%, #ffffffb3, transparent);border-radius:50%;position:absolute;overflow:hidden}.balamai-orb .orb-glass:after{content:"";--c:#ffffff08;--lw:.0625rem;--g:.1875rem;background:repeating-linear-gradient(var(--c), var(--c), var(--lw), transparent var(--lw), transparent calc(var(--lw) + var(--g)));border-radius:inherit;border:calc(var(--s) * .025) #ffffff1a solid;position:absolute;inset:0}.balamai-orb .orb-rings{aspect-ratio:1;perspective:calc(var(--s) * .5);opacity:.9;--orb-ring-width:calc(var(--s) * .025);--duration:8s;border-radius:50%;position:absolute;inset:0}.balamai-orb .orb-rings:before,.balamai-orb .orb-rings:after{content:"";--orb-wr:1;border:calc(var(--orb-ring-width) * var(--orb-wr)) solid transparent;-webkit-mask-composite:xor;animation:balamai-orb-ring var(--duration) ease-in-out infinite;--start:180deg;--orb-value:var(--start);--orb-scale:1;transform:rotateY(var(--orb-value)) rotateX(var(--orb-value)) rotateZ(var(--orb-value)) scale(var(--orb-scale));background:linear-gradient(#fff,#00f,#f0f,violet,#ffffe0) border-box;border-radius:50%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.balamai-orb .orb-rings:before{--start:180deg}.balamai-orb .orb-rings:after{--start:90deg}@keyframes balamai-orb-ring{0%{--orb-value:var(--start);--orb-scale:1}50%{--orb-scale:1.2;--orb-wr:1.5}70%{--orb-scale:1;--orb-value:calc(var(--start) + 180deg);--orb-wr:1}80%{--orb-scale:1.2;--orb-wr:1.5}to{--orb-value:calc(var(--start) + 360deg);--orb-scale:1;--orb-wr:1}}@media (prefers-reduced-motion:reduce){.balamai-orb .orb-c,.balamai-orb .orb-rings:before,.balamai-orb .orb-rings:after{animation:none}.balamai-orb .orb-c{opacity:.9}}
.our-stories-scene,.our-stories-a3d{display:grid}.our-stories-scene{perspective:35em;contain:layout;min-height:950px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000 0%,red 12% 88%,#0000 100%);mask:linear-gradient(90deg,#0000 0%,red 12% 88%,#0000 100%)}@media (max-width:1024px){.our-stories-scene{perspective:28em;min-height:750px}}@media (max-width:768px){.our-stories-scene{perspective:22em;min-height:500px}.our-stories-card-wrap{--w:8em!important}}@media (max-width:480px){.our-stories-scene{perspective:16em;min-height:360px}.our-stories-card-wrap{--w:6.2em!important}}.our-stories-a3d{transform-style:preserve-3d;place-self:center;animation:45s linear infinite ry}@keyframes ry{to{rotate:y 1turn}}.our-stories-card-wrap{--w:13em;--ba:calc(1turn / var(--n));width:var(--w);aspect-ratio:7/10;backface-visibility:hidden;cursor:pointer;transform:rotatey(calc(var(--i) * var(--ba))) translatez(calc(-1 * (.5 * var(--w) + .5em) / tan(.5 * var(--ba))));-webkit-box-reflect:below 1px linear-gradient(transparent 50%, #00000038);grid-area:1/1}.our-stories-card{object-fit:cover;pointer-events:none;border-radius:1.5em;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.our-stories-a3d{animation:none}}
.genres-container{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:20px 40px;display:grid}.genre-card-wrap{transform-style:preserve-3d;cursor:default;transition:all .6s cubic-bezier(.23,1,.32,1);transform:perspective(800px)}.genre-card-wrap:hover .genre-card-info{transform:translateY(0)}.genre-card-wrap:hover .genre-card-info p{opacity:1}.genre-card-wrap:hover .genre-card-info,.genre-card-wrap:hover .genre-card-info p{transition:all .6s cubic-bezier(.23,1,.32,1)}.genre-card-wrap:hover .genre-card-info:after{opacity:1;transition:all 5s cubic-bezier(.23,1,.32,1);transform:translateY(0)}.genre-card-wrap:hover .genre-card-bg{opacity:.8;transition:all .6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1)}.genre-card-wrap:hover .genre-card{transition:all .6s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1);box-shadow:0 0 40px 5px #fff3,0 0 0 1px #fff,0 30px 60px #000000a8,inset 0 0 0 5px #333,inset 0 0 0 6px #fff}.genre-card{aspect-ratio:4/5;background-color:#333;border-radius:10px;width:100%;transition:all 1s cubic-bezier(.445,.05,.55,.95);position:relative;overflow:hidden;box-shadow:0 30px 60px #000000a8,inset 0 0 0 5px #333,inset 0 0 0 6px #ffffff80}.genre-card-bg{opacity:.5;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:all 1s cubic-bezier(.445,.05,.55,.95),opacity 5s cubic-bezier(.445,.05,.55,.95) 1s;position:absolute;top:0;left:0}.genre-card-info{color:#fff;padding:20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 1.6s;position:absolute;bottom:0;left:0;right:0;transform:translateY(40%)}.genre-card-info p{opacity:0;text-shadow:0 2px 3px #000;line-height:1.2em;transition:all .6s cubic-bezier(.215,.61,.355,1) 1.6s}.genre-card-info *{z-index:1;position:relative}.genre-card-info:after{content:"";z-index:0;background-blend-mode:overlay;opacity:0;background-image:linear-gradient(#0000 0%,#0009 100%);width:100%;height:100%;transition:all 5s cubic-bezier(.445,.05,.55,.95) 1s;position:absolute;top:0;left:0;transform:translateY(100%)}.genre-card-info h1{text-shadow:0 10px 10px #00000080;margin-top:15px;margin-bottom:3px;font-family:Nunito Variable,Nunito,Arial,Helvetica,sans-serif;font-size:24px;font-weight:700}@media (max-width:1024px){.genres-container{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}}@media (max-width:768px){.genres-container{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px 6px}.genre-card-wrap{margin:-1px}.genre-card-info{flex-direction:column;justify-content:flex-end;height:100%;padding:12px;transition:justify-content .5s cubic-bezier(.23,1,.32,1);display:flex;transform:translateY(0)}.genre-card-info h1{margin-top:0;margin-bottom:8px;font-size:16px;transition:all .5s cubic-bezier(.23,1,.32,1)}.genre-card-info p{opacity:0;max-height:0;font-size:12px;transition:opacity .5s cubic-bezier(.23,1,.32,1),max-height .5s cubic-bezier(.23,1,.32,1);overflow:hidden}.genre-card-wrap:hover .genre-card-info,.genre-card-wrap:active .genre-card-info{justify-content:space-between}.genre-card-wrap:hover .genre-card-info h1,.genre-card-wrap:active .genre-card-info h1{margin-bottom:8px}.genre-card-wrap:hover .genre-card-info p,.genre-card-wrap:active .genre-card-info p{opacity:1;max-height:200px}}@media (max-width:480px){.genres-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 4px}.genre-card-wrap{margin:-1px}.genre-card-info{flex-direction:column;justify-content:flex-end;height:100%;padding:10px;transition:justify-content .5s cubic-bezier(.23,1,.32,1);display:flex;transform:translateY(0)}.genre-card-info h1{margin-top:0;margin-bottom:6px;font-size:14px;transition:all .5s cubic-bezier(.23,1,.32,1)}.genre-card-info p{opacity:0;max-height:0;font-size:11px;transition:opacity .5s cubic-bezier(.23,1,.32,1),max-height .5s cubic-bezier(.23,1,.32,1);overflow:hidden}.genre-card-wrap:hover .genre-card-info,.genre-card-wrap:active .genre-card-info{justify-content:space-between}.genre-card-wrap:hover .genre-card-info h1,.genre-card-wrap:active .genre-card-info h1{margin-bottom:6px}.genre-card-wrap:hover .genre-card-info p,.genre-card-wrap:active .genre-card-info p{opacity:1;max-height:200px}}
.carousel-3d-wrapper{--scroll-padding:0px;--inner-angle:calc((360 / var(--total)) * 1deg);--item-width:clamp(170px, 22vmin, 17rem);--gap:calc(var(--item-width) * var(--gap-efficient,.08));--radius:calc(((var(--item-width) + var(--gap)) / sin(var(--inner-angle))) * -1);cursor:default;width:100%;height:100%;min-height:270px;position:relative;overflow:visible}@media (min-width:769px){.carousel-3d-wrapper{--perspective:450}}.carousel-3d-wrapper ul{margin:0;padding:0;list-style-type:none}.carousel-image{object-fit:cover;pointer-events:auto;background-color:#80808040;border-radius:16px;width:100%;height:100%;transition:transform .3s;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a}.carousel li:hover .carousel-image{transform:scale(1.05)}.carousel-container{width:100%;height:100%;transform-style:preserve-3d;perspective:calc(var(--perspective) * 1px);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.carousel{transform-style:preserve-3d;pointer-events:auto;width:100%;height:100%;position:relative}.carousel li{height:var(--item-width);width:var(--item-width);backface-visibility:hidden;transform:translate(-50%, -50%) rotateY(calc((var(--inner-angle) * var(--index)))) translate3d(0, 0, calc(var(--radius) * -1));filter:drop-shadow(0 0 10px #f8512533);cursor:grab;transition:all .3s;position:absolute;top:50%;left:50%}.carousel li:active{cursor:grabbing}@media (max-width:768px){.carousel-3d-wrapper{--item-width:clamp(130px, 24vmin, 13rem);--gap:calc(var(--item-width) * var(--gap-efficient,.06));min-height:250px}}@media (max-width:480px){.carousel-3d-wrapper{--item-width:clamp(115px, 28vmin, 12rem);--gap:calc(var(--item-width) * var(--gap-efficient,.05));min-height:230px}}