@font-face{font-family:ATGMono;src:local('Cousine'),local('Consolas');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--orange:#ff7832;--ink:#e7eaed;--line:#23313e;margin:0;background:#03060a;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;min-width:320px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}::selection{color:black;background:var(--orange)}
.topbar{height:88px;background:#03070bcc;position:relative;z-index:20;border-bottom:1px solid #1b2a38}.topbar-inner{height:100%;width:min(1480px,calc(100% - 60px));margin:auto;display:flex;align-items:center;gap:34px}.studio-logo{display:flex;align-items:center;flex-shrink:0}.studio-logo img{width:240px;height:auto;display:block}.nav{margin-left:auto;display:flex;gap:38px;height:100%;align-items:center}.nav-item{font-size:12px;letter-spacing:.06em;font-weight:750;height:100%;display:flex;align-items:center;position:relative}.nav-item:hover,.nav-item.is-active{color:var(--orange)}.nav-item.is-active:after{content:'';position:absolute;height:2px;background:var(--orange);bottom:16px;left:0;right:0}.top-social{display:flex;gap:22px;border-left:1px solid #25323e;padding-left:27px}.top-social a{height:24px;display:flex;align-items:center}.top-social a:hover{color:var(--orange)}.top-social svg{height:22px;width:22px}.mobile-menu{display:none}
.site-bg{position:absolute;top:88px;left:0;width:100%;height:755px;background-image:url('/assets/scene.webp');background-size:cover;background-position:center top;background-repeat:no-repeat;pointer-events:none;z-index:-1}.site-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(3,6,10,.25) 76%,#03060a 100%)}main{position:relative}.hero{width:100%;height:515px}.hero-content{width:min(1410px,calc(100% - 64px));height:100%;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:10px}.hero h1{margin:0;line-height:0}.beyond-logo{display:block;max-width:100%;height:auto;width:min(810px,66vw);filter:drop-shadow(0 14px 22px #0009)}.tagline{font-family:ATGMono,Consolas,'Courier New',monospace;font-size:clamp(14px,1.35vw,22px);font-weight:400;letter-spacing:.20em;line-height:1.7;color:#d4e9f5;margin:22px 0 26px;display:flex;align-items:center;gap:25px;white-space:nowrap}.tagline:before{content:'';display:block;background:var(--orange);width:4px;height:38px;flex:0 0 4px}.outline-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;border:1px solid var(--orange);color:var(--orange);padding:13px 24px;min-height:51px;font-weight:720;font-size:12px;letter-spacing:.06em;transition:background .15s,color .15s;background:#03070cb0}.outline-link span{font-size:21px;line-height:1;font-weight:400}.outline-link:hover{background:var(--orange);color:#071019}
.gallery-wrap{width:min(1410px,calc(100% - 64px));margin:0 auto;padding:20px 0 39px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shot{padding:0;border:1px solid #304352;background:#060b12;overflow:hidden;aspect-ratio:2.17;min-width:0;display:block;transition:border-color .2s}.shot img{display:block;object-fit:cover;width:100%;height:100%}.shot:hover{border-color:var(--orange)}.gallery-controls{display:flex;justify-content:flex-end;gap:9px;margin-top:3px}.gallery-controls button{border:0;background:transparent;color:#c8d3df;font-size:35px;line-height:1;height:41px;width:36px}.gallery-controls button:hover{color:var(--orange)}
.sub-hero{height:500px}.hero-content.center{align-items:center;text-align:center}.sub-hero .beyond-logo{width:min(760px,76vw)}.tagline.no-stripe:before{display:none}.tagline.no-stripe{margin-top:30px}.sub-hero-short{height:400px}.page-heading{font-family:ATGMono,'Consolas','Courier New',monospace;font-weight:500;letter-spacing:.16em;font-size:clamp(42px,5vw,84px);line-height:1.2!important;text-align:center;text-shadow:0 4px 20px #000}
.games-body{max-width:1400px;margin:auto;padding:42px 32px 110px;text-align:center}.games-body>h2,.simple-content h2{font-family:ATGMono,Consolas,monospace;font-weight:500;letter-spacing:.16em;font-size:clamp(24px,2.4vw,35px);margin:0 0 26px}.game-intro{font-size:clamp(16px,1.7vw,23px);font-family:ATGMono,Consolas,monospace;line-height:1.8;letter-spacing:.01em;color:#cad7e1;margin:0 auto 85px;max-width:800px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:80px}.feature-grid article{min-width:0}.feature-grid article img{display:block;width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;border:1px solid #304352}.feature-grid h3{font-family:ATGMono,Consolas,monospace;font-size:23px;letter-spacing:.12em;font-weight:500;margin:26px 0 12px}.feature-grid p{font-size:16px;color:#aab7c4;margin:0}.simple-content{margin:0 auto;padding:55px 24px 150px;max-width:770px;text-align:center}.simple-content p{margin:24px auto;font-size:clamp(17px,1.6vw,21px);line-height:1.8;color:#becbd5;max-width:730px}.simple-content .outline-link{margin-top:36px}
.contact-content{max-width:710px;margin:0 auto;padding:45px 24px 120px;text-align:center}.contact-address{font-size:clamp(15px,1.6vw,22px);margin:0 0 56px}.contact-address a{border-bottom:1px solid #617180;padding-bottom:12px}.contact-address a:hover{color:var(--orange);border-color:var(--orange)}.contact-form{display:flex;flex-direction:column;text-align:left;gap:23px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:12px;letter-spacing:.11em;color:#c8d5dd;font-weight:650}.field input,.field textarea,.field select{border:1px solid #324150;background:#070d16;border-radius:0;color:#edf4f7;padding:13px 15px;width:100%;min-width:0;min-height:46px}.field textarea{resize:vertical;min-height:135px;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{outline:1px solid var(--orange);outline-offset:0}.field select option{background:#070d16}.submit{align-self:center;margin-top:8px}.honeypot{position:absolute;left:-100000px;top:auto;width:1px;height:1px;overflow:hidden}.form-alert{border:1px solid #af783c;padding:17px;margin-bottom:30px;color:#ffe0bf}.form-alert.success{border-color:#3d997f;color:#b3f2d9}
footer{position:relative;border-top:1px solid #192735;background:#03060a}.footer-bar{max-width:1410px;margin:auto;min-height:83px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#8797a4;letter-spacing:.10em;font-size:11px}.footer-bar>div{display:flex;gap:22px}.footer-bar a:hover{color:var(--orange)}
#image-dialog{padding:0;background:#03070c;border:1px solid #445361;max-width:min(93vw,1400px);max-height:92vh;color:white;overflow:visible}#image-dialog::backdrop{background:#000e}#image-dialog img{display:block;max-width:100%;max-height:86vh;object-fit:contain}.dialog-close{position:absolute;right:0;top:-48px;background:transparent;color:white;font-size:40px;border:0}
@media(max-width:900px){.topbar-inner{width:calc(100% - 36px);gap:12px}.studio-logo img{width:196px}.mobile-menu{display:flex;margin-left:auto;order:3;flex-direction:column;justify-content:center;gap:5px;height:42px;width:40px;padding:6px;background:none;border:0}.mobile-menu span{height:2px;background:#eef2f6;width:100%;display:block}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#040a10;z-index:10;padding:12px 25px 22px;flex-direction:column;gap:0;align-items:stretch;height:auto}.nav.open{display:flex}.nav-item{height:52px}.nav-item.is-active:after{right:auto;bottom:7px;width:45px}.top-social{margin-left:auto;border-left:0;padding-left:0;gap:12px}.hero-content{width:calc(100% - 56px)}.gallery-wrap{width:calc(100% - 56px)}.feature-grid{gap:16px}.feature-grid h3{font-size:19px}}
@media(max-width:600px){.topbar{height:74px}.topbar-inner{width:calc(100% - 28px)}.studio-logo img{width:167px}.top-social svg{width:19px;height:19px}.top-social{gap:8px}.mobile-menu{width:32px;padding:4px}.nav{top:74px}.site-bg{top:74px;height:580px;background-position:60% top}.hero{height:420px}.hero-content{width:calc(100% - 38px);justify-content:center}.home-hero .hero-content{align-items:flex-start}.beyond-logo{width:100%;max-width:590px}.tagline{font-size:11px;gap:12px;letter-spacing:.07em;margin:22px 0 26px}.tagline:before{height:27px;width:3px;flex-basis:3px}.outline-link{font-size:11px;min-height:46px;padding:12px 14px;gap:15px}.gallery-wrap{width:calc(100% - 38px);padding-top:0}.gallery{grid-template-columns:1fr}.gallery .shot{display:none}.gallery .shot:first-child{display:block;aspect-ratio:2.1}.gallery-controls{margin-top:7px}.sub-hero{height:405px}.sub-hero-short{height:310px}.sub-hero .beyond-logo{width:100%}.tagline.no-stripe{white-space:normal}.page-heading{font-size:clamp(30px,8vw,54px)}.games-body{padding:25px 20px 70px}.games-body>h2{font-size:24px}.game-intro{margin-bottom:48px;font-size:15px}.feature-grid{grid-template-columns:1fr;gap:48px;margin-bottom:55px}.feature-grid h3{font-size:19px;margin-top:18px}.feature-grid p{font-size:15px}.simple-content{padding-top:24px;padding-bottom:90px}.simple-content h2{font-size:22px}.simple-content p{font-size:17px}.contact-content{padding:25px 20px 85px}.contact-address{margin-bottom:40px}.field-pair{grid-template-columns:1fr;gap:23px}.footer-bar{padding:22px;flex-direction:column;align-items:flex-start;gap:14px;font-size:10px}.footer-bar>div{flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}