:root{color-scheme:dark;--blue:#00b5ff;--muted:#aebccd;--panel:#0b1521}*{box-sizing:border-box}body{margin:0;background:#050911;color:#f5f8ff;font:17px/1.6 system-ui,sans-serif}a{color:inherit}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7be3ff}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10;background:#000;padding:1rem}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(5vw,20px);border-bottom:1px solid #233144}.brand{text-decoration:none;font-size:23px;font-weight:800}.brand span{color:var(--blue)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a[aria-current]{color:var(--blue)}.mark{display:inline-block;vertical-align:middle;width:52px;height:50px;background:url('/studio/assets/ehtek-brand.jpg') -17px -4px / 200px auto;margin-right:10px}.hero{min-height:640px;display:flex;align-items:flex-end;background:linear-gradient(0deg,#050911 2%,#050911bb 38%,#05091100 90%),url('/studio/assets/elderift.jpg') center top/cover}.hero-content{width:100%;max-width:1280px;margin:auto auto 0;padding:250px 5vw 60px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#79d9ff;font-size:12px;font-weight:800}h1{font-size:clamp(38px,6vw,76px);line-height:1.05;max-width:820px;letter-spacing:-.04em;margin:15px 0 25px}h2{font-size:32px;line-height:1.2}p{max-width:680px;color:var(--muted)}.buttons{display:flex;gap:14px;flex-wrap:wrap}.button,button{display:inline-block;background:#007bb0;border:1px solid #32c6ff;color:#fff;border-radius:5px;padding:12px 22px;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}.secondary{background:#0c1725;border-color:#39516b}.wrap{max-width:1280px;margin:auto;padding:60px 5vw}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{display:block;padding:30px;background:linear-gradient(145deg,#142335,#080d16);border:1px solid #294057;border-radius:10px;text-decoration:none}.card:hover{border-color:#00b5ff}.card p{margin-bottom:0}.card .number{color:#74d4ff;font-size:13px}.card h3{font-size:26px;margin:18px 0 8px}.feature{background:linear-gradient(90deg,#070e18,#101932);border-block:1px solid #263851}.form{max-width:560px;padding:30px;border:1px solid #294057;background:var(--panel);border-radius:10px}label{display:block;margin:18px 0 6px}input{width:100%;padding:13px;background:#050a12;border:1px solid #52718a;border-radius:4px;color:#fff;font:inherit}.form button{margin-top:20px}.status{color:#95e1ff;min-height:28px}.tag{color:#b6a2ff;font-size:13px}.profile-id{word-break:break-all;font-family:monospace}footer{padding:30px 5vw;border-top:1px solid #263851;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:15px}.grid{grid-template-columns:1fr}.hero{min-height:570px;background-position:center top}.hero-content{padding-top:260px}.wrap{padding-block:40px}h1{font-size:42px}}@media(prefers-reduced-motion:no-preference){.card{transition:border-color .2s}}
:root{--gold:#eec96d}header{background:#03070edb;position:relative;z-index:2;padding:13px 3vw;gap:24px}.brand{font-style:italic;white-space:nowrap;font-size:25px}nav{gap:24px;justify-content:center}nav a{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.header-join{white-space:nowrap;padding:8px 22px!important;font-size:13px!important}.cinema{background:linear-gradient(0deg,#03070d20,#03070d00),url('/studio/assets/studio-worlds-v2.png') center center/cover;min-height:calc(100vh - 160px);padding:35px 5vw 12px;display:flex;flex-direction:column;justify-content:space-between}.world-columns{display:grid;grid-template-columns:34% 30% 36%;align-items:center;min-height:550px}.studio-panel,.elderift-panel{text-align:center;padding:10px 25px;text-shadow:0 2px 10px #000}.studio-logo{width:min(100%,320px);height:260px;object-fit:contain;filter:drop-shadow(0 6px 12px #000)}.elderift-logo{width:100%;height:225px;object-fit:contain;filter:drop-shadow(0 4px 10px #000)}.motto{color:#8ee2ff;letter-spacing:.34em;font-size:13px;margin:0 auto 16px}.studio-panel h1{font:24px/1.3 Georgia,serif;text-transform:uppercase;letter-spacing:.08em;margin:0 auto 10px;max-width:none}.intro{font:17px/1.35 Georgia,serif;color:#e6eefc;margin:0 auto 20px;max-width:370px}.pillars{list-style:none;display:flex;padding:0;justify-content:space-between;margin:24px -12px;color:#d8e7fa;gap:8px}.pillars li{font:10px/1.3 Georgia,serif;text-transform:uppercase}.pillars span{display:block;color:#8ec7ff;font:32px/1 system-ui;margin-bottom:10px}.glow-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:11px 32px;text-decoration:none;text-transform:uppercase;font:17px/1.2 Georgia,serif;letter-spacing:.07em;border:1px solid #56d6ff;box-shadow:0 0 5px #05aaff,inset 0 0 10px #05aaff33;background:#020a15c9;color:#eff8ff;border-radius:3px}.glow-button:hover{background:#0a2944}.glow-button span{color:#57d7ff;font-family:system-ui}.gold{border-color:#e8b94a;box-shadow:0 0 7px #f0ac38,inset 0 0 10px #e8b94a33;color:#ffde8b;background:#140c03cc}.gold span{color:#ffdc77}.game-verbs{color:#e9e0d2;font:12px/1.5 Georgia,serif;text-transform:uppercase;letter-spacing:.16em;margin:10px auto 25px}.elderift-panel h2{font:22px/1.3 Georgia,serif;text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px}.development-note{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ddcdb2;margin:12px auto 0}.cinema-tiles{width:min(100%,960px);margin:25px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cinema-tile{position:relative;min-height:126px;text-decoration:none;border:1px solid #386984;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;padding:50px 8px 10px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 2px 12px #000}.cinema-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020711 8%,#02071122 100%)}.cinema-tile strong,.cinema-tile span{position:relative;z-index:1}.cinema-tile strong{text-transform:uppercase;letter-spacing:.07em;font-size:15px}.cinema-tile span{font-size:10px;color:#99d9ff;text-transform:uppercase;letter-spacing:.05em}.cinema-tile b{position:absolute;right:0;font-size:18px;top:-3px}.tile-elderift{background-image:url('/studio/assets/elderift.jpg')}.tile-roadmap{background-image:url('/studio/assets/studio-worlds-v2.png');background-position:55% 45%}.tile-projects{background-image:url('/studio/assets/studio-worlds-v2.png');background-position:left}.tile-community{background-image:url('/studio/assets/studio-worlds-v2.png');background-position:right}.cinema-tile:hover{border-color:#62d7ff}.footer-leaf{color:#00b5ff;font-size:24px;margin:0 15px}footer{padding:18px 3vw;background:#02050a;font-size:11px;text-transform:uppercase;letter-spacing:.1em}select{font:inherit;background:#071322;color:#fff;padding:10px;border:1px solid #52718a;border-radius:4px;max-width:100%}@media(min-width:1600px){.cinema{padding-top:50px}.world-columns{min-height:650px}.studio-logo{height:310px}.elderift-logo{height:270px}.cinema-tiles{margin-top:35px}}@media(max-width:1150px){header{flex-wrap:wrap;justify-content:center}.brand{margin-right:auto}.header-join{margin-left:auto}nav{order:3;width:100%;gap:22px}.cinema{padding-inline:3vw}.world-columns{grid-template-columns:38% 22% 40%}.studio-panel,.elderift-panel{padding-inline:12px}.studio-panel h1{font-size:21px}.intro{font-size:16px}.pillars{margin-inline:0;gap:4px}.pillars li{font-size:9px}.motto{letter-spacing:.22em;font-size:11px}}@media(max-width:700px){header{flex-direction:row;align-items:center;gap:12px}.brand{font-size:21px}.header-join{font-size:11px!important;padding:8px 12px!important}nav{gap:12px;row-gap:10px}nav a{font-size:10px}.mark{width:42px;margin-right:4px}.cinema{background-size:auto 100%;background-position:center top;padding:24px 18px}.world-columns{grid-template-columns:1fr;gap:90px}.portal-space{display:none}.studio-panel,.elderift-panel{padding:20px 10px;border-radius:8px;background:#030911d6;box-shadow:0 0 30px #0005}.studio-logo{height:230px}.elderift-logo{height:190px}.intro{font-size:17px}.pillars{max-width:400px;margin:24px auto}.pillars li{font-size:10px}.cinema-tiles{grid-template-columns:repeat(2,1fr);margin-top:34px}.cinema-tile{min-height:130px}.studio-panel h1{font-size:23px}.motto{font-size:12px}footer{font-size:10px;line-height:1.8}}
.tile-roadmap{background-image:url("/studio/assets/elderift.jpg");background-size:350% auto;background-position:18% 48%}.tile-projects{background-size:350% auto;background-position:0% 45%}.tile-community{background-size:350% auto;background-position:100% 60%}.tile-symbol{position:absolute;width:94px;height:76px;object-fit:contain;top:3px;left:calc(50% - 47px);z-index:1}
.developers{min-height:75vh}.developer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,380px));gap:28px;margin-top:36px}.developer-profile{overflow:hidden;border:1px solid #315978;border-radius:12px;background:#09121edb;box-shadow:0 15px 50px #0004}.developer-banner{height:160px;background:linear-gradient(120deg,#00344e9c,#101e3699),url("/studio/assets/studio-worlds-v2.png") 45% 35%/cover;display:flex;align-items:flex-end;justify-content:space-between;padding:24px;gap:20px}.developer-avatar{display:grid;place-items:center;width:84px;height:84px;border:2px solid #6adfff;border-radius:50%;background:#071421;color:#c7f0ff;font-size:30px;font-weight:800;box-shadow:0 0 20px #00b5ff33}.developer-role{border:1px solid #ddbb65;background:#1a150be6;color:#ffe5a0;padding:5px 15px;border-radius:20px;font-size:13px}.developer-details{padding:28px}.developer-details h2{font-size:32px;margin:12px 0 4px}.developer-title{color:#80d5ff;margin:0 0 20px}.developer-details dl{margin:24px 0 0}.developer-details dl div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #25394f;padding:12px 0}.developer-details dt{color:#aebccd}.developer-details dd{margin:0}@media(max-width:420px){.developer-grid{grid-template-columns:1fr}}
