.hero{isolation:isolate;position:relative;overflow:hidden}#field{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-in{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:min(100svh - 69px,960px);padding-block:clamp(48px,6vw,88px);display:flex}.hero-brand{letter-spacing:-.025em;align-items:center;gap:.45em;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:600;display:inline-flex}.hero-brand img{width:auto;height:1.45em;display:block}.hero h1{letter-spacing:-.052em;max-width:13em;font-size:clamp(2.9rem,1.3rem + 6.8vw,7rem);line-height:1.01}.film-band{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.film{max-width:1560px;color:var(--white);background-color:var(--black);background-image:radial-gradient(1px 1px at 8% 14%,var(--white) 50%,transparent 51%),radial-gradient(1px 1px at 21% 62%,var(--star-dim) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 34% 26%,var(--star-mid) 50%,transparent 51%),radial-gradient(1px 1px at 47% 8%,var(--star-dim) 50%,transparent 51%),radial-gradient(1px 1px at 63% 90%,var(--white) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 78% 18%,var(--star-mid) 50%,transparent 51%),radial-gradient(1px 1px at 91% 52%,var(--star-dim) 50%,transparent 51%),radial-gradient(1px 1px at 12% 88%,var(--star-mid) 50%,transparent 51%),radial-gradient(1px 1px at 96% 84%,var(--white) 50%,transparent 51%);border-radius:clamp(24px,3.4vw,44px);justify-items:center;gap:clamp(18px,2.4vw,28px);margin-inline:auto;padding:clamp(28px,5vw,72px) clamp(12px,4vw,56px) clamp(20px,3vw,36px);display:grid}.film-cap{letter-spacing:-.03em;text-align:center;text-wrap:balance;min-height:1.15em;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.625rem);font-weight:500;line-height:1.15}.film-stage{width:100%;max-width:780px;height:500px;position:relative}.film-stage .win{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}.film-stage .win.on{opacity:1;visibility:visible;transition:opacity .35s}.film-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chap{background:var(--film-chip);height:40px;color:var(--film-chip-ink);border-radius:999px;padding:0 16px;font-size:.9063rem;font-weight:500;transition:color .2s,background .2s;position:relative;overflow:hidden}.chap:hover{background:var(--film-chip-hover)}.chap.on{color:var(--white)}.chap i{background:var(--rainbow);transform-origin:0;height:2px;transition:transform .6s linear;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ctl{background:var(--white);height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.9063rem;font-weight:500;display:inline-flex}.ctl svg{fill:currentColor;width:12px;height:12px}@media (width<=600px){.film-cap{align-content:center;min-height:2.3em;display:grid}}@media (width<=480px){.film-stage{height:520px}}.stack{--orb:88px;--gap:22px;--amp:30px;--waves:2;--loop:56s;--half:calc(var(--loop) / 12);padding-top:clamp(60px,8vw,110px)}.stack-label{text-align:center;color:var(--ink-3);font-size:.9375rem}.stack-view{padding-block:calc(var(--amp) + 16px) calc(var(--amp) + 38px);-webkit-mask-image:linear-gradient(90deg,transparent,var(--black) 6%,var(--black) 94%,transparent);mask-image:linear-gradient(90deg,transparent,var(--black) 6%,var(--black) 94%,transparent);overflow:hidden}.stack-track{gap:var(--gap);width:max-content;padding-right:var(--gap);--sets:4;animation:slide var(--loop) linear infinite;display:flex}.orb{width:var(--orb);height:var(--orb);background:var(--orb-bg);box-shadow:inset 0 0 0 1px var(--orb-line);color:var(--ink);transform:translate3d(0,calc(sin(var(--i) * var(--waves) * 30deg) * var(--amp)),0);animation:bob var(--half) cubic-bezier(.37,0,.63,1) infinite alternate;animation-delay:calc(var(--i) * var(--waves) / 12 * var(--half) * -2);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.orb svg{fill:currentColor;width:36px;height:36px}.orb.line svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.orb:after{content:attr(data-name);background:var(--ink);color:var(--white);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.orb:hover:after{opacity:1}@media (hover:hover){.stack-view:hover .stack-track,.stack-view:hover .orb{animation-play-state:paused}}.stack-view.idle .stack-track,.stack-view.idle .orb{animation-play-state:paused}@keyframes slide{to{transform:translate3d(calc(-100% / var(--sets)),0,0)}}@keyframes bob{0%{transform:translate3d(0,calc(var(--amp) * -1),0)}to{transform:translate3d(0,var(--amp),0)}}.statement{letter-spacing:-.035em;text-wrap:balance;max-width:22em;margin-top:clamp(36px,5vw,64px);font-size:clamp(1.75rem,1.2rem + 2.3vw,3.25rem);font-weight:500;line-height:1.1}@media (width<=480px){.stack{--orb:64px;--gap:12px;--amp:18px;--waves:3}.orb svg{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.stack-view{overflow-x:auto}}.orb:first-child{--i:0}.orb:nth-child(2){--i:1}.orb:nth-child(3){--i:2}.orb:nth-child(4){--i:3}.orb:nth-child(5){--i:4}.orb:nth-child(6){--i:5}.orb:nth-child(7){--i:6}.orb:nth-child(8){--i:7}.orb:nth-child(9){--i:8}.orb:nth-child(10){--i:9}.orb:nth-child(11){--i:10}.orb:nth-child(12){--i:11}.orb:nth-child(13){--i:12}.orb:nth-child(14){--i:13}.orb:nth-child(15){--i:14}.orb:nth-child(16){--i:15}.orb:nth-child(17){--i:16}.orb:nth-child(18){--i:17}.orb:nth-child(19){--i:18}.orb:nth-child(20){--i:19}.orb:nth-child(21){--i:20}.orb:nth-child(22){--i:21}.orb:nth-child(23){--i:22}.orb:nth-child(24){--i:23}.orb:nth-child(25){--i:24}.orb:nth-child(26){--i:25}.orb:nth-child(27){--i:26}.orb:nth-child(28){--i:27}.orb:nth-child(29){--i:28}.orb:nth-child(30){--i:29}.orb:nth-child(31){--i:30}.orb:nth-child(32){--i:31}.orb:nth-child(33){--i:32}.orb:nth-child(34){--i:33}.orb:nth-child(35){--i:34}.orb:nth-child(36){--i:35}.orb:nth-child(37){--i:36}.orb:nth-child(38){--i:37}.orb:nth-child(39){--i:38}.orb:nth-child(40){--i:39}.orb:nth-child(41){--i:40}.orb:nth-child(42){--i:41}.orb:nth-child(43){--i:42}.orb:nth-child(44){--i:43}.orb:nth-child(45){--i:44}.orb:nth-child(46){--i:45}.orb:nth-child(47){--i:46}.orb:nth-child(48){--i:47}@media (width<=480px){.stack-track{--sets:2}.orb:nth-child(n+25){display:none}}.latest{padding-block:clamp(44px,6vw,90px)}.latest-h{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(24px,3vw,44px);display:flex}.cards{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(264px,1fr);grid-auto-flow:column;gap:clamp(16px,2vw,28px);padding-bottom:4px;display:grid;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;align-content:start;gap:12px;min-width:0;display:grid}.art{aspect-ratio:4/3;text-align:center;max-width:100%;color:var(--white);letter-spacing:-.025em;transition:transform .35s var(--ease);border-radius:20px;place-items:center;padding:16px;font-size:1.5rem;font-weight:500;line-height:1.1;display:grid}.card:hover .art{transform:scale(1.015)}.a1{background:radial-gradient(80% 90% at 80% 100%,var(--green) 0,transparent 70%),radial-gradient(70% 70% at 10% 0,var(--art-sea) 0,transparent 72%),var(--art-ink-1)}.a2{background:radial-gradient(90% 90% at 90% 90%,var(--blue) 0,transparent 70%),var(--art-ink-2)}.a3{background:radial-gradient(90% 80% at 10% 100%,var(--violet) 0,transparent 70%),var(--art-ink-3)}.a4{background:radial-gradient(90% 80% at 80% 0,var(--rose) 0,transparent 70%),var(--art-ink-4)}.a5{background:radial-gradient(90% 80% at 20% 0,var(--art-orange) 0,transparent 70%),var(--art-ink-5)}.card h3{letter-spacing:-.015em;text-wrap:balance;font-size:1.1875rem;font-weight:500;line-height:1.2}.card small{color:var(--ink-3);font-size:.875rem}.arrows:not(.ready){visibility:hidden}.arrows{background:var(--soft);border-radius:999px;gap:2px;margin-top:20px;padding:4px;display:inline-flex}.arrows button{border-radius:50%;width:38px;height:38px;font-size:1.125rem;transition:background .15s}.arrows button:hover{background:var(--white)}
