@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500;600;700;800&family=Rajdhani:wght@600;700&display=swap');
:root{--cyan:#21dcff;--blue:#167bff;--magenta:#ff39d7;--red:#ff4a36;--ink:#01050a;--panel:#030914;--muted:#a9bfd0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'Exo 2',Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}.site-header{height:76px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:rgba(0,3,8,.96);border-bottom:1px solid rgba(33,220,255,.4);box-shadow:0 9px 28px rgba(0,0,0,.5);backdrop-filter:blur(16px)}.site-header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55}.brand{width:58px;height:58px;display:grid;place-items:center}.brand img{width:58px;height:58px}.site-header nav{display:flex;gap:clamp(20px,3vw,42px)}.site-header nav a{text-decoration:none;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:.1em;color:#edf8ff;position:relative}.site-header nav a:hover,.site-header nav a:first-child{color:var(--cyan)}.site-header nav a:first-child:after{content:'';position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.menu{display:none;border:1px solid rgba(33,220,255,.55);background:transparent;color:#fff;padding:.55rem .7rem;font-size:1.15rem}
.hero{position:relative;min-height:610px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:26px 18px 0;background:radial-gradient(circle at 50% 34%,rgba(0,90,255,.28),transparent 27%),linear-gradient(180deg,#01050a 0%,#020b18 64%,#01050a 100%)}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 12% 17%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 68% 22%,#35dbff 0 1px,transparent 1.5px),radial-gradient(circle at 86% 12%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 35% 28%,#fff 0 1px,transparent 1.3px);background-size:143px 143px,211px 211px,263px 263px,181px 181px;opacity:.58}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.021) 0,rgba(255,255,255,.021) 1px,transparent 1px,transparent 4px);z-index:8}.hero-copy{width:min(1480px,97vw);position:relative;z-index:2;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:22px;color:var(--cyan);font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.42em;text-transform:uppercase}.eyebrow:before,.eyebrow:after{content:'';width:92px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.eyebrow:after{transform:scaleX(-1)}.hero-identity{margin:-4px auto 0}.master-hero-logo{width:min(1370px,92vw);max-height:300px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 10px rgba(0,190,255,.65)) drop-shadow(0 0 36px rgba(0,80,255,.33))}.hero-summary{max-width:720px;margin:-10px auto 0;color:#ecf8ff;font-size:16px;line-height:1.4;text-shadow:0 2px 5px #000}.button{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 38px;text-decoration:none;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:.09em;color:var(--cyan);border:1px solid var(--cyan);background:linear-gradient(180deg,rgba(0,48,88,.65),rgba(0,12,27,.8));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:0 0 20px rgba(0,170,255,.25),inset 0 0 18px rgba(0,120,255,.15)}.button:hover{background:rgba(0,120,190,.25);box-shadow:0 0 30px rgba(0,200,255,.4)}.vector-grid{position:absolute;left:-8%;right:-8%;bottom:-23%;height:49%;transform:perspective(520px) rotateX(64deg);transform-origin:center bottom;background-image:linear-gradient(rgba(31,190,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(31,190,255,.35) 1px,transparent 1px);background-size:50px 34px;mask-image:linear-gradient(to top,#000 0%,#000 57%,transparent 100%);filter:drop-shadow(0 0 5px rgba(0,160,255,.45))}.vector-horizon{position:absolute;left:3%;right:3%;bottom:136px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 14%,#fff 50%,var(--cyan) 86%,transparent);box-shadow:0 0 10px var(--cyan),0 0 34px rgba(0,130,255,.78)}.vector-horizon:before,.vector-horizon:after{content:'';position:absolute;bottom:0;width:24%;height:90px;border-top:1px solid rgba(33,220,255,.75);filter:drop-shadow(0 0 5px rgba(0,160,255,.55))}.vector-horizon:before{left:0;clip-path:polygon(0 100%,11% 62%,20% 72%,31% 38%,43% 62%,55% 28%,68% 50%,78% 18%,88% 47%,100% 0,100% 100%)}.vector-horizon:after{right:0;clip-path:polygon(0 0,12% 47%,22% 18%,32% 50%,45% 28%,57% 62%,69% 38%,80% 72%,88% 62%,100% 100%,0 100%)}
.comic-stack{width:min(1500px,96vw);margin:-78px auto 0;padding:0 0 14px;position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comic-card{position:relative;min-height:410px;overflow:hidden;border:1px solid currentColor;background:#030913;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);box-shadow:inset 0 0 28px rgba(255,255,255,.03),0 12px 35px rgba(0,0,0,.5)}.comic-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.9));pointer-events:none}.comic-art{position:absolute;inset:0}.comic-art img{position:absolute}.card-copy{position:absolute;left:24px;right:24px;bottom:20px;z-index:5}.card-copy .kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.card-copy h2{font-family:'Rajdhani',sans-serif;font-size:54px;line-height:.85;text-transform:uppercase;margin:.14em 0}.card-copy p{max-width:280px;margin:0;color:#d7e4ed;font-size:14px;line-height:1.45}.riptide-card{color:var(--cyan);background:radial-gradient(circle at 68% 40%,#0a6d98,#042238 52%,#01050a 100%)}.riptide-card .rip-character{height:96%;right:-1%;bottom:0;filter:drop-shadow(0 18px 25px rgba(0,0,0,.72))}.wave-field{position:absolute;inset:10% -20% -15% 20%;background:repeating-radial-gradient(ellipse at 48% 65%,transparent 0 22px,rgba(0,210,255,.18) 23px 25px);transform:rotate(-8deg);opacity:.8}.v-card{color:var(--magenta);background:radial-gradient(circle at 58% 35%,rgba(255,20,210,.22),transparent 34%),linear-gradient(145deg,#27002d,#0d0b20 55%,#03131e)}.v-card:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,0,220,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.08) 1px,transparent 1px);background-size:30px 30px;transform:perspective(500px) rotateX(62deg);transform-origin:center bottom}.v-card .v-logo{width:39%;left:7%;top:6%;filter:drop-shadow(0 0 18px rgba(255,30,210,.55))}.v-characters{position:absolute;inset:17% -3% 0 20%;display:flex;align-items:flex-end;justify-content:center}.v-characters img{position:relative;width:34%;height:96%;object-fit:contain;margin:0 -4%;filter:drop-shadow(0 0 18px rgba(0,0,0,.65))}.ftw-card{color:var(--red);background:radial-gradient(circle at 70% 48%,#5c090c,#1a0204 58%,#030101)}.ftw-card .ftw-logo{width:42%;left:6%;top:7%;filter:drop-shadow(0 0 14px rgba(255,40,30,.45))}.ftw-card .ftw-character{height:96%;right:-3%;bottom:0;filter:drop-shadow(0 18px 28px rgba(0,0,0,.75))}.target-field{position:absolute;inset:4% -18% 0 18%;background:radial-gradient(circle at 70% 48%,transparent 0 6%,rgba(255,50,35,.48) 6.3% 6.9%,transparent 7.2%),repeating-radial-gradient(circle at 70% 48%,transparent 0 37px,rgba(255,45,30,.2) 38px 39px);opacity:.82}
.destination-grid{width:min(1500px,96vw);margin:auto;padding:0 0 72px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.destination-card{min-height:330px;position:relative;overflow:hidden;display:grid;grid-template-columns:48% 52%;align-items:center;padding:34px;border:1px solid var(--cyan);text-decoration:none;background:linear-gradient(145deg,#071828,#02070d);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.destination-card h2{font-family:'Rajdhani',sans-serif;font-size:48px;line-height:.9;text-transform:uppercase;margin:.3em 0}.destination-card p{color:#c6d6e1;line-height:1.55}.destination-card b{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.merch-display{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.merch-display span{min-height:140px;display:grid;place-items:center;border:1px solid #56636e;border-radius:9px;background:linear-gradient(160deg,#111a23,#020407);text-transform:uppercase;font-weight:800;box-shadow:0 12px 24px rgba(0,0,0,.4)}.merch-display span:nth-child(1){transform:rotate(-6deg);color:var(--cyan)}.merch-display span:nth-child(2){min-height:172px}.merch-display span:nth-child(3){transform:rotate(6deg);color:var(--red)}.concept-display{height:250px;display:flex;align-items:end;justify-content:center}.concept-display img{width:36%;max-height:100%;object-fit:contain;margin:0 -8%;filter:drop-shadow(0 0 14px rgba(33,220,255,.28))}.concept-display img:last-child{height:100%;z-index:2}
footer{padding:44px clamp(22px,4vw,62px);border-top:1px solid rgba(33,220,255,.35);background:#010409;color:#8fa4b5;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.footer-brand img{width:220px}.footer-brand p{margin:.6rem 0 0}footer nav{display:flex;gap:24px}footer nav a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.copyright{grid-column:1/-1;font-size:12px;margin:0}
@media(max-width:1000px){.comic-stack{grid-template-columns:1fr;margin-top:-45px}.comic-card{min-height:510px}.destination-grid{grid-template-columns:1fr}.hero{min-height:590px}.master-hero-logo{width:97vw}.vector-horizon{bottom:126px}}
@media(max-width:680px){.site-header{height:66px}.brand{width:50px;height:50px}.brand img{width:50px;height:50px}.menu{display:block}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:22px;flex-direction:column;background:#02070c;border-bottom:1px solid rgba(33,220,255,.35)}.site-header.open nav{display:flex}.hero{min-height:515px;padding-top:22px}.eyebrow{font-size:9px;letter-spacing:.24em}.eyebrow:before,.eyebrow:after{width:28px}.master-hero-logo{width:112vw;max-width:none;max-height:230px}.hero-summary{font-size:14px;max-width:90vw}.button{font-size:15px;padding:11px 27px}.vector-horizon{bottom:118px;left:1%;right:1%}.vector-grid{height:40%;bottom:-17%;background-size:34px 27px}.comic-stack{width:94vw;margin-top:-28px}.comic-card{min-height:520px}.card-copy h2{font-size:44px}.riptide-card .rip-character,.ftw-card .ftw-character{height:80%;right:-13%}.v-characters{inset:24% -16% 8% -2%}.destination-grid{width:94vw}.destination-card{grid-template-columns:1fr;min-height:520px;padding:28px}.merch-display{margin-top:20px}.concept-display{height:300px}footer{grid-template-columns:1fr;text-align:center}footer nav{justify-content:center;flex-wrap:wrap}.footer-brand img{margin:auto}.copyright{grid-column:auto}}