:root{--bg:#0b0d12;--paper:#f1efe8;--ink:#12151b;--lime:#c9ff36;--muted:#999d9b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f7f3;font-family:"DM Sans",sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #ffffff16;position:absolute;z-index:5;left:0;right:0}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:800 13px "Manrope";letter-spacing:1.7px}.brand span{display:grid;place-items:center;width:27px;height:27px;background:var(--lime);color:#0c0e12;border-radius:50%;font-size:14px}.nav nav{display:flex;gap:34px}.nav nav a,.nav-cta{font-size:13px;color:#c4c5c1;text-decoration:none}.nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #ffffff35;border-radius:30px;padding:11px 17px}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;padding:130px clamp(22px,7vw,110px) 80px;overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:#203547;filter:blur(160px);opacity:.45;right:-230px;top:-180px}.hero-copy{position:relative;z-index:2}.kicker{font:600 11px "Manrope";letter-spacing:2.4px;color:#aeb1ad;display:flex;align-items:center;gap:10px}.kicker i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime)}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0}h1{font-size:clamp(49px,6.5vw,96px);line-height:.99;letter-spacing:-5px;max-width:880px;margin:28px 0 30px}h1 span{color:var(--lime);font-style:italic}.intro{font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:#a5aaa8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary,.play{display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;background:var(--lime);color:#0a0c0f;border-radius:4px;padding:17px 20px;font-weight:700;min-width:190px}.primary b{font-size:20px}.text-link{color:white;text-underline-offset:5px}.hero-art{height:min(42vw,600px);position:relative}.sphere{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(28vw,400px);height:min(28vw,400px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#dfff7c 0,#84ad16 20%,#1a2a14 52%,#07090b 75%);box-shadow:inset -35px -35px 60px #000,0 0 90px #b9ff2433;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.sphere:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid #dcff8960}.sphere span{font:800 clamp(16px,2vw,28px) "Manrope";line-height:1.05;letter-spacing:-1px;mix-blend-mode:overlay;transform:rotate(-8deg)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff24;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-a{width:115%;height:54%}.orbit-b{width:78%;height:91%;transform:translate(-50%,-50%) rotate(32deg)}.tag{position:absolute;font:700 10px "Manrope";letter-spacing:1.5px;border:1px solid #ffffff28;padding:9px 12px;border-radius:20px;background:#0b0d12aa}.tag-a{top:22%;left:4%}.tag-b{right:2%;bottom:25%}.scroll{position:absolute;bottom:30px;left:clamp(22px,7vw,110px);font:600 9px "Manrope";letter-spacing:2px;color:#6f7473}.scroll span{color:var(--lime);margin-left:10px}.work{background:var(--paper);color:var(--ink);padding:110px clamp(22px,7vw,110px)}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #1a1a1a2d;padding-bottom:28px;margin-bottom:55px}.section-head p,.film-info p{font:700 10px "Manrope";letter-spacing:2px;color:#787b76}.section-head h2{font-size:clamp(42px,5vw,76px);letter-spacing:-4px}.section-head>span{font:600 10px "Manrope";line-height:1.7;letter-spacing:1.5px;text-align:right;color:#777}.feature{display:grid;grid-template-columns:1.5fr .72fr;background:#10151c;min-height:540px;color:white;margin-bottom:110px}.game-visual{position:relative;overflow:hidden;min-height:480px;background:linear-gradient(#54c6ee 0 58%,#287ba6 59%,#12324b)}.game-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:repeating-linear-gradient(90deg,transparent 0 70px,#ffffff12 71px 72px),linear-gradient(#2b7e9e,#15344d);transform:perspective(400px) rotateX(55deg);transform-origin:bottom}.sun{position:absolute;width:160px;height:160px;background:#ffe05a;border-radius:50%;right:12%;top:12%;box-shadow:0 0 60px #fff180}.cloud,.cloud:before,.cloud:after{position:absolute;background:#f2fbff;border-radius:100px}.cloud{width:170px;height:48px}.cloud:before,.cloud:after{content:""}.cloud:before{width:85px;height:85px;left:25px;bottom:0}.cloud:after{width:105px;height:105px;right:10px;bottom:0}.c1{left:6%;top:20%;transform:scale(.7);opacity:.85}.c2{right:3%;bottom:30%;transform:scale(.45);opacity:.7}.peter{position:absolute;z-index:2;left:10%;bottom:16%;font:800 clamp(64px,10vw,155px) "Manrope";letter-spacing:-10px;color:white;text-shadow:0 8px 0 #187a9d}.peter span{color:#ffdb38}.flight-line{position:absolute;background:#fff7;width:190px;height:2px;right:8%;transform:rotate(-12deg)}.l1{top:42%}.l2{top:50%;right:4%;width:290px}.l3{top:58%;right:15%;width:140px}.feature-copy{padding:55px 45px;display:flex;flex-direction:column}.meta{display:flex;justify-content:space-between;font:700 10px "Manrope";color:#788086;letter-spacing:1.4px}.feature-copy h3{font-size:54px;letter-spacing:-3px;margin:70px 0 20px}.feature-copy p{color:#abb0b1;line-height:1.65}.feature-copy ul{list-style:none;padding:0;display:flex;gap:7px;flex-wrap:wrap}.feature-copy li{font-size:9px;border:1px solid #ffffff2c;border-radius:20px;padding:7px 10px;color:#aeb5b4}.play{margin-top:auto}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.film-card.offset{margin-top:110px}.video-wrap{background:#10151c;aspect-ratio:16/10;position:relative;overflow:hidden}.video-wrap.warm{background:#443327}.video-wrap video{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#222,#050505)}.number{position:absolute;top:15px;left:15px;background:#f5f3ea;color:#121318;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font:700 11px "Manrope"}.film-info{display:flex;justify-content:space-between;align-items:center;padding:20px 2px}.film-info p{margin:0 0 7px}.film-info h3{font-size:25px}.watch{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;font-weight:600;cursor:pointer}.about{padding:140px clamp(22px,7vw,110px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:35px}.about h2{font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-5px}.about h2 em{color:var(--lime)}.about-grid>div{max-width:520px;padding-top:15px}.about-grid>div p{font-size:22px;line-height:1.55;color:#ddd}.about-grid .small{font-size:14px;color:#858a89;margin-top:50px}footer{padding:38px clamp(22px,5vw,76px);border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center}footer p{font:600 9px "Manrope";letter-spacing:1.8px;color:#777}@keyframes float{50%{transform:translate(-50%,-54%) rotate(4deg)}}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-art{height:390px}.sphere{width:280px;height:280px}.feature{grid-template-columns:1fr}.feature-copy{min-height:430px}.film-grid{grid-template-columns:1fr}.film-card.offset{margin-top:20px}.about-grid{grid-template-columns:1fr;gap:30px}.about-grid>div p{font-size:18px}h1{letter-spacing:-3px}.peter{letter-spacing:-6px}footer{gap:20px;flex-wrap:wrap}}@media(max-width:520px){.nav-cta{display:none}.hero{padding-left:22px;padding-right:22px}.hero-art{height:330px}.sphere{width:225px;height:225px}.tag-a{left:0}.tag-b{right:0}.work{padding-top:75px}.section-head>span{display:none}.feature-copy{padding:38px 25px}.feature-copy h3{margin-top:45px}.game-visual{min-height:340px}.film-info h3{font-size:21px}.about{padding-top:90px;padding-bottom:90px}footer p:nth-of-type(1){display:none}}