@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{--bg:#101010;--panel:#1b1b1b;--ink:#f6f6f6;--muted:#aaa;--line:#303030;--accent:#ededed;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}sup{font-size:.48em;margin-left:3px;vertical-align:super}.section-shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{width:min(1440px,100%);padding:24px 56px;min-height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:3}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-1px;font-weight:700;white-space:nowrap;line-height:1.2}.wordmark img{object-fit:contain}.wordmark-light{font-weight:400}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{color:#c1c1c1;transition:color .2s}.header nav a:hover{color:var(--accent)}.header nav span{margin-left:12px;color:var(--accent)}.skip-link{position:fixed;left:20px;top:15px;transform:translateY(-150%);z-index:20;background:var(--accent);color:var(--bg);padding:10px 18px}.skip-link:focus{transform:translateY(0)}#sparkles{position:fixed;inset:0;pointer-events:none;z-index:5;width:100%;height:100%}.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:6;pointer-events:none}

.hero{padding-top:70px;position:relative;display:grid;grid-template-columns:1.35fr 1fr;column-gap:48px}.hero-copy{padding-top:16px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px;line-height:1.5;color:var(--muted)}.small-square{display:inline-block;width:6px;height:6px;background:var(--accent);flex-shrink:0}.hero h1{font-family:var(--display);font-size:clamp(44px,5.4vw,78px);font-weight:600;line-height:1.14;letter-spacing:-3.8px;margin-top:25px}.muted-title{color:#969696}.hero-description{max-width:380px;color:var(--muted);font-size:17px;line-height:1.8;margin-top:27px}.hero-art{align-self:center;position:relative;aspect-ratio:1.22;max-width:480px;width:100%;justify-self:end;isolation:isolate}.art-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#8a8a8a 1px,transparent 1px),linear-gradient(90deg,#8a8a8a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbit{position:absolute;border:1px solid #424242;transform:rotate(-15deg);z-index:-1}.orbit-one{inset:13% 15%;border-radius:30px;opacity:.75}.orbit-two{inset:5% 23%;border-radius:24px;transform:rotate(20deg);opacity:.5}.mascot{width:83%;height:100%;object-fit:contain;position:relative;margin:auto;transform:none}.corner{position:absolute;width:13px;height:13px;border-color:#777777;border-style:solid;opacity:.5}.corner-tl{left:6%;top:4%;border-width:1px 0 0 1px}.corner-tr{right:6%;top:4%;border-width:1px 1px 0 0}.corner-bl{left:6%;bottom:4%;border-width:0 0 1px 1px}.corner-br{right:6%;bottom:4%;border-width:0 1px 1px 0}.art-pixel{position:absolute;z-index:2;display:block;background:var(--accent);box-shadow:0 0 20px #ffffff18}.pixel-one{width:12px;height:12px;right:12%;top:15%;transform:rotate(15deg)}.pixel-two{width:7px;height:7px;left:8%;top:40%;opacity:.7}.pixel-three{width:6px;height:6px;right:17%;bottom:10%;opacity:.4}.art-caption{position:absolute;bottom:-24px;left:0;right:0;text-align:center;color:#808080;letter-spacing:1px;font-size:12px}.impact{grid-column:1/-1;display:grid;grid-template-columns:1.17fr 1fr .63fr;margin-top:72px;border-top:1px solid var(--line);padding-top:31px;padding-bottom:38px;scroll-margin-top:30px}.stat+.stat{border-left:1px solid var(--line);padding-left:50px}.stat-value{font-family:var(--display);font-size:clamp(68px,8.1vw,116px);font-weight:500;line-height:1.2;letter-spacing:-7px;white-space:nowrap}.stat-value span{color:var(--accent);font-size:.75em;vertical-align:6%}.stat-label{font-size:16px;margin-top:8px;color:#d8d8d8;display:flex;align-items:center;gap:16px}.stat-index{font-size:12px;color:#858585;font-family:var(--font);letter-spacing:.6px}.impact-note{align-self:center;justify-self:end;display:flex;gap:12px;font-size:14px;line-height:1.6;color:var(--muted);padding-left:25px}.impact-note .small-square{margin-top:8px;width:5px;height:5px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:22px 0 38px;border-top:1px solid var(--line)}.scroll-link{display:flex;align-items:center;gap:12px;font-size:14px;color:#c6c6c6}.scroll-icon{height:34px;width:34px;border:1px solid #484848;border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--accent);transition:transform .2s,background .2s}.scroll-link:hover .scroll-icon{transform:translateY(3px);background:#292929}.hero-bottom-note{color:#808080;font-size:12px;letter-spacing:1px}

.studio{padding-top:122px;padding-bottom:120px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}.section-number{font-size:12px;color:#858585;letter-spacing:1px}.studio-intro{margin-top:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.studio h2{font-family:var(--display);font-size:clamp(52px,6.3vw,88px);font-weight:500;line-height:1.12;letter-spacing:-4.5px}.studio h2 span{color:var(--accent)}.studio-copy{max-width:455px}.studio-copy p{font-size:17px;color:var(--muted);line-height:1.8}.studio-copy p:first-child{font-size:22px;line-height:1.6;color:var(--ink);margin-bottom:20px}.text-link{font-size:14px;display:inline-flex;gap:40px;border-bottom:1px solid #555;padding:0 0 8px;margin-top:25px;transition:color .2s}.text-link span{color:var(--accent)}.text-link:hover{color:var(--accent)}.studio-panel{margin-top:85px;border:1px solid #383838;background:linear-gradient(115deg,#252525,#1d1d1d 60%,#161616);min-height:420px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;padding:56px 56px 0;border-radius:3px}.panel-copy{position:relative;z-index:1}.panel-copy .eyebrow{font-size:11px;color:#aaa;letter-spacing:1.8px}.panel-copy h3{font-family:var(--display);font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.22;letter-spacing:-1.7px;margin-top:27px}.community-mark{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.community-mark img{position:absolute;width:78%;max-width:320px;transform:rotate(11deg);opacity:.88}.community-grid{position:absolute;width:360px;height:360px;max-width:100%;border-radius:50%;border:1px solid #8888883b;background-image:linear-gradient(#88888826 1px,transparent 1px),linear-gradient(90deg,#88888826 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,black,transparent 70%)}.panel-pixel{position:absolute;background:var(--accent);width:8px;height:8px;opacity:.6}.p1{top:5%;left:20%;width:6px;height:6px}.p2{top:32%;right:0;width:12px;height:12px;transform:rotate(12deg)}.p3{bottom:16%;left:9%;width:13px;height:13px;opacity:.3;transform:rotate(-10deg)}.p4{bottom:8%;right:15%;width:5px;height:5px}.panel-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:24px 0;margin-top:40px;border-top:1px solid #99999926;position:relative;font-size:12px;color:#aaa}.panel-footer span:first-child{font-weight:600}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:28px}.footer-top{display:flex;align-items:center;justify-content:space-between}.footer .wordmark{font-size:21px}.footer .wordmark img{width:36px;height:36px}.back-top{display:flex;gap:22px;align-items:center;font-size:14px;color:var(--muted)}.back-top span{border:1px solid #444;display:grid;place-items:center;height:34px;width:34px;border-radius:50%;color:var(--accent)}.back-top:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#888;padding-top:33px;gap:20px}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}

@media(min-width:1600px){.hero{padding-top:90px}.hero h1{font-size:82px}.hero-art{max-width:510px}.impact{margin-top:90px}}
@media(max-width:1100px){.section-shell{width:calc(100% - 72px)}.header{padding-inline:36px}.hero{column-gap:25px;padding-top:48px}.hero h1{letter-spacing:-2.6px}.hero-description{font-size:16px;max-width:325px}.impact{grid-template-columns:1.15fr 1fr;margin-top:65px}.impact-note{display:none}.stat+.stat{padding-left:40px}.stat-value{font-size:96px;letter-spacing:-6px}.studio-intro{gap:50px}.studio-panel{padding:40px 40px 0;min-height:390px}.studio h2{letter-spacing:-3px}.community-mark img{width:95%}.panel-copy h3{font-size:36px}}
@media(max-width:760px){html{scroll-padding-top:25px}.section-shell{width:calc(100% - 40px)}.header{padding:21px 20px;min-height:80px;gap:16px}.wordmark{font-size:19px;gap:8px;letter-spacing:-.7px}.wordmark img{width:34px;height:34px}.header nav{gap:20px;font-size:13px}.header nav a:first-child{display:none}.header nav span{margin-left:5px}.hero{padding-top:34px;grid-template-columns:1fr}.hero-copy{padding-top:0}.eyebrow{font-size:11px;letter-spacing:1.5px}.hero h1{font-size:clamp(38px,8vw,58px);line-height:1.14;letter-spacing:-2px;margin-top:22px}.hero-description{font-size:16px;max-width:380px;margin-top:23px;line-height:1.7}.hero-art{grid-row:3;justify-self:center;width:80%;max-width:350px;margin-top:32px;margin-bottom:40px}.art-caption{font-size:11px;bottom:-15px}.impact{grid-row:2;grid-column:1;margin-top:35px;padding-top:24px;padding-bottom:25px;grid-template-columns:1.2fr 1fr}.stat-value{font-size:clamp(48px,11.7vw,83px);letter-spacing:-3px;line-height:1.18}.stat+.stat{padding-left:24px}.stat-label{font-size:13px;line-height:1.5;gap:7px;margin-top:9px;align-items:baseline}.stat-index{font-size:10px}.hero-bottom{padding-top:20px;padding-bottom:10px}.hero-bottom-note{display:none}.scroll-link{font-size:13px}.studio{padding-top:78px;padding-bottom:70px}.section-heading{padding-top:20px}.studio-intro{margin-top:37px;grid-template-columns:1fr;gap:32px}.studio h2{font-size:clamp(47px,10vw,70px);letter-spacing:-2.6px}.studio-copy{max-width:100%}.studio-copy p:first-child{font-size:20px;margin-bottom:18px}.studio-copy p{font-size:16px}.studio-panel{margin-top:48px;padding:30px 24px 0;grid-template-columns:1fr;min-height:0}.panel-copy h3{font-size:clamp(28px,6.8vw,43px);letter-spacing:-1.2px}.community-mark{height:260px;margin-top:20px}.community-mark img{width:230px}.community-grid{width:260px;height:260px}.p1{left:24%}.p2{right:12%}.p3{left:13%}.panel-footer{margin-top:15px;padding:20px 0;gap:20px;align-items:start;font-size:11px}.panel-footer span:last-child{max-width:140px;text-align:right}.footer-top{gap:20px}.footer .wordmark{font-size:18px}.footer .wordmark img{width:30px;height:30px}.back-top{font-size:12px;gap:10px}.footer-bottom{font-size:11px;padding-top:25px}.footer-bottom p:last-child{display:none}}
@media(max-width:370px){.header nav{font-size:12px}.header nav span{display:none}.wordmark{font-size:17px}.hero h1{font-size:36px}.stat-index{display:none}.stat+.stat{padding-left:15px}.stat-label{font-size:12px}.footer-top{align-items:flex-start;flex-direction:column}.back-top{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}#sparkles{display:none}.mascot{will-change:auto}}

button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #eee;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}.header nav{align-items:center;gap:28px}.header .nav-inquiry{border:1px solid #454545;padding:9px 15px;color:#eee}.header .nav-inquiry:hover{background:#272727}.stat-caption{font-size:12px;color:#888;margin-top:7px;padding-left:42px}.content-section{padding-top:110px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:45px 0}.section-intro h2{font-family:var(--display);font-size:clamp(40px,4.7vw,67px);font-weight:500;line-height:1.15;letter-spacing:-2.7px}.section-intro h2 span{color:#919191}.section-intro>p{font-size:16px;color:#a6a6a6;line-height:1.85;max-width:345px;padding-bottom:6px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.game-card{min-width:0;border:1px solid #303030;background:#161616;border-radius:4px;overflow:hidden}.game-image{display:block;aspect-ratio:16/9;position:relative;overflow:hidden}.game-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s;filter:saturate(.68)}.game-image:hover img{transform:scale(1.03);filter:saturate(1)}.image-link{position:absolute;right:16px;bottom:16px;background:#121212ec;color:#fff;font-size:13px;padding:9px 14px;border:1px solid #ffffff30;backdrop-filter:blur(10px)}.game-info{padding:29px 30px}.game-info h3{font-family:var(--display);font-size:30px;letter-spacing:-1px;font-weight:600;line-height:1.3;margin:10px 0 14px}.game-info>p:not(.eyebrow){font-size:16px;color:#aaa;line-height:1.75;min-height:84px}.game-card-bottom{border-top:1px solid #333;padding-top:23px;margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.counter-label{text-transform:uppercase;font-size:11px;letter-spacing:1.7px;color:#888}.live-number{font-family:var(--display);font-size:36px;letter-spacing:-1.5px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums}.item-update{font-size:12px;color:#919191}.round-link{width:44px;height:44px;border:1px solid #444;display:grid;place-items:center;border-radius:50%;font-size:22px;transition:background .2s}.round-link:hover{background:#333}.live-total{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:37px 0;border-bottom:1px solid #333}.total-value{font-family:var(--display);font-size:clamp(36px,4.3vw,60px);line-height:1.4;letter-spacing:-2px;display:inline-block;margin-top:4px;font-variant-numeric:tabular-nums}.total-label{margin-left:16px;font-size:14px;color:#999}.live-explanation{max-width:330px;color:#aaa;font-size:13px;line-height:1.8}.live-explanation>p:first-child{color:#ddd;margin-bottom:5px}.refresh-stats{padding:7px 0;border:0;border-bottom:1px solid #555;background:none;color:#ddd;margin-top:10px;font-size:13px}.refresh-stats span{margin-left:14px}.community-list{border-top:1px solid #333}.community-row{display:flex;align-items:center;gap:28px;padding:29px 0;border-bottom:1px solid #333;transition:background .2s}.community-row:hover{background:#181818}.community-row>img{width:75px;height:75px;object-fit:contain;border-radius:4px}.community-name h3{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:1.5}.community-name p{font-size:14px;color:#999;margin-top:3px}.community-count{margin-left:auto;text-align:right;display:flex;flex-direction:column;flex-shrink:0}.community-count strong{font-family:var(--display);font-size:28px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-1px}.community-count span{font-size:13px;color:#aaa}.community-count small{font-size:11px;color:#888}.community-arrow{margin:0 10px 0 25px;font-size:25px}.community-summary{display:flex;justify-content:space-between;gap:30px;margin-top:25px;align-items:center;font-size:14px;color:#aaa}.community-summary strong{font-size:23px;color:#eee;font-weight:500;letter-spacing:-.4px;margin-right:6px;font-variant-numeric:tabular-nums}.community-summary>p:last-child{font-size:12px}.data-note{color:#888;font-size:12px;margin-top:10px;line-height:1.7}.founder-panel{margin-top:70px;padding:36px;border:1px solid #383838;background:#191919;display:grid;grid-template-columns:1fr 1.1fr;gap:55px}.founder-panel h3{font-family:var(--display);font-size:37px;line-height:1.4;letter-spacing:-1.2px;margin-top:13px;font-weight:500}.founder-panel>div>p:last-child{font-size:15px;color:#aaa;margin-top:4px}.founder-links{display:flex;flex-direction:column}.founder-links>a,.founder-links>button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border:0;border-bottom:1px solid #363636;background:none;color:#ddd;text-align:left;font-size:14px;line-height:1.5;width:100%}.founder-links strong{font-size:14px;font-weight:500;white-space:nowrap}.founder-links small{display:block;font-size:11px;color:#888;margin-top:2px}.founder-links>a:hover,.founder-links>button:hover{color:#fff}.inquiry-cta{display:flex;justify-content:space-between;align-items:center;margin-top:90px;gap:30px}.inquiry-cta h3{font-family:var(--display);font-size:clamp(40px,4.5vw,64px);font-weight:500;letter-spacing:-2px;line-height:1.2}.primary-button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;padding:16px 23px;border:1px solid #eee;background:#eee;color:#111;font-size:14px;font-weight:500;transition:background .2s}.primary-button:hover{background:#cfcfcf}.primary-button span{font-size:20px}.footer-bottom>a:hover{color:white}.inquiry-main{padding-top:35px;padding-bottom:100px}.back-link{font-size:13px;color:#aaa}.back-link:hover{color:#fff}.inquiry-heading{margin:48px 0 60px}.inquiry-heading h1{font-family:var(--display);font-size:clamp(45px,5.4vw,76px);font-weight:500;letter-spacing:-3.8px;line-height:1.12;margin-top:23px}.inquiry-heading h1>span{color:#999}.inquiry-heading>p:last-child{font-size:17px;color:#aaa;line-height:1.8;margin-top:25px}.inquiry-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:75px}.form-panel{border:1px solid #333;background:#161616;padding:36px}.form-panel h2{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.7px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px;min-width:0}.field label{display:block;margin-bottom:9px;font-size:14px;color:#ddd}.field label span{color:#888;font-size:12px}.field input,.field select,.field textarea{display:block;max-width:100%;width:100%;border:1px solid #414141;border-radius:0;background:#111;color:#eee;padding:13px 14px;min-height:48px;font-size:16px}.field textarea{resize:vertical;min-height:150px}.field input::placeholder,.field textarea::placeholder{color:#777}.field select{color-scheme:dark}.form-note{font-size:12px;line-height:1.8;color:#909090;margin:0 0 24px}.form-note a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:12px;color:#aaa;margin-top:15px;line-height:1.7}.honeypot{display:none!important}.contact-panel{padding-top:15px;min-width:0}.contact-email{display:block;font-size:clamp(17px,1.7vw,22px);line-height:1.7;letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:22px}.contact-email span{margin-left:5px}.contact-founder{display:flex;align-items:center;gap:16px;margin-top:55px;padding-bottom:25px;border-bottom:1px solid #363636}.contact-founder img{width:65px;height:65px}.contact-founder h2{font-size:23px;font-weight:500;letter-spacing:-.5px}.contact-founder p{font-size:13px;color:#999}.contact-note{font-size:13px;color:#999;line-height:1.8;margin-top:25px}
@media(max-width:1100px){.header nav{gap:18px}.inquiry-layout{gap:38px}.form-panel{padding:28px}.game-info{padding:24px}.game-info h3{font-size:27px}.game-info>p:not(.eyebrow){min-height:110px}.community-name h3{font-size:22px}.founder-panel{gap:35px}}
@media(max-width:760px){.header{flex-wrap:wrap;gap:15px;justify-content:space-between}.header nav{width:100%;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #292929}.header nav a:first-child{display:block}.header .nav-inquiry{padding:6px 10px}.stat-caption{padding-left:0;font-size:11px}.content-section{padding-top:75px}.section-intro{display:block;margin:30px 0}.section-intro h2{font-size:clamp(38px,8.5vw,55px);letter-spacing:-1.8px}.section-intro>p{font-size:15px;max-width:100%;margin-top:24px}.game-grid{grid-template-columns:1fr;gap:24px}.game-info{padding:25px}.game-info h3{font-size:28px}.game-info>p:not(.eyebrow){min-height:0;font-size:15px}.live-number{font-size:33px}.game-card-bottom{margin-top:22px;padding-top:19px}.live-total{display:block;padding:28px 0}.total-value{font-size:42px;letter-spacing:-1.7px}.total-label{display:block;margin:0;font-size:13px}.live-explanation{margin-top:22px;max-width:100%;font-size:12px}.community-row{display:grid;grid-template-columns:58px 1fr 20px;gap:15px;padding:24px 0}.community-row>img{width:58px;height:58px}.community-name h3{font-size:19px;letter-spacing:-.4px}.community-name p{font-size:12px}.community-arrow{grid-row:1;grid-column:3;margin:0;font-size:22px}.community-count{grid-row:2;grid-column:2;align-items:flex-start;margin-left:0;text-align:left}.community-count strong{font-size:25px}.community-count span{font-size:12px}.community-count small{font-size:11px}.community-summary{display:block;font-size:13px}.community-summary>p:last-child{margin-top:9px}.community-summary strong{font-size:21px}.data-note{font-size:11px}.founder-panel{grid-template-columns:1fr;gap:25px;padding:25px;margin-top:45px}.founder-panel h3{font-size:31px}.inquiry-cta{display:block;margin-top:60px}.inquiry-cta h3{font-size:43px}.inquiry-cta .primary-button{margin-top:28px}.primary-button{padding:14px 20px;font-size:14px}.footer-bottom{flex-wrap:wrap}.inquiry-main{padding-top:20px;padding-bottom:65px}.inquiry-heading{margin:35px 0 40px}.inquiry-heading h1{font-size:clamp(40px,8.4vw,60px);letter-spacing:-2px}.inquiry-heading>p:last-child{font-size:16px}.inquiry-layout{grid-template-columns:1fr;gap:40px}.form-panel{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.contact-email{font-size:22px}.contact-founder{margin-top:35px}.contact-panel{padding-top:0}.form-panel .primary-button{width:100%}}

.more-games-heading{margin:42px 0 20px}.small-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.small-game-card .game-info{padding:23px}.small-game-card .game-info h3{font-size:23px;letter-spacing:-.6px;margin:0 0 13px}.small-game-card .game-info>p:not(.eyebrow){font-size:14px;min-height:78px;line-height:1.75}.small-game-card .game-card-bottom{margin-top:20px;padding-top:20px;gap:8px}.small-game-card .live-number{font-size:28px;letter-spacing:-1px}.small-game-card .round-link{width:35px;height:35px;font-size:18px;flex-shrink:0}.small-game-card .image-link{right:12px;bottom:12px;font-size:12px;padding:7px 10px}.small-game-card .item-update{font-size:11px}
@media(max-width:1100px){.small-game-grid{gap:18px}.small-game-card .game-info{padding:19px}.small-game-card .game-info h3{font-size:20px;min-height:52px}.small-game-card .live-number{font-size:25px}.small-game-card .game-info>p:not(.eyebrow){min-height:105px}.small-game-card .round-link{width:29px;height:29px;font-size:16px}}
@media(max-width:760px){.more-games-heading{margin-top:32px}.small-game-grid{grid-template-columns:1fr;gap:20px}.small-game-card .game-info{padding:22px}.small-game-card .game-info h3{font-size:24px;min-height:0}.small-game-card .game-info>p:not(.eyebrow){font-size:14px;min-height:0}.small-game-card .live-number{font-size:28px}.small-game-card .game-image{aspect-ratio:2.15}.small-game-card .round-link{width:35px;height:35px;font-size:18px}}

/* Speaking and the studio journey */
.header nav{flex-wrap:wrap;row-gap:10px}.header nav [aria-current="page"]{color:#fff}.studio{padding-bottom:0}.speaking .section-intro strong{font-weight:500;color:#eee}.roadshow-gallery{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:48px;align-items:center}.roadshow-feature{margin:0;min-width:0}.roadshow-photo-frame{aspect-ratio:3/2;background:#080808;border:1px solid #333;overflow:hidden}.roadshow-photo-frame img{width:100%;height:100%;object-fit:contain}.roadshow-feature figcaption{font-size:12px;color:#999;line-height:1.7;padding-top:13px;min-height:40px}.roadshow-sidebar h3{font-family:var(--display);font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.22;letter-spacing:-1.3px;margin:20px 0}.roadshow-sidebar>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#aaa}.roadshow-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.roadshow-thumbnail{position:relative;border:1px solid #444;background:#171717;padding:3px;min-width:0;aspect-ratio:1.3;transition:border-color .2s}.roadshow-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .2s}.roadshow-thumbnail:nth-child(2) img{object-position:50% 60%}.roadshow-thumbnail span{position:absolute;bottom:7px;right:7px;color:white;background:#111c;font-size:11px;padding:1px 5px;line-height:1.7}.roadshow-thumbnail[aria-pressed="true"]{border-color:#eee}.roadshow-thumbnail[aria-pressed="true"] img,.roadshow-thumbnail:hover img{opacity:1}.roadshow-sidebar .roadshow-hint{font-size:12px;margin-top:10px;color:#888}.roadshow-sidebar .text-link{margin-top:23px}.journey-teaser-body{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;margin-top:45px}.journey-teaser h2{font-family:var(--display);font-size:clamp(40px,4.6vw,65px);line-height:1.13;letter-spacing:-2.7px;font-weight:500}.journey-teaser h2 span{color:#999}.journey-teaser-body>div>p{max-width:440px;font-size:16px;color:#aaa;line-height:1.8;margin-top:24px}.journey-teaser .primary-button{margin-top:27px}.journey-preview{list-style:none;margin:0;padding:45px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:14px}.journey-preview::before{content:'';position:absolute;left:7px;right:calc(25% - 14px);top:24px;height:1px;background:repeating-linear-gradient(90deg,#777 0 4px,transparent 4px 9px)}.journey-preview li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;color:#999}.preview-dot{position:absolute;top:-27px;left:0;width:13px;height:13px;border-radius:50%;border:1px solid #eee;background:#101010;box-shadow:0 0 0 5px #101010}.journey-preview li:last-child .preview-dot{background:#eee}.preview-year{font-family:var(--display);font-size:25px;line-height:1.4;letter-spacing:-.8px;color:#eee}.final-cta{padding-bottom:100px}.journey-main{padding-top:35px;padding-bottom:100px}.journey-heading{padding:55px 0 50px;max-width:900px}.journey-heading h1{font-family:var(--display);font-size:clamp(45px,5.8vw,82px);font-weight:500;line-height:1.14;letter-spacing:-3.4px;margin-top:23px}.journey-heading h1>span{color:#969696}.journey-heading>p:last-child{max-width:540px;color:#aaa;font-size:17px;line-height:1.9;margin-top:26px}.journey-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #333;border-bottom:1px solid #333;padding:21px 0}.journey-controls p{font-size:14px;color:#999}.text-button{font-size:14px;color:#eee;border:0;background:none;padding:8px 0;line-height:1.5}.text-button[hidden]{display:none}.text-button:hover{color:#aaa}.journey-map{list-style:none;padding:0;margin:65px auto 0;max-width:1050px;position:relative}.journey-map::before{content:'';position:absolute;left:50%;top:39px;bottom:0;width:1px;background:repeating-linear-gradient(180deg,#666 0 5px,transparent 5px 11px)}.journey-stop{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);position:relative;padding-bottom:38px;min-height:205px;align-items:start}.journey-node{position:absolute;width:15px;height:15px;border-radius:50%;border:1px solid #ddd;background:#101010;left:calc(50% - 7px);top:32px;z-index:1;box-shadow:0 0 0 6px #101010}.journey-stop::after{content:'';height:1px;width:32px;position:absolute;background:#555;top:39px;left:calc(50% - 40px)}.journey-stop:nth-child(even)::after{left:calc(50% + 8px)}.milestone{border:1px solid #3a3a3a;background:#181818;grid-column:1;position:relative;min-width:0}.journey-stop:nth-child(even) .milestone{grid-column:3}.milestone summary{display:block;cursor:pointer;padding:26px 28px 27px;position:relative;list-style:none;min-height:166px}.milestone summary::-webkit-details-marker{display:none}.milestone summary::marker{content:''}.milestone summary:focus-visible{outline:2px solid white;outline-offset:6px}.milestone-era{display:flex;gap:16px;align-items:center;padding-right:22px;font-size:14px;line-height:1.5;color:#ddd;flex-wrap:wrap}.milestone-era small{font-size:12px;color:#888}.milestone-title{display:block;font-family:var(--display);font-size:clamp(24px,2.7vw,36px);font-weight:500;line-height:1.23;letter-spacing:-1px;margin-top:18px}.milestone-toggle{position:absolute;right:23px;top:25px;font-size:22px;font-weight:400;color:#aaa;line-height:1;transition:transform .2s}.milestone[open] .milestone-toggle{transform:rotate(45deg)}.milestone[open]{border-color:#777}.milestone-story{padding:0 28px 28px}.milestone-story>p{font-size:16px;line-height:1.85;color:#aaa}.milestone-story>p+p{margin-top:20px}.milestone-tag{display:inline-block;margin-top:23px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#888;border-top:1px solid #383838;padding-top:16px;width:100%}.milestone-story .text-link{margin-top:23px}.journey-stop-today .journey-node{background:#eee}.milestone-photo-link{display:block;margin-top:24px}.milestone-photo-link img{width:100%;height:auto;border:1px solid #333}.milestone-photo-link>span{display:block;color:#999;font-size:12px;padding-top:9px;line-height:1.7}.journey-end{text-align:center;position:relative;max-width:1050px;margin:auto;padding-top:32px}.journey-end::before{content:'';position:absolute;top:0;left:50%;height:35px;border-left:1px dashed #666}.journey-end-dot{display:block;margin:0 auto 28px;width:12px;height:12px;border:1px solid #ddd;background:#eee;border-radius:50%;position:relative}.journey-end .eyebrow{justify-content:center}.journey-end h2{font-family:var(--display);font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1.2;letter-spacing:-1.7px;margin:15px 0 28px}.journey-close{display:block;width:fit-content;margin:25px auto 0;font-size:13px;color:#aaa;border-bottom:1px solid #555;padding-bottom:5px}.journey-close:hover{color:white}
@media(max-width:1100px){.roadshow-gallery{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.roadshow-sidebar h3{font-size:30px}.journey-teaser-body{gap:35px}.preview-year{font-size:22px}.journey-preview{gap:10px}.journey-preview li{font-size:11px}.journey-stop{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.journey-stop::after{width:24px;left:calc(50% - 32px)}.journey-stop:nth-child(even)::after{left:calc(50% + 8px)}.milestone summary{padding-inline:24px}.milestone-story{padding-inline:24px}.milestone-title{font-size:29px}.header nav{gap:17px}}
@media(max-width:760px){.header nav{gap:12px;row-gap:12px;justify-content:flex-start}.header .nav-inquiry{margin-left:auto}.studio{padding-bottom:0}.roadshow-gallery{grid-template-columns:1fr;gap:25px}.roadshow-sidebar h3{font-size:30px}.roadshow-sidebar h3 br{display:none}.roadshow-sidebar h3{max-width:340px}.roadshow-thumbnails{max-width:330px;margin-top:22px}.roadshow-sidebar .text-link{margin-top:18px}.roadshow-feature figcaption{font-size:12px}.journey-teaser-body{grid-template-columns:1fr;gap:40px;margin-top:32px}.journey-teaser h2{font-size:44px;letter-spacing:-2px}.journey-preview{max-width:460px;padding-top:44px;padding-bottom:0}.journey-preview::before{right:calc(25% - 6px)}.preview-year{font-size:22px}.journey-preview li{font-size:12px}.final-cta{padding-bottom:70px}.journey-main{padding-top:22px;padding-bottom:70px}.journey-heading{padding:37px 0 35px}.journey-heading h1{font-size:clamp(40px,8.3vw,61px);letter-spacing:-2px}.journey-heading>p:last-child{font-size:16px;margin-top:22px}.journey-controls{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 0}.journey-controls p,.text-button{font-size:13px}.journey-map{margin-top:35px}.journey-map::before{left:9px;top:35px}.journey-stop{display:block;min-height:0;padding:0 0 24px 37px}.journey-node{left:2px;top:28px}.journey-stop::after,.journey-stop:nth-child(even)::after{left:16px;top:35px;width:21px}.milestone summary{padding:23px 21px;min-height:150px}.milestone-title{font-size:28px;letter-spacing:-.8px;margin-top:17px}.milestone-era{font-size:13px;gap:9px}.milestone-era small{font-size:11px}.milestone-toggle{top:22px;right:18px}.milestone-story{padding:0 21px 23px}.milestone-story>p{font-size:15px}.journey-end{text-align:left;padding-left:37px;padding-top:35px}.journey-end::before{left:9px;height:47px}.journey-end-dot{position:absolute;left:4px;top:37px;margin:0}.journey-end .eyebrow{justify-content:flex-start}.journey-end h2{font-size:35px;letter-spacing:-1px;line-height:1.25}.journey-end .primary-button{gap:16px;font-size:13px}.journey-close{margin:23px 0 0;font-size:12px;line-height:1.7}.journey-preview li:last-child>span:last-child{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.milestone-toggle,.roadshow-thumbnail,.roadshow-thumbnail img{transition:none}}

/* Language navigation */
.header-controls{display:flex;align-items:center;gap:30px;min-width:0}.language-switch{display:inline-flex;align-items:center;gap:1px;border:1px solid #414141;padding:4px;background:#151515;flex-shrink:0;line-height:1}.language-switch a{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px;font-size:14px;letter-spacing:.5px;color:#a5a5a5;transition:background .2s,color .2s}.language-switch>span{color:#555;font-size:12px;padding:0 2px}.language-switch a[aria-current="true"]{background:#eee;color:#111}.language-switch a:hover{color:#fff;background:#333}.language-switch a[aria-current="true"]:hover{color:#111;background:#ddd}html[lang="id"] .hero h1{font-size:clamp(38px,4.25vw,62px);letter-spacing:-2.7px}html[lang="id"] .journey-heading h1{font-size:clamp(40px,5.1vw,72px)}html[lang="id"] .section-intro h2{font-size:clamp(38px,4.2vw,60px)}html[lang="id"] .milestone-title{font-size:clamp(25px,2.5vw,34px)}html[lang="id"] .journey-preview li{overflow-wrap:anywhere}html[lang="id"] .stat-value{font-size:clamp(60px,7.4vw,106px)}
@media(max-width:1100px){.header-controls{gap:18px}.header nav{gap:13px}.header nav a{font-size:13px}}
@media(max-width:1000px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:19px;align-items:center}.header-controls{display:contents}.header>.wordmark{grid-column:1;grid-row:1}.header .language-switch{grid-column:2;grid-row:1;justify-self:end}.header nav{grid-row:2;grid-column:1/-1;width:100%;justify-content:flex-start;padding-top:14px;border-top:1px solid #292929;gap:22px}.header .nav-inquiry{margin-left:auto}.language-switch a{min-height:34px;min-width:34px}}
@media(max-width:760px){.header{gap:16px}.header nav{gap:13px;row-gap:12px;padding-top:12px}.header nav a{font-size:12px}.header .language-switch{padding:3px}.language-switch a{min-height:34px;min-width:32px;font-size:14px}.language-switch>span{padding:0 1px}html[lang="id"] .hero h1{font-size:clamp(36px,7.6vw,56px);letter-spacing:-1.8px}html[lang="id"] .stat-value{font-size:clamp(43px,10.6vw,72px);letter-spacing:-2.8px}html[lang="id"] .section-intro h2{font-size:clamp(37px,8vw,54px)}html[lang="id"] .milestone-era{padding-right:12px;gap:8px}html[lang="id"] .milestone-title{font-size:26px}}

/* Three-second homepage entrance: icon, wordmark, shrinking black squares. */
.site-splash { position: fixed; inset: 0; z-index: 10000; overflow: hidden; animation: splash-safety 3s step-end forwards; }
.site-splash canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.splash-brand { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; color: #fff; white-space: nowrap; animation: splash-brand-out 3s both; }
.splash-emblem { position: relative; display: block; width: clamp(48px, 8vw, 88px); height: clamp(48px, 8vw, 88px); flex: none; animation: splash-spin 800ms both; }
.splash-emblem img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.splash-stuff-icon { animation: splash-stuff-morph 800ms both; }
.splash-roblox-icon { filter: brightness(0) invert(1); animation: splash-roblox-morph 800ms both; }
@keyframes splash-spin {
  0% { transform: rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.45,0,.2,1); }
  20% { transform: rotate(-18deg) scale(.88,1.08); animation-timing-function: cubic-bezier(.3,0,.15,1); }
  65% { transform: rotate(370deg) scale(1.12,.94); animation-timing-function: cubic-bezier(.2,.8,.25,1); }
  82% { transform: rotate(354deg) scale(.97,1.03); animation-timing-function: ease-out; }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes splash-stuff-morph {
  0%, 18% { opacity: 1; transform: scale(1); }
  37%, 62% { opacity: 0; transform: scale(.65); }
  83% { opacity: 1; transform: scale(1.12); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes splash-roblox-morph {
  0%, 18% { opacity: 0; transform: scale(.5); }
  40% { opacity: 1; transform: scale(1.12); }
  55% { opacity: 1; transform: scale(1); }
  80%, 100% { opacity: 0; transform: scale(.55); }
}
.splash-word { display: block; overflow: hidden; max-width: 0; opacity: 0; font-size: clamp(24px, 5vw, 58px); font-weight: 650; letter-spacing: -.055em; line-height: 1.25; animation: splash-expand 3s both; }
@keyframes splash-expand { 0%, 26.66% { max-width: 0; opacity: 0; margin-left: 0; } 33.33%, 100% { max-width: 14em; opacity: 1; margin-left: .3em; } }
@keyframes splash-brand-out { 0%, 66.66% { opacity: 1; } 73.33%, 100% { opacity: 0; } }
@keyframes splash-safety { to { visibility: hidden; pointer-events: none; } }
.community-summary {
  margin-top: 30px; padding: 28px 32px; gap: 28px;
  border: 1px solid #545454; border-left: 3px solid #eee;
  background: linear-gradient(110deg, #262626, #171717);
}
.community-summary > p:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; }
.community-summary strong { font-family: var(--display); font-size: clamp(34px, 3.7vw, 50px); font-weight: 600; line-height: 1.2; letter-spacing: -1.5px; color: #fff; margin: 0; }
.community-summary > p:first-child > span { font-size: 16px; color: #ddd; }
.community-summary > p:last-child { font-size: 13px; line-height: 1.6; max-width: 290px; color: #aaa; }
.founder-panel { grid-template-columns: minmax(200px, .85fr) 1fr 1.15fr; gap: 32px; padding: 0 36px 0 0; align-items: center; overflow: hidden; }
.founder-portrait { position: relative; width: 100%; aspect-ratio: .88; overflow: hidden; align-self: stretch; min-height: 300px; }
.founder-portrait img { position: absolute; width: 360%; max-width: none; height: auto; left: -222%; top: 0; transform: translateY(-43%); filter: grayscale(1); }
.founder-portrait::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #19191955, transparent 20%, transparent 70%, #191919), linear-gradient(0deg, #191919, transparent 32%); }
.founder-bio, .founder-panel > .founder-links { padding: 28px 0; min-width: 0; }
.founder-bio > p:last-child { line-height: 1.7; }
@media (max-width: 1000px) and (min-width: 761px) {
  .founder-panel { grid-template-columns: minmax(200px, .8fr) 1fr; gap: 0 30px; }
  .founder-portrait { grid-row: span 2; }
  .founder-bio { padding-bottom: 0; }
}
@media (max-width: 760px) {
  .community-summary { padding: 22px; }
  .community-summary > p:first-child { display: flex; flex-direction: column; gap: 8px; }
  .community-summary > p:last-child { margin-top: 18px; max-width: none; }
  .founder-panel { grid-template-columns: 1fr; padding: 0 24px 24px; gap: 0; }
  .founder-portrait { width: min(100%, 330px); justify-self: center; min-height: 0; }
  .founder-bio { padding: 0 0 16px; }
  .founder-panel > .founder-links { padding: 0; }
}
.splash-waiting, .splash-waiting * { animation-play-state: paused !important; }
.splash-static { display: block; background: #000; }
.splash-static .splash-word { max-width: 14em; opacity: 1; margin-left: .3em; }
.splash-static .splash-roblox-icon { display: none; }
.logo-play { display: grid; place-items: center; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; color: inherit; -webkit-tap-highlight-color: transparent; }
.logo-play:focus-visible { outline: 2px solid #ddd; outline-offset: 6px; border-radius: 12px; }
.logo-play .mascot { display: block; }
.stat-value[data-count-target] { transform-origin: left center; font-variant-numeric: tabular-nums; }
.shape-burst { position: fixed; inset: 0; z-index: 100; pointer-events: none; overflow: hidden; }
.burst-piece { position: absolute; display: block; }

.hero-contact { margin-top: 25px; padding: 8px 20px; min-height: 44px; line-height: 1.4; }
.hero-contact span { line-height: 1; }

/* Half a second to cover, half a second to reveal the destination. */
html::after { content: ''; position: fixed; inset: 0 auto 0 0; width: 110vw; height: 100dvh; z-index: 20000; background: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%); pointer-events: none; transform: translateX(-100%); visibility: hidden; }
html.page-leave::after { visibility: visible; pointer-events: auto; animation: page-cover .5s cubic-bezier(.65,0,.35,1) both; }
html.page-enter::after { visibility: visible; pointer-events: auto; transform: translateX(0); }
html.page-enter.page-reveal::after { animation: page-uncover .5s cubic-bezier(.65,0,.35,1) both; }
@keyframes page-cover { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@keyframes page-uncover { from { transform: translateX(0); } to { transform: translateX(100%); } }
.site-preferences { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.sound-toggle { border: 1px solid #414141; background: #151515; color: #ccc; min-height: 44px; padding: 8px 11px; font-size: 12px; white-space: nowrap; transition: color .15s, background .15s; }
.sound-toggle:hover { color: #fff; background: #292929; }
.sound-toggle[aria-pressed="false"] { color: #888; }
.header-controls { gap: 20px; }
@media (max-width: 1200px) and (min-width: 1001px) { .header-controls { gap: 12px; } .header nav { gap: 12px; } .header nav a { font-size: 13px; } }
@media (max-width: 1000px) { .header .site-preferences { grid-column: 2; grid-row: 1; justify-self: end; } }
@media (max-width: 540px) { .header { grid-template-columns: 1fr; } .header > .wordmark { grid-column: 1; grid-row: 1; } .header .site-preferences { grid-column: 1; grid-row: 2; justify-self: start; } .header nav { grid-row: 3; } }
@media (prefers-reduced-motion: reduce) { html::after { display: none; } }

body { isolation: isolate; }
.glass-playground { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.glass-object { position: absolute; top: 0; left: 0; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: #c8c8c8; opacity: .25; pointer-events: auto; cursor: grab; touch-action: manipulation; will-change: transform; transition: opacity .2s; }
.glass-object:hover, .glass-object.is-flung { opacity: .5; }
.glass-object:active { cursor: grabbing; }
.glass-object:focus-visible { opacity: .75; outline: 2px dashed #bbb; outline-offset: 6px; }
.glass-object > * { pointer-events: none; }
.glass-object img { width: 100%; height: 100%; object-fit: contain; user-select: none; }
.glass-roblox img { filter: brightness(0) invert(1); }
.glass-cola img { filter: grayscale(1) brightness(1.9); }
.glass-object svg { width: 100%; height: 100%; overflow: visible; }
.glass-object path { fill: #ffffff08; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
.glass-geometry { width: 80%; height: 80%; border: 2px solid currentColor; background: linear-gradient(130deg,#ffffff12,#ffffff02); }
.glass-circle .glass-geometry { border-radius: 50%; }
body > main, body > footer { position: relative; z-index: 1; pointer-events: none; }
main :is(a,button,input,textarea,select,label,p,h1,h2,h3,h4,ol,ul,details,img,form,.game-card,.community-row,.founder-panel,.community-summary), footer :is(a,button,p,span) { pointer-events: auto; }
.background-toggle { position: fixed; right: 18px; bottom: 16px; z-index: 7; border: 1px solid #ffffff25; background: #101010df; color: #aaa; padding: 8px 12px; font-size: 12px; min-height: 36px; backdrop-filter: blur(8px); }
.background-toggle:hover { color: #fff; border-color: #777; }
.glass-playground.is-paused .glass-object { will-change: auto; }
@media (max-width: 760px) { .glass-object { opacity: .2; } .background-toggle { right: 12px; bottom: 12px; } }

.contact-founder img { object-fit: cover; border-radius: 50%; border: 1px solid #ffffff25; flex-shrink: 0; }
.impact-sequenced .stat { opacity: 0; transform: translateY(10px); transition: opacity .3s ease, transform .4s cubic-bezier(.2,.7,.2,1); }
.impact-sequenced .stat.is-count-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .impact-sequenced .stat { opacity: 1; transform: none; } }

.header .nav-careers { color: #ddd; }
.header nav a[aria-current="page"] { color: #fff; text-decoration: underline; text-underline-offset: 6px; }
.careers-main { padding-top: 35px; padding-bottom: 100px; }
/* A compact, full-width feature after the Roblox visit total. */
.web-games { padding-top: 52px; }
.web-games-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 24px; }
.web-games-heading h2 { font-family: var(--display); font-size: clamp(28px,3vw,38px); line-height: 1.2; font-weight: 600; letter-spacing: -.035em; }
.web-games-heading p { color: #aaa; font-size: 16px; }
.web-game-card { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); border: 1px solid #3b3b3b; background: #181818; overflow: hidden; }
.web-game-image { display: block; min-width: 0; overflow: hidden; align-self: stretch; background: #111; }
.web-game-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; }
.web-game-image:hover img { transform: scale(1.025); }
.web-game-image:focus-visible { outline-offset: -6px; }
.web-trailer { position: relative; align-self: center; aspect-ratio: 16 / 9; }
.web-trailer video { display: block; width: 100%; height: 100%; object-fit: contain; background: #111; }
.trailer-controls { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; gap: 8px; justify-content: space-between; }
.trailer-controls[hidden], .trailer-error[hidden] { display: none; }
.trailer-controls button { border: 1px solid #777; background: #111e; color: white; min-height: 44px; padding: 8px 12px; font: 500 14px var(--font); cursor: pointer; }
.trailer-controls button:hover { background: #333; }
.trailer-controls button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.trailer-error { position: absolute; inset: auto 12px 12px; background: #111e; padding: 12px; color: #fff; font-size: 14px; }
.web-game-copy { padding: clamp(26px,3.5vw,46px); align-self: center; }
.web-game-badge { display: inline-block; border: 1px solid #555; color: #ddd; font-size: 14px; padding: 3px 10px; }
.web-game-copy h3 { font-family: var(--display); font-size: clamp(30px,3.6vw,46px); letter-spacing: -.04em; line-height: 1.15; margin: 18px 0 14px; font-weight: 600; }
.web-game-description { color: #bcbcbc; font-size: 16px; max-width: 410px; }
.web-game-play { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 22px; margin-top: 26px; background: #eee; color: #111; font-size: 16px; font-weight: 600; transition: background .15s; }
.web-game-play:hover { background: #ccc; }
.web-game-domain { display: block; margin-top: 12px; color: #999; font-size: 14px; }
@media (max-width: 760px) { .web-games { padding-top: 36px; } .web-game-card { grid-template-columns: 1fr; } .web-game-image { aspect-ratio: 16 / 9; } .web-game-copy { padding: 26px; } }
@media (prefers-reduced-motion: reduce) { .web-game-image img { transition: none; } .web-game-image:hover img { transform: none; } }
.careers-intro { padding: 58px 0 48px; max-width: 820px; }
.careers-intro h1 { font-family: var(--display); font-size: clamp(42px,6vw,78px); line-height: 1.12; letter-spacing: -.045em; margin: 20px 0 24px; font-weight: 600; }
.careers-intro > p:last-child { color: #b5b5b5; font-size: 18px; max-width: 590px; }
.careers-openings { margin-bottom: 80px; }
.openings-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 24px 0; border-top: 1px solid #383838; }
.openings-heading h2 { font-size: 22px; font-weight: 600; }
.openings-heading span { border: 1px solid #555; padding: 5px 12px; font-size: 14px; color: #ddd; }
.career-role { padding: clamp(24px,4vw,48px); border: 1px solid #414141; background: #181818; margin-bottom: 24px; }
.career-role .eyebrow { font-size: 14px; letter-spacing: 1.5px; }
.role-heading h3 { font-family: var(--display); font-size: clamp(26px,3vw,40px); line-height: 1.22; letter-spacing: -.035em; font-weight: 600; margin: 16px 0; max-width: 880px; overflow-wrap: break-word; }
.role-summary { max-width: 820px; color: #bcbcbc; font-size: 17px; }
.role-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 56px; margin: 32px 0; }
.role-details h4 { font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.role-details ul { padding-left: 20px; margin: 0; color: #bcbcbc; }
.role-details li { padding-left: 3px; margin-bottom: 10px; }
.role-details li::marker { color: #777; }
.role-note { border-left: 2px solid #888; padding-left: 16px; color: #ddd; margin-top: 20px; font-size: 15px; }
.role-apply { border-top: 1px solid #383838; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.role-apply p { color: #aaa; font-size: 15px; max-width: 560px; }
.role-apply-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 24px; background: #eee; color: #111; font-weight: 600; flex-shrink: 0; transition: background .15s; }
.role-apply-button:hover { background: #ccc; }
.careers-email { color: #aaa; font-size: 15px; margin-top: 24px; overflow-wrap: anywhere; }
.careers-email a { color: #eee; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .careers-intro { padding-top: 36px; } .role-details { grid-template-columns: 1fr; } .role-apply { align-items: flex-start; flex-direction: column; } .role-apply-button { width: 100%; } }
.careers-empty { margin: 38px 0 48px; padding: clamp(32px,6vw,80px); border: 1px solid #3c3c3c; background: linear-gradient(120deg,#202020,#141414); text-align: center; }
.careers-empty .eyebrow { justify-content: center; }
.careers-empty h1 { font-family: var(--display); font-size: clamp(32px,4.2vw,58px); line-height: 1.2; letter-spacing: -.04em; font-weight: 500; max-width: 800px; margin: 22px auto 0; }
.ttt-panel { max-width: 410px; margin: auto; padding: 30px; border: 1px solid #333; background: #161616; text-align: center; pointer-events: auto; }
.ttt-heading h2 { font-family: var(--display); font-size: 26px; font-weight: 500; letter-spacing: -.7px; }
.ttt-heading p { margin-top: 7px; font-size: 14px; color: #999; }
.ttt-status { margin: 24px 0 17px; min-height: 26px; font-size: 15px; color: #ddd; }
.ttt-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.ttt-cell { aspect-ratio: 1; min-width: 0; border: 1px solid #414141; background: #1c1c1c; color: #f4f4f4; font-family: var(--display); font-size: clamp(30px,6vw,46px); line-height: 1; font-weight: 500; transition: background .15s,border-color .15s; }
.ttt-cell[aria-disabled="false"]:hover { background: #292929; border-color: #888; }
.ttt-cell[aria-disabled="true"] { cursor: default; }
.ttt-cell.is-bot { color: #939393; }
.ttt-cell.is-winning { border-color: #ddd; background: #303030; color: #fff; }
.ttt-reset { display: inline-flex; align-items: center; gap: 24px; margin-top: 24px; padding: 10px 17px; border: 1px solid #555; background: transparent; color: #eee; font-size: 14px; }
.ttt-reset:hover { background: #292929; }
@media (max-width: 1240px) { .header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 19px; align-items: center; } .header-controls { display: contents; } .header > .wordmark { grid-column: 1; grid-row: 1; } .header .site-preferences { grid-column: 2; grid-row: 1; justify-self: end; } .header nav { grid-row: 2; grid-column: 1/-1; width: 100%; justify-content: flex-start; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid #292929; gap: 16px 22px; } .header .nav-inquiry { margin-left: auto; } }
@media (max-width: 540px) { .header { grid-template-columns: 1fr; } .header .site-preferences { grid-column: 1; grid-row: 2; justify-self: start; } .header nav { grid-row: 3; gap: 14px 17px; } .header .nav-inquiry { margin-left: 0; } .ttt-panel { padding: 24px; } .careers-empty { margin-top: 30px; padding: 36px 22px; } }

/* Text labels replace decorative section and photo numbering. */
.section-number { font-size: 14px; }
.stat-label { font-size: 18px; }
.stat-caption { padding-left: 0; }
.roadshow-thumbnail span { font-size: 14px; padding: 2px 6px; background: #101010d9; line-height: 1.4; }
@media (max-width: 760px) { .stat-label { font-size: 15px; } .section-number { font-size: 13px; } }

/* Stronger hierarchy for headline metrics and live totals. */
.impact .stat-label { font-size: clamp(22px, 2.1vw, 30px); font-weight: 650; color: #fff; line-height: 1.3; letter-spacing: -.4px; }
.game-card .counter-label { font-size: 17px; font-weight: 700; color: #fff; letter-spacing: .3px; text-transform: none; line-height: 1.5; }
.live-total .total-value, .community-summary #total-members { font-weight: 800; color: #fff; }
.live-total .total-label { display: block; margin: 5px 0 0; font-size: clamp(22px, 2vw, 28px); font-weight: 700; color: #fff; line-height: 1.4; }
.community-summary > p:first-child > span { font-size: clamp(20px, 1.8vw, 25px); font-weight: 700; color: #fff; line-height: 1.4; }
.live-total > div:first-child { min-width: 0; }
@media (max-width: 760px) {
  .impact .stat-label { font-size: clamp(19px, 4.6vw, 24px); }
  .community-summary > p:first-child > span { font-size: 20px; }
  .game-card .counter-label { font-size: 16px; }
}

/* A scroll-driven geographic detail for the studio's home. */
.studio-location { display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin: 48px 0 0; border: 1px solid #333; background: #111; overflow: hidden; }
.studio-location-copy { padding: clamp(26px,4vw,54px); }
.studio-location-copy .eyebrow { color: #aaa; margin-bottom: 22px; }
.studio-location-copy h3 { font-family: var(--display); font-size: clamp(28px,3.4vw,46px); font-weight: 500; line-height: 1.15; letter-spacing: -1.5px; color: #fff; }
.studio-location-copy > p:last-child { color: #aaa; font-size: 16px; line-height: 1.6; margin-top: 20px; max-width: 310px; }
.studio-globe { position: relative; height: clamp(300px,29vw,385px); overflow: hidden; border-left: 1px solid #292929; background: #0c0c0c; }
.studio-globe canvas { display: block; width: 100%; height: 100%; }
.globe-place { position: absolute; bottom: 20px; left: 22px; display: flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid #444; background: #101010e8; color: #ddd; font-size: 14px; }
.globe-place i { width: 5px; height: 5px; border-radius: 50%; background: #fff; }
@media (max-width: 640px) { .studio-location { grid-template-columns: 1fr; margin-top: 30px; } .studio-globe { height: 300px; border-left: 0; border-top: 1px solid #292929; } }

/* Five-second logo hold: charge, detonate, and leave the page wrecked. */
.logo-play { position: relative; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.logo-play img { -webkit-user-drag: none; }
.logo-heat { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; opacity: 0; filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(6000%) hue-rotate(351deg) brightness(95%) contrast(120%); }
.meltdown-layer { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 21000; }
.meltdown-projectile { position: absolute; left: 0; top: 0; object-fit: contain; will-change: transform; }
.meltdown-shard { position: absolute; width: 7px; height: 7px; background: #ddd; }
.meltdown-shard:nth-child(even) { border-radius: 50%; background: #999; }
.meltdown-rescue { position: fixed; inset: 0; display: grid; place-items: center; z-index: 22000; pointer-events: none; opacity: 0; transition: opacity .35s; }
.meltdown-rescue.is-visible { opacity: 1; }
.meltdown-rescue button { visibility: hidden; pointer-events: none; padding: 18px 28px; border: 1px solid #fff; background: #f4f4f4; color: #111; font-size: 18px; font-weight: 650; box-shadow: 0 10px 80px 25px #000a; }
.meltdown-rescue.is-visible button { visibility: visible; pointer-events: auto; }
.site-wrecked { overflow-x: clip; }
@media (prefers-reduced-motion: reduce) { .meltdown-rescue { transition: none; } }

/* A small invitation to discover the logo interactions. */
.logo-hint { position: absolute; top: -4px; left: 50%; z-index: 3; display: flex; align-items: center; gap: 10px; white-space: nowrap; padding: 8px 13px; border: 1px solid #ffffff70; border-radius: 30px; background: #181818f5; color: #fff; font-size: 13px; font-weight: 700; line-height: 1.35; letter-spacing: .3px; pointer-events: none; transform: translateX(-50%); box-shadow: 0 0 18px #ffffff12; animation: logo-hint-nudge 2.8s ease-in-out infinite; transition: opacity .2s; }
.logo-hint > span { font-size: 17px; line-height: 1; }
.hero-art:has(.is-charging) .logo-hint { opacity: .25; animation-play-state: paused; }
@keyframes logo-hint-nudge { 0%, 60%, 100% { transform: translate(-50%, 0); border-color: #ffffff70; box-shadow: 0 0 18px #ffffff12; } 30% { transform: translate(-50%, -5px); border-color: #ffffffd0; box-shadow: 0 0 22px #ffffff26; } }
@media (prefers-reduced-motion: reduce) { .logo-hint { animation: none; transition: none; } }