html,body{margin:0;background:#11120f;color:#f2eee6}body{font-family:Arial,Helvetica,sans-serif}.landing{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:0 max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-bottom))}.cinema{position:absolute;inset:0;z-index:-2;background:#10120f;overflow:hidden}.room{position:absolute;width:140%;height:110%;left:-20%;top:-10%;perspective:850px;background:radial-gradient(ellipse at 61% 43%,#343b2c55,transparent 58%)}.wall{position:absolute;left:48%;top:9%;height:71%;width:25%;background:linear-gradient(95deg,#090b09,#161a13 70%,#33392a);transform:skewY(-12deg);box-shadow:-50px 0 100px #0009}.door{position:absolute;left:45%;top:11%;height:65%;width:2px;background:#e0be89;box-shadow:0 0 10px #dbb780,0 0 60px 12px #bea27170;transform:skewY(-12deg);animation:door-breathe 12s ease-in-out infinite alternate}.beam{position:absolute;left:45%;top:10%;width:50%;height:87%;background:linear-gradient(115deg,#e4c49135,transparent 60%);clip-path:polygon(0 0,7% 0,100% 100%,0 75%);filter:blur(8px);transform-origin:0 0;animation:light-drift 18s ease-in-out infinite alternate}.floor{position:absolute;inset:68% -20% -30%;background:repeating-linear-gradient(90deg,transparent 0,transparent 88px,#bec2950b 89px,#bec2950b 90px),linear-gradient(180deg,#373a2455,#080a08);transform:perspective(220px) rotateX(42deg);transform-origin:top}.orbital{position:absolute;width:74vw;height:74vw;max-width:940px;max-height:940px;border:1px solid #b9be9840;border-radius:50%;left:-19%;top:12%;transform:rotateX(64deg) rotateZ(-31deg);box-shadow:0 0 0 32px #afb88a05,0 0 0 100px #afb88a04;animation:orbit-drift 26s ease-in-out infinite alternate}.scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#00000010 4px);opacity:.55}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b0d0b30 0,transparent 30%,#0b0d0b10 48%,#10120fdd 100%)}.grain{position:absolute;inset:0;opacity:.09;filter:url(#grain-filter);pointer-events:none}.cinematic-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px;border-bottom:1px solid #d4d8bd30}.landing-brand{font-size:11px;line-height:1.4;letter-spacing:.16em;font-weight:700;text-decoration:none}.cinematic-menu{min-width:84px;min-height:44px;padding:10px 14px;color:#eeeade;border:1px solid #d4d8bd55;background:#13171280;font-size:12px;letter-spacing:.07em;cursor:pointer}.landing .menu{position:absolute;right:22px;top:80px;left:22px;z-index:5;background:#161a15f5;border:1px solid #8c957350;padding:12px}.landing .menu a{font-size:16px;min-height:48px}.landing-stage{display:flex;flex-direction:column;flex:1;justify-content:flex-end;padding:100px 0 22px}.coordinates{font-size:10px;letter-spacing:.18em;color:#c0c6b0;margin:0 0 24px}.cinematic-title{font-size:clamp(76px,13vw,210px);line-height:.79;letter-spacing:-.085em;font-weight:500;margin:0 0 28px;max-width:1250px}.cinematic-title span{display:block}.cinematic-title .studios{color:#c0c8ad}.landing-line{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;border-top:1px solid #c9d0b53b;padding-top:22px}.landing-subtitle{font-size:15px;line-height:1.6;color:#c2c8b6;margin:0;max-width:290px}.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;min-width:228px;padding:14px 18px;color:#161912;background:#d2d8bf;text-decoration:none;font-size:13px;font-weight:700}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:#909a83;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.landing a:focus-visible,.landing button:focus-visible{outline:3px solid #f4d1a0;outline-offset:5px}@keyframes light-drift{from{transform:rotate(-5deg);opacity:.6}to{transform:rotate(6deg);opacity:1}}@keyframes door-breathe{from{opacity:.55}to{opacity:1}}@keyframes orbit-drift{from{transform:rotateX(64deg) rotateZ(-31deg) translateY(-12px)}to{transform:rotateX(64deg) rotateZ(-25deg) translateY(12px)}}@media(max-width:700px){.landing{padding-left:22px;padding-right:22px}.cinematic-top{min-height:84px}.landing-stage{padding:clamp(40px,12svh,120px) 0 20px}.cinematic-title{font-size:clamp(48px,16vw,112px);line-height:.85;letter-spacing:-.075em;margin-bottom:28px}.coordinates{font-size:9px;letter-spacing:.13em;margin-bottom:20px}.landing-line{display:block;padding-top:18px}.landing-subtitle{font-size:13px;max-width:240px;margin-bottom:22px}.enter{min-width:0;width:100%;min-height:52px}.landing-footer{font-size:8px;padding-top:12px}.wall{left:46%;width:42%;top:7%;height:61%}.door{left:43%;top:8%;height:58%}.beam{left:43%;top:7%;width:80%;height:80%}.orbital{width:140vw;height:140vw;left:-68%;top:8%}.floor{top:58%}.shade{background:linear-gradient(180deg,#0b0d0b20,transparent 27%,#10120f55 48%,#10120ff0 80%)}.landing .menu{top:74px}}@media(max-height:700px) and (max-width:700px){.cinematic-top{min-height:72px}.landing-stage{padding-top:36px}.coordinates{margin-bottom:16px}.cinematic-title{margin-bottom:22px}.landing-subtitle{margin-bottom:16px}.landing-footer{padding-top:8px}}@media(prefers-reduced-motion:reduce){.beam,.door,.orbital{animation:none!important}.beam{opacity:.8}.door{opacity:.8}}