.hero{gap:48px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(42px,5.3vw,72px);letter-spacing:-3px}.hero .lead{max-width:580px}.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.studio-text-link{display:inline-flex;gap:14px;align-items:center;color:#8be9da;text-decoration:none;font-size:14px;font-weight:700}.studio-text-link:hover{color:#d8fff5}.studio-caption{font-size:12px;line-height:1.7;color:#8ba2ae;margin:18px 0 0}.arcade-entry-section{padding:60px 0 30px}.arcade-entrance{position:relative;display:grid;grid-template-columns:1fr 1.05fr;min-height:410px;border:1px solid #8be9da4a;border-radius:10px;background:radial-gradient(ellipse at 80% 70%,#19455166,transparent 65%),linear-gradient(125deg,#11232e,#08121f 65%);box-shadow:inset 0 1px #c4ffee0c,0 22px 65px #0003;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .25s,box-shadow .25s}.arcade-entrance:before,.arcade-entrance:after{content:'';position:absolute;width:27px;height:27px;pointer-events:none;border-color:#8be9da;border-style:solid}.arcade-entrance:before{left:0;top:0;border-width:2px 0 0 2px}.arcade-entrance:after{right:0;bottom:0;border-width:0 2px 2px 0}.entrance-copy{padding:52px 0 48px 48px;position:relative;z-index:2}.entry-status{display:flex;align-items:center;gap:9px;color:#a2c7ca;font:9px monospace;letter-spacing:1.8px}.entry-status i,.milestone-note i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#8be9da;box-shadow:0 0 10px #8be9da80}.entrance-copy h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-1.6px;line-height:1.15;margin:24px 0 18px}.entrance-copy h2 em,.studio-story h2 em,.studio-milestone h2 em{font-style:normal;color:#8be9da}.entrance-copy p{font-size:14px;line-height:1.8;color:#92acb9;max-width:350px;margin:0 0 26px}.entrance-action{display:inline-flex;align-items:center;gap:30px;color:#d2fff3;font-size:14px;font-weight:700;padding-bottom:9px;border-bottom:1px solid #8be9da80}.entrance-action>span{font-size:23px;font-weight:400;transition:transform .25s}.entrance-footnote{display:block;margin-top:32px;font:7px monospace;letter-spacing:1.8px;color:#597e8d}.entrance-scene{position:relative;overflow:hidden;min-height:410px;perspective:650px;background:radial-gradient(ellipse at 50% 55%,#65f5d31a,transparent 68%)}.hall-floor{position:absolute;width:140%;height:75%;left:-20%;bottom:-30%;background:repeating-linear-gradient(90deg,transparent 0 59px,#6ce7d52b 60px,transparent 61px),repeating-linear-gradient(0deg,transparent 0 44px,#6ce7d51a 45px,transparent 46px);transform:rotateX(60deg);mask-image:linear-gradient(transparent,#000 45%,transparent)}.hall-ceiling{position:absolute;width:50%;height:160px;left:25%;top:-100px;border:1px solid #8be9da32;transform:rotateX(-35deg);box-shadow:0 0 55px #8be9da13}.entrance-portal{position:absolute;left:50%;top:52%;width:205px;height:275px;transform:translate(-50%,-50%);border:1px solid #77dcca73;background:linear-gradient(90deg,#16414b,#0a1c29 5%,#102632 95%,#21505b);box-shadow:inset 0 0 0 6px #091725,0 0 45px #6affda0d;clip-path:polygon(10% 0,90% 0,100% 8%,100% 100%,0 100%,0 8%)}.portal-sign{display:block;position:relative;z-index:1;margin:23px 0 16px;text-align:center;font:700 18px monospace;letter-spacing:6px;color:#bcffeb;text-shadow:0 0 15px #8be9da40}.portal-door{position:absolute;inset:65px 18px 12px;border:1px solid #8be9da5c;background:radial-gradient(ellipse at center,#80f0d54a,#0c2632 70%);overflow:hidden}.door-panel{position:absolute;top:0;bottom:0;width:49.5%;background:linear-gradient(130deg,#163947,#102a37 60%,#244a52);box-shadow:inset 0 0 0 4px #06162155;transition:transform .5s}.door-panel:before{content:'';position:absolute;inset:15px;border:1px solid #8be9da22}.door-left{left:0;border-right:1px solid #9bffe3b0}.door-right{right:0;border-left:1px solid #9bffe3b0}.portal-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:49px;height:49px;border:1px solid #8be9da70;border-radius:50%;background:#163942;color:#bcffec;font-size:27px;box-shadow:0 0 28px #8be9da16}.portal-threshold{position:absolute;left:10%;right:10%;bottom:10px;height:2px;background:#aaffea;box-shadow:0 0 18px #8be9da}.hall-rack{position:absolute;top:40%;display:flex;gap:13px}.hall-rack i{display:block;width:34px;height:116px;background:linear-gradient(#172839 8%,#284452 9%,#0c1c2d 14% 75%,#35555c 76%,#142333 82%);border:1px solid #7bb5b34a;border-radius:5px 5px 0 0;box-shadow:inset 0 8px #a6f7df12}.hall-rack-left{left:-15px;transform:rotateY(45deg) rotateZ(-7deg)}.hall-rack-right{right:-15px;transform:rotateY(-45deg) rotateZ(7deg)}.hall-rack i:nth-child(2){opacity:.6;transform:scale(.82) translateY(-10px)}.hall-rack i:nth-child(3){opacity:.35;transform:scale(.65) translateY(-25px)}.hall-rack-right{flex-direction:row-reverse}.hall-coordinate{position:absolute;bottom:26px;right:25px;font:7px monospace;letter-spacing:2px;color:#6d929a}.arcade-entrance:hover{border-color:#9df5dbad;box-shadow:0 20px 70px #0003,0 0 35px #8be9da09}.arcade-entrance:hover .door-left{transform:translateX(-12px)}.arcade-entrance:hover .door-right{transform:translateX(12px)}.arcade-entrance:hover .entrance-action>span{transform:translate(3px,-3px)}.arcade-entrance:focus-visible{outline:2px solid #b8ffed;outline-offset:6px}
.studio-story{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-bottom:30px}.studio-story h2,.studio-belong h2{font-size:clamp(29px,3.2vw,43px);line-height:1.2;letter-spacing:-1.5px;margin:18px 0}.studio-story-copy p{font-size:15px;line-height:1.9;color:#9eb1bc;margin:0 0 18px}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:15px 0 65px}.studio-principles article{border-top:1px solid #8be9da2b;padding-top:23px}.studio-principles article>span{font:8px monospace;letter-spacing:1.3px;color:#6f9b9f}.studio-principles h3{font-size:20px;letter-spacing:-.5px;margin:20px 0 13px}.studio-principles p{font-size:13px;line-height:1.9;color:#8fa8b5;margin:0}.studio-milestone{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;border-block:1px solid #8be9da2b;padding:54px 0;background:radial-gradient(ellipse at 20% 60%,#2b64731a,transparent 65%)}.milestone-number{font-size:clamp(120px,16vw,210px);font-weight:900;letter-spacing:-12px;line-height:.9;text-align:center;color:#8be9da0c;-webkit-text-stroke:1px #8be9da65;text-shadow:0 0 70px #8be9da0e}.milestone-number>span{display:block;font:8px monospace;letter-spacing:4px;-webkit-text-stroke:0;color:#769d9f;margin-top:30px}.studio-milestone h2{font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-1.4px;margin:18px 0}.studio-milestone p{max-width:480px;font-size:14px;line-height:1.9;color:#94acb8}.milestone-note{display:flex;gap:10px;align-items:center;font:8px monospace;color:#7fa7a9;letter-spacing:1.5px;margin-top:24px}.studio-belong{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.studio-belong>div>p{font-size:14px;line-height:1.8;color:#8ca7b5;max-width:310px}.studio-belong-details article{display:flex;gap:20px;padding:0 0 24px}.studio-belong-details article>span{font:10px monospace;color:#5c9198;padding-top:6px}.studio-belong-details h3{font-size:18px;margin:0 0 10px}.studio-belong-details p{font-size:13px;line-height:1.9;color:#8fa8b5;margin:0;max-width:410px}.studio-belong-details>a{margin-left:36px;margin-top:10px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:5px}.hero h1{font-size:clamp(42px,7.5vw,64px)}.hero-art{max-width:500px;width:100%;margin:auto}.arcade-entrance{grid-template-columns:1fr 1fr}.entrance-copy{padding:38px 0 35px 28px}.entrance-copy h2{font-size:34px}.entrance-copy p{font-size:13px}.entrance-portal{width:165px;height:250px}.hall-rack{opacity:.5}.studio-story,.studio-belong{gap:35px}.studio-principles{gap:22px}.studio-principles h3{font-size:18px}.studio-milestone{gap:25px}}
@media(max-width:600px){.hero h1{letter-spacing:-2px}.studio-actions{gap:20px}.arcade-entry-section{padding:35px 0 15px}.arcade-entrance{grid-template-columns:1fr}.entrance-copy{padding:30px 25px 0}.entrance-copy h2{font-size:35px}.entrance-footnote{margin-top:22px;font-size:6px}.entrance-scene{min-height:300px}.entrance-portal{width:180px;height:245px;top:49%}.hall-rack{top:36%;opacity:.7}.hall-rack-left{left:5%}.hall-rack-right{right:5%}.hall-coordinate{font-size:6px;bottom:20px}.studio-story,.studio-belong,.studio-milestone{grid-template-columns:1fr;gap:15px}.studio-story{padding-top:40px}.studio-principles{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.studio-principles h3{margin:13px 0 10px}.studio-milestone{padding:38px 20px;gap:35px}.milestone-number{font-size:150px;letter-spacing:-8px}.studio-milestone h2{font-size:31px}.studio-belong-details{padding-top:10px}.studio-caption{font-size:11px}.strip span{font-size:7px!important;letter-spacing:1px!important}}
@media(prefers-reduced-motion:reduce){.arcade-entrance,.door-panel,.entrance-action>span{transition:none}.arcade-entrance:hover .door-panel,.arcade-entrance:hover .entrance-action>span{transform:none}}
