/* PALI EKEI — homepage. Layout values live inline in the markup (from the design); this file holds states, media queries and motion. */
html{-webkit-text-size-adjust:100%}
.pe-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
body{margin:0;background:#020912}
a{color:#c8ff2e}a:hover{color:#ffffff}
@media (max-width:760px){.pe-nl{display:none!important}}
.pe-burger{display:none;align-items:center;min-height:44px;padding:0 16px;background:none;border:1px solid #eef6f8;border-radius:999px;color:#eef6f8;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
@media (max-width:760px){.pe-burger{display:inline-flex}}
.pe-menu{position:fixed;inset:0;z-index:80;box-sizing:border-box;padding:96px 24px 32px;background:#020912;display:flex;flex-direction:column;gap:6px;overflow:auto;font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:clamp(48px,15vw,84px);line-height:.95;text-transform:uppercase}
.pe-menu[hidden]{display:none}
.pe-menu a{color:#eef6f8;text-decoration:none;padding:6px 0;border-bottom:1px solid #1f3a55}
.pe-menu a:last-child{color:#c8ff2e;border:0}
.pe-open-nav{position:relative;z-index:85}
.pe-movie>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .3s}
.pe-movie:hover>img{opacity:.9}
.pe-player{position:relative;width:100%;max-width:1180px;aspect-ratio:16/9;background:#000;border:1px solid #2a4a68}
.pe-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pe-poster{display:block;flex:0 1 250px;min-width:0;align-self:center;border:1px solid #1f3a55;transition:transform .25s}
.pe-poster:hover{transform:rotate(1.5deg) scale(1.02)}
.pe-poster img{display:block;width:100%;height:auto}
.pe-brand img{display:block;width:54px;height:54px;border-radius:50%}
.pe-link{text-decoration:none;color:#eef6f8}
.pe-link:hover{color:#c8ff2e}
.pe-btn{color:#020912;text-decoration:none}
.pe-btn:hover{color:#020912;background:#ffffff}
.pe-ghost{color:#eef6f8;text-decoration:none}
.pe-ghost:hover{color:#020912;background:#c8ff2e}
.pe-tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#07182a;border:1px solid #1f3a55;outline:0 solid #c8ff2e;transition:transform .2s,outline-width .12s}
.pe-tile:hover,.pe-tile:focus-visible{transform:translateY(-4px) rotate(-1.5deg);outline-width:3px}
.pe-tile img{display:block;width:auto;height:auto;max-width:78%;max-height:70%;object-fit:contain}
.pe-tile.pe-fill img{max-width:92%;max-height:88%}
.pe-tile-lg{flex:1 1 260px;height:170px;padding:14px}
.pe-tile-sm{flex:1 1 150px;max-width:260px;height:116px;padding:8px}
.pe-soc{color:#eef6f8;text-decoration:none;border-top:1px solid #1f3a55;transition:background .25s,color .25s,padding .25s}
.pe-soc:hover{color:#020912;background:#ff3d8b;padding-left:28px}
.pe-card{position:relative;overflow:hidden;color:#eef6f8;text-decoration:none;background:#07182a;border:1px solid #2a4a68}
.pe-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:opacity .3s,transform .5s}
.pe-card:hover>img{opacity:.85;transform:scale(1.05)}
.pe-card>.pe-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,18,.72) 0,rgba(2,9,18,.15) 38%,rgba(2,9,18,.9) 100%)}
.pe-card>span{position:relative}
.pe-card:hover{color:#eef6f8;border-color:#c8ff2e}
.pe-movie{color:#eef6f8;text-decoration:none}
.pe-movie:hover{color:#eef6f8}
.pe-ring{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.pe-ring-on{display:block;position:relative;height:500px;perspective:1500px}
.pe-ring-on .pe-card{position:absolute;left:50%;top:50%;margin:0}
@keyframes pe-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pe-run-b{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes pe-open{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}
@keyframes pe-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes pe-scan{from{background-position:0 0}to{background-position:0 120px}}
@keyframes pe-ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.pe-intro{animation:pe-open .9s cubic-bezier(.8,0,.1,1) 1s forwards}
.pe-t1{animation:pe-run 26s linear infinite}
.pe-t2{animation:pe-run-b 34s linear infinite}
.pe-scan{animation:pe-scan 3s linear infinite}
.pe-ping{animation:pe-ping 1.8s ease-out infinite}
@media (prefers-reduced-motion:reduce){.pe-intro{display:none}.pe-t1,.pe-t2,.pe-scan,.pe-ping{animation:none}}
.pe-mini{flex:1 1 260px;min-width:0;display:flex;align-items:center;gap:16px;padding:12px;color:#eef6f8;text-decoration:none;background:#07182a;border:1px solid #1f3a55;transition:border-color .2s,transform .2s}
.pe-mini:hover{color:#eef6f8;border-color:var(--c);transform:translateY(-3px)}
.pe-mini img{display:block;flex:0 0 auto;width:92px;height:auto}
.pe-wink{position:relative;display:block;width:76px;height:76px;border-radius:22%;overflow:hidden;box-shadow:0 10px 30px rgba(2,9,18,.35);transform:rotate(-6deg)}
.pe-wink img{display:block;width:100%;height:100%}
.pe-wink::after{content:'';position:absolute;left:57%;top:26%;width:16%;height:22%;background:linear-gradient(#7c3aed 0 44%,rgba(124,58,237,0) 44% 56%,#7c3aed 56%);opacity:0;animation:pe-wink 4.2s steps(1) infinite}
@keyframes pe-wink{0%,93%{opacity:0}94%,97%{opacity:1}98%,100%{opacity:0}}
.pe-store{display:inline-flex;align-items:center;gap:12px;min-height:64px;padding:0 26px 0 20px;background:#020912;color:#ffffff;text-decoration:none;border-radius:16px;font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:30px;line-height:1;text-transform:uppercase;will-change:transform}
.pe-store:hover{color:#020912;background:#c8ff2e}
.pe-store span{display:flex;flex-direction:column;gap:3px}
.pe-store small{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:10px;letter-spacing:.12em}
.pe-ph{display:block;width:clamp(120px,27vw,250px);height:auto;border:6px solid #020912;border-radius:clamp(18px,3.4vw,34px);background:#020912;box-shadow:0 30px 60px rgba(2,9,18,.45)}
.pe-ph-c{position:relative;z-index:2;animation:pe-bob 6s ease-in-out infinite}
.pe-ph-l{margin-right:clamp(-70px,-7vw,-36px);transform:rotate(-9deg) translateY(26px) scale(.88);animation:pe-bob-l 6s ease-in-out -2s infinite}
.pe-ph-r{margin-left:clamp(-70px,-7vw,-36px);transform:rotate(9deg) translateY(26px) scale(.88);animation:pe-bob-r 6s ease-in-out -4s infinite}
@keyframes pe-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes pe-bob-l{0%,100%{transform:rotate(-9deg) translateY(26px) scale(.88)}50%{transform:rotate(-11deg) translateY(12px) scale(.88)}}
@keyframes pe-bob-r{0%,100%{transform:rotate(9deg) translateY(26px) scale(.88)}50%{transform:rotate(11deg) translateY(12px) scale(.88)}}
.pe-sticker{position:absolute;z-index:3;right:4%;top:2%;display:flex;align-items:center;justify-content:center;width:clamp(96px,11vw,150px);aspect-ratio:1;border-radius:50%;background:#c8ff2e;color:#020912;text-align:center;font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;font-size:clamp(18px,2vw,28px);line-height:.92;text-transform:uppercase;transform:rotate(12deg)}
@media (prefers-reduced-motion:reduce){.pe-ph,.pe-wink::after{animation:none}}

/* ---------- sponsor hierarchy ---------- */
.pe-tier{margin:0;display:flex;align-items:baseline;gap:12px;font-family:'Sofia Sans Extra Condensed',sans-serif;font-weight:900;line-height:.9;text-transform:uppercase}
.pe-tier span{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:12px;letter-spacing:.1em;opacity:.6}
.pe-tier-1{font-size:clamp(48px,6.4vw,92px);color:#c8ff2e}
.pe-tier-2{font-size:clamp(40px,5vw,70px);color:#eef6f8}
.pe-tier-3{font-size:clamp(34px,4vw,54px);color:#ffd23d}
.pe-tier-4{font-size:clamp(28px,3.1vw,42px);color:#ff6aa5}
.pe-tier-5{font-size:clamp(25px,2.5vw,34px);color:#b9c7d0}
.pe-tier-6{font-size:clamp(22px,2vw,28px);color:#ff6aa5}
.pe-tile-md{flex:1 1 190px;max-width:330px;height:146px;padding:10px}
/* ---------- hand-made layer: grain, marker scribbles, taped posters, print dots ---------- */
.pe-grain{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
.pe-note{position:relative;font-family:'Mynerve','Sofia Sans',cursive;font-size:clamp(22px,2.1vw,30px);line-height:1.1;transform-origin:left center}
.pe-draw{position:absolute;overflow:visible;pointer-events:none}
.pe-draw path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.2,1) .15s}
.pe-draw.pe-in path{stroke-dashoffset:0}
.pe-circled,.pe-under{position:relative;display:inline-block}
.pe-circled .pe-draw{left:-9%;top:-6%;width:118%;height:112%}
.pe-under .pe-draw{left:-2%;bottom:-.17em;width:104%;height:.2em}
.pe-arrow{left:auto;right:8px;top:calc(100% + 4px);width:78px;height:62px}
.pe-poster{position:relative;transform:rotate(1.6deg)}
article:nth-of-type(2) .pe-poster{transform:rotate(-1.8deg)}
.pe-poster::before,.pe-mini img+span::before{content:none}
.pe-poster::before{content:'';position:absolute;z-index:1;left:50%;top:-13px;width:92px;height:26px;margin-left:-46px;background:rgba(200,255,46,.82);transform:rotate(-4deg);box-shadow:0 2px 6px rgba(2,9,18,.35)}
article:nth-of-type(2) .pe-poster::before{background:rgba(255,61,139,.85);transform:rotate(5deg)}
.pe-poster:hover{transform:rotate(0deg) scale(1.02)}
.pe-mini:nth-child(odd) img{transform:rotate(-2.5deg)}
.pe-mini:nth-child(even) img{transform:rotate(2deg)}
.pe-card>.pe-shade::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(2,9,18,.55) 1px,transparent 1.4px);background-size:5px 5px}
footer::before{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle at 11px 0,#020912 7px,transparent 7.6px) 0 0/22px 12px repeat-x}
@media (hover:hover){.pe-card>img{filter:grayscale(1) contrast(1.15)}.pe-card:hover>img{filter:none}}
@media (prefers-reduced-motion:reduce){.pe-draw path{transition:none;stroke-dashoffset:0}}

/* tentacle canvases sit at z 1 (behind) and 3 (in front): ribbons and the aftermovie block live between them */
.pe-tapes{background:transparent!important;z-index:2}
.pe-after{position:relative;z-index:2}

.pe-top{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:76;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#c8ff2e;color:#020912;cursor:pointer;box-shadow:0 10px 30px rgba(2,9,18,.6);opacity:0;visibility:hidden;transform:translateY(14px) rotate(-12deg);transition:opacity .25s,transform .25s,visibility .25s,background .15s}
.pe-top[hidden]{display:none}
.pe-top.pe-top-on{opacity:1;visibility:visible;transform:none}
.pe-top:hover{background:#ffffff}
@media (prefers-reduced-motion:reduce){.pe-top{transition:none}}

/* ---------- touch & small screens ---------- */
a,button{-webkit-tap-highlight-color:transparent}
.pe-only-touch{display:none}
@media (hover:none),(max-width:760px){
.pe-only-mouse{display:none}
.pe-top{display:none!important}
.pe-grain{display:none}
.pe-scan{animation:none}
[data-tilt],[data-mag]{will-change:auto!important}
.pe-only-touch{display:inline}
.pe-ring.pe-ring-swipe{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:4px 16px 18px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pe-ring-swipe::-webkit-scrollbar{display:none}
.pe-ring-swipe .pe-card{flex:0 0 auto;width:min(300px,74vw)!important;scroll-snap-align:start}
.pe-ring-swipe .pe-card>img{opacity:.8}
}
@media (max-width:760px){
[data-pe-hero]{height:100vh!important;height:100svh!important;min-height:600px;max-height:900px}
.pe-open-nav{padding-top:max(14px,env(safe-area-inset-top))!important}
[data-pe-title]{font-size:min(25vw,150px)!important;mix-blend-mode:normal!important;text-shadow:0 2px 0 rgba(2,9,18,.55),0 6px 34px rgba(2,9,18,.85)}
.pe-pres{font-size:11px!important;letter-spacing:.3em!important}
.pe-badge{font-size:min(11px,2.9vw)!important;letter-spacing:.1em!important;white-space:nowrap}
.pe-tapes{height:170px!important}
.pe-tape{font-size:30px!important;padding:8px 0 6px!important}
.pe-tape-a{top:22px!important;transform:rotate(-2deg)!important}
.pe-tape-b{top:94px!important;transform:rotate(2deg)!important}
.pe-tile-lg{flex:1 1 130px;height:124px;padding:10px}
.pe-tile-sm{flex:1 1 96px;height:86px;padding:6px}
.pe-tile-md{flex:1 1 130px;height:112px;padding:8px}
.pe-arrow{display:none}
.pe-store{flex:1 1 150px;justify-content:center;font-size:26px;padding:0 16px}
.pe-mini{flex-basis:100%}
}
/* ---------- GTranslate language switcher, dressed like the rest of the page ---------- */
.gtranslate_wrapper{position:relative;z-index:75}
#gt_float_wrapper{left:16px!important;bottom:max(16px,env(safe-area-inset-bottom))!important}
#gt_float_wrapper .gt_float_switcher{font-family:'JetBrains Mono',monospace!important;font-size:12px!important;line-height:1!important;letter-spacing:.12em;text-transform:uppercase;color:#eef6f8!important;background:#020912!important;border:1px solid #c8ff2e;border-radius:22px!important;box-shadow:0 10px 30px rgba(2,9,18,.7)!important}
#gt_float_wrapper .gt_float_switcher img{width:20px!important;height:20px!important;object-fit:cover;border-radius:50%!important;margin:0 9px 0 0!important}
#gt_float_wrapper .gt-selected{background:transparent!important}
#gt_float_wrapper .gt-selected .gt-current-lang{padding:10px 14px!important;color:#eef6f8!important;font-weight:700!important;display:flex;align-items:center}
#gt_float_wrapper .gt-selected .gt-current-lang span.gt-lang-code{top:0!important}
#gt_float_wrapper .gt-selected .gt-current-lang span.gt_float_switcher-arrow{width:12px!important;height:12px!important;margin-left:8px;background-size:12px!important;background-position:center!important;filter:invert(1) brightness(2)}
#gt_float_wrapper .gt_options{background:#020912!important}
#gt_float_wrapper .gt_options a{display:flex!important;align-items:center;padding:10px 14px!important;color:#eef6f8!important;border-bottom:1px solid #1f3a55;transition:background .15s,color .15s!important}
#gt_float_wrapper .gt_options a:hover{background:#c8ff2e!important;color:#020912!important}
#gt_float_wrapper .gt_options a.gt-current{display:none!important}