:root{color-scheme:dark;--bg:#0b1030;--ink:#f6f7ff;--muted:#b7bfdc;--line:rgba(192,209,255,.16);--yellow:#ffcd54;--blue:#bbdcff;--width:1160px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:7px}button{cursor:pointer}img{max-width:100%;height:auto}p{line-height:1.8}::selection{background:#ffcd54;color:#151841}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--yellow);color:var(--bg);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}
.site-header{height:100px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(213,226,255,.12)}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;width:132px;height:64px}.brand img{display:block;width:132px}.header-note{font-size:10px;letter-spacing:.22em;color:#c2cbed;text-transform:uppercase}.header-actions{justify-self:end;display:flex;align-items:center;gap:30px}.roles-link{font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.roles-link span{color:var(--yellow);margin-left:12px}.menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:6px;border:1px solid var(--line);border-radius:50%;background:transparent;color:white}.menu-toggle i{display:block;width:15px;height:1px;background:currentColor}.site-menu{position:absolute;right:max(48px,calc((100% - var(--width))/2));top:86px;width:250px;padding:16px;background:#151a42;border:1px solid var(--line);box-shadow:0 20px 60px #04051c80;display:none}.site-menu.is-open{display:grid}.site-menu a{padding:13px 15px;color:var(--muted);font-size:14px}.site-menu a:hover{color:white;background:#ffffff08}.menu-toggle[aria-expanded=true]{background:#ffffff15}
.hero{min-height:740px;height:100svh;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#3265ad 0%,#263f9c 34%,transparent 69%),linear-gradient(155deg,#181064,#213d94 55%,#160b61)}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07082f30,transparent 35%,#09062960)}.starfield{position:absolute;inset:0;overflow:hidden;pointer-events:none}.star{position:absolute;background:#eef4ff;border-radius:50%;box-shadow:0 0 5px #cfe0ffe6,0 0 12px #90aeff9e;animation:wander 7s ease-in-out infinite;opacity:.5}.spark::before,.spark::after{content:'';position:absolute;top:50%;left:50%;background:#e8f0ffd6;transform:translate(-50%,-50%);border-radius:99px}.spark::before{width:1px;height:360%}.spark::after{width:360%;height:1px}@keyframes wander{0%,100%{opacity:.08;transform:translate3d(0,0,0) scale(.4)}30%{opacity:var(--alpha);transform:translate3d(var(--dx),var(--dy),0) scale(1)}55%{opacity:.1}75%{opacity:.65;transform:translate3d(calc(var(--dx) * -1),var(--dy),0) scale(1.1)}}
.orbit{position:absolute;left:50%;top:48%;width:min(81vw,1150px);aspect-ratio:1;border:1px solid #c1d8ff0c;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg) scaleY(.58);pointer-events:none}.orbit.second{width:min(110vw,1540px);transform:translate(-50%,-50%) rotate(27deg) scaleY(.66);border-color:#c1d8ff08}.hero-content{position:relative;z-index:2;text-align:center;width:100%;padding:125px 24px 110px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.27em;text-transform:uppercase;color:var(--muted);display:block}.hero .eyebrow{color:#d2ddff;font-size:11px;letter-spacing:.35em}.hero-logo{display:block;width:min(660px,76vw);margin:2px auto -4px;filter:drop-shadow(0 18px 20px #04033140);animation:none}.hero h1{font-size:clamp(25px,3.1vw,43px);font-weight:400;letter-spacing:-.045em;line-height:1.22;margin:-8px 0 22px}.type-line{display:inline-flex;gap:.25em;align-items:baseline}.word-slot{display:inline-flex;min-width:4.7em;text-align:left;color:var(--yellow)}.caret{height:.85em;width:2px;background:var(--yellow);align-self:center;margin-left:4px;animation:blink 1s steps(1) infinite}.hero-description{font-size:13px;line-height:1.9;color:#c4d0ee;margin:0}.hero-bottom{position:absolute;bottom:38px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;z-index:3}.hero-coordinate{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#a6b9e1}.scroll-link{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;text-transform:uppercase;font-size:9px;letter-spacing:.2em}.scroll-link span{font-size:19px;color:var(--yellow)}.motion-toggle{border:0;background:none;color:#b5c5e8;font-size:10px;padding:12px 0 12px 14px}.motion-toggle:disabled{cursor:default}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}@keyframes float{50%{transform:translateY(-9px)}}@keyframes blink{50%{opacity:0}}
.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section h2{font-size:clamp(32px,4vw,50px);font-weight:400;letter-spacing:-.05em;margin:16px 0 0;line-height:1.15}.section-heading>p{font-size:13px;color:var(--muted);max-width:330px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:36px 30px 36px 0}.service+.service{border-left:1px solid var(--line);padding-left:30px}.service-number{font-size:11px;color:var(--yellow);letter-spacing:.15em}.service h3{font-size:22px;font-weight:400;letter-spacing:-.025em;margin:26px 0 14px}.service p{font-size:13px;color:var(--muted);margin:0}.games-section{background:#101638}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{display:block;border:1px solid var(--line);background:#0b1030;overflow:hidden}.game-art{height:285px;overflow:hidden;position:relative;background:#202c63}.game-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.game-card:hover img{transform:scale(1.035)}.game-info{padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.game-info h3{font-size:22px;font-weight:400;margin:0 0 8px}.game-info p{font-size:12px;color:var(--muted);margin:0}.arrow{color:var(--yellow);font-size:26px}.destination-art{background:radial-gradient(circle at 50% 110%,#59a6c9,transparent 65%),linear-gradient(140deg,#193768,#326282);display:grid;place-items:center}.destination-art .globe{width:205px;height:205px;border:1px solid #c5e7f980;border-radius:50%;position:relative;transform:rotate(-18deg);background:linear-gradient(90deg,transparent 49.7%,#c5e7f940 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#c5e7f950 50%,transparent 50.3%)}.globe::before{content:'';position:absolute;inset:0 45px;border:1px solid #c5e7f970;border-radius:50%}.globe::after{content:'';position:absolute;inset:46px -1px;border:1px solid #c5e7f970;border-radius:50%}.plane{position:absolute;color:#ffdc7b;top:28px;right:40px;font-size:40px;transform:rotate(-15deg)}.destination-caption{position:absolute;left:24px;bottom:21px;font-size:10px;letter-spacing:.25em;color:#d1e9f3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about-grid p{color:var(--muted);font-size:15px;margin:0 0 24px}.principles{display:flex;flex-wrap:wrap;gap:10px}.principles span{font-size:11px;border:1px solid var(--line);padding:10px 14px;border-radius:30px;color:#d0d6ed}
.site-footer{border-top:1px solid var(--line);background:#080c24;padding:66px 0 25px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:60px}.footer-intro h2{font-size:38px;letter-spacing:-.05em;font-weight:400;margin:14px 0 20px}.email-link{font-size:19px;color:var(--blue);border-bottom:1px solid #bbdcff40;padding-bottom:6px}.footer-column{display:grid;align-content:start;gap:14px;padding-top:6px;font-size:13px;color:var(--muted)}.footer-column .eyebrow{margin-bottom:10px;color:#7b86ad}.footer-column a:hover,.footer-bottom a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8f9abf}.footer-legal{display:flex;gap:24px}.footer-signoff{color:#b8c8ef;letter-spacing:.12em}
.page-banner{padding:180px 0 70px;background:radial-gradient(ellipse at 60% 0%,#293c81,transparent 75%),#101537;border-bottom:1px solid var(--line)}.page-banner h1{font-size:clamp(38px,6vw,70px);font-weight:400;letter-spacing:-.05em;margin:22px 0}.page-banner p{max-width:660px;color:var(--muted);font-size:15px}.breadcrumb{font-size:11px;color:var(--blue)}.page-body{padding:64px 0 100px}.prose{max-width:800px;margin-inline:auto;color:#bdc6e0;font-size:15px;overflow-wrap:anywhere}.prose h2,.prose h3{color:var(--ink);font-weight:500;letter-spacing:-.025em;line-height:1.35;margin:45px 0 18px}.prose h2{font-size:25px}.prose h3{font-size:20px}.prose p{margin:0 0 22px}.prose li{line-height:1.8;margin:8px 0}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{padding:12px;border:1px solid var(--line)}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 23px;border:1px solid var(--line);font-size:12px;letter-spacing:.04em;border-radius:3px}.button.primary{background:var(--yellow);color:#141936;border-color:var(--yellow)}.button:hover{filter:brightness(1.08)}.role-list{border-top:1px solid var(--line)}.role-row{padding:32px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.role-row h2{font-size:26px;font-weight:400;margin:0 0 10px}.role-row p{font-size:12px;color:var(--muted);margin:0}.role-row:hover h2{color:var(--blue)}.callout{margin-top:50px;padding:32px;border:1px solid var(--line);background:#111837}.callout h2{margin:0 0 14px;font-size:24px}.callout p{color:var(--muted)}.game-cover{width:100%;max-height:470px;object-fit:cover;margin-bottom:50px;border-radius:4px}.article-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.article-nav a{font-size:12px;color:var(--blue);border:1px solid var(--line);padding:10px 14px}.page-actions{margin-top:35px}.legal-layout{display:grid;grid-template-columns:190px minmax(0,800px);gap:70px}.legal-aside{font-size:12px;color:var(--muted)}.legal-aside a{display:block;margin-bottom:17px}.legal-aside span{display:block;color:#7581aa;font-size:10px;line-height:1.8;margin-top:30px}.game-details details{border-bottom:1px solid var(--line);padding:24px 0}.game-details summary{cursor:pointer;font-size:22px;color:white}.game-details .prose{margin:24px 0 0}.noscript-note{color:var(--muted);text-align:center;font-size:12px}
@media(min-width:1600px){.hero-logo{width:760px}.hero h1{font-size:48px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.header-inner{grid-template-columns:1fr auto}.header-note{display:none}.brand{grid-column:1;grid-row:1;width:110px}.brand img{width:110px}.header-actions{grid-column:2;gap:17px}.roles-link{font-size:9px}.roles-link span{margin-left:5px}.menu-toggle{width:36px;height:36px}.site-menu{right:20px;top:72px}.hero{min-height:620px}.hero-content{padding-inline:20px}.hero-logo{width:90vw;margin:25px auto 5px}.hero h1{font-size:28px;letter-spacing:-.045em;margin:8px 0 22px}.hero .eyebrow{font-size:9px;letter-spacing:.25em}.hero-description{font-size:12px;max-width:250px;margin:auto}.hero-bottom{left:20px;right:20px;bottom:24px}.hero-coordinate{display:none}.scroll-link{position:static;transform:none;font-size:8px}.motion-toggle{font-size:9px}.section{padding:72px 0}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:32px}.services{grid-template-columns:1fr}.service{padding:28px 0}.service+.service{padding:28px 0;border-left:0;border-top:1px solid var(--line)}.service h3{margin-top:18px}.game-grid,.about-grid{grid-template-columns:1fr;gap:30px}.game-art{height:245px}.about-grid{gap:28px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 25px;padding-bottom:40px}.footer-intro{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:22px}.footer-legal{flex-wrap:wrap;gap:20px}.page-banner{padding:135px 0 45px}.page-body{padding:40px 0 65px}.legal-layout{grid-template-columns:1fr;gap:24px}.legal-aside{display:flex;gap:22px;flex-wrap:wrap}.legal-aside span{display:none}.prose{font-size:14px}.prose h2{font-size:23px}.role-row h2{font-size:23px}.orbit{width:130vw}.orbit.second{width:190vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.star{opacity:.55}}
/* Keep the opening scene within the viewport, with comfortable small-screen typography. */
.hero{min-height:640px}.word-slot{min-width:6.35em}
@media(max-width:760px){.hero{min-height:620px}.hero h1{font-size:28px}.type-line{flex-direction:column;align-items:center;gap:8px}.word-slot{min-width:0;justify-content:center;height:1.25em}.hero-logo{margin-top:12px;margin-bottom:0}}

/* Simplified landing and header game navigation. */
.landing-page .header-actions{grid-column:3}
.hero-logo{margin:0 auto}
.hero h1{font-size:clamp(20px,2vw,28px);margin:-62px 0 0;letter-spacing:-.025em;position:relative}
.games-menu{position:relative}
.games-menu summary{cursor:pointer;list-style:none;padding:12px 0}
.games-menu summary::-webkit-details-marker{display:none}
.games-menu summary:focus-visible{outline:3px solid var(--yellow);outline-offset:7px}
.games-dropdown{position:absolute;top:44px;right:0;width:210px;padding:12px;background:#151a42;border:1px solid var(--line);box-shadow:0 20px 60px #04051c80;display:grid}
.games-dropdown a{padding:13px 12px;color:var(--muted);font-size:13px}
.games-dropdown a:hover{color:white;background:#ffffff08}
@media(min-width:1600px){.hero h1{margin-top:-74px;font-size:30px}}
@media(max-width:760px){.landing-page .header-actions{grid-column:2}.header-actions{gap:15px}.hero-logo{margin:0 auto}.hero h1{font-size:20px;margin-top:-7vw}.type-line{flex-direction:row;gap:.25em}.word-slot{min-width:6.35em;justify-content:flex-start;height:auto}.games-dropdown{right:-70px}.landing-page .header-inner{grid-template-columns:1fr auto}}
@media(max-width:360px){.hero h1{font-size:18px}.header-actions{gap:12px}}
.menu-toggle{display:none}
.site-menu,.site-menu.is-open{display:none}
.mobile-games summary{display:flex;justify-content:space-between;padding:13px 15px;cursor:pointer;list-style:none;font-size:14px;color:var(--muted)}
.mobile-games summary::-webkit-details-marker{display:none}
.mobile-games summary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.mobile-games a{display:block;padding-left:27px;font-size:13px}
@media(max-width:760px){.header-actions>.games-menu,.header-actions>.roles-link{display:none}.menu-toggle{display:grid}.site-menu.is-open{display:grid}}
/* Anchor the logo's central moon to the same point as the background glow. */
.hero{--hero-logo-width:min(560px,70vw);--brand-center-y:45%;background:radial-gradient(ellipse at 50% var(--brand-center-y),#3265ad 0%,#263f9c 34%,transparent 69%),linear-gradient(155deg,#181064,#213d94 55%,#160b61)}
.hero-content{position:absolute;top:var(--brand-center-y);left:0;padding:0;transform:translateY(calc(var(--hero-logo-width) * -.2567))}
.hero-logo{width:var(--hero-logo-width);margin:0 auto}
.hero h1{margin:calc(var(--hero-logo-width) * -.08) 0 0}
.orbit{top:var(--brand-center-y)}
@media(min-width:1600px){.hero{--hero-logo-width:640px}}
@media(max-width:760px){.hero{--hero-logo-width:80vw}}
/* Public studio vision: conceptual relationships, without internal product UI. */
.role-row-growth{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:28px}
.role-opportunity{display:inline-flex;align-items:center;gap:9px;color:var(--yellow);font-size:11px;line-height:1.6}
.role-opportunity>span{font-size:16px}
.role-equity{display:grid;grid-template-columns:24px minmax(0,1fr);gap:20px;margin:40px 0;padding:28px 24px;border-block:1px solid #ffcd5430;background:linear-gradient(100deg,#ffcd5407,transparent)}
.role-equity-mark{color:var(--yellow);font-size:24px;line-height:1}
.role-equity .eyebrow{font-size:9px;letter-spacing:.16em;color:var(--yellow)}
.prose .role-equity h2{margin:14px 0;font-size:26px;font-weight:400}
.prose .role-equity p{font-size:14px;color:var(--muted);margin:0}
@media(max-width:600px){.role-row-growth{grid-template-columns:minmax(0,1fr) 24px;gap:16px}.role-row-growth .arrow{grid-column:2;grid-row:1}.role-opportunity{grid-column:1;grid-row:2;font-size:10px}.role-equity{gap:12px;padding:24px 12px;grid-template-columns:18px minmax(0,1fr)}.role-equity-mark{font-size:20px}.prose .role-equity h2{font-size:23px}.prose .role-equity p{font-size:13px}}
.role-apply{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:56px;padding:32px 0 0;border-top:1px solid var(--line)}
.prose .role-apply h2{font-size:28px;font-weight:400;margin:0 0 12px}
.prose .role-apply p{font-size:13px;color:var(--muted);margin:0}
.prose .role-apply .button{flex-shrink:0;text-decoration:none;color:var(--yellow);border-color:#ffcd5460;padding:14px 22px;letter-spacing:0}
@media(max-width:600px){.role-apply{flex-direction:column;align-items:flex-start;gap:24px;margin-top:40px;padding-top:28px}.prose .role-apply h2{font-size:26px}}
.site-footer{padding:28px 0 22px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px}
.footer-contact{color:inherit}
.footer-presence{display:flex;align-items:center;gap:32px;color:var(--muted);font-size:12px}
.footer-social{display:flex;gap:24px}
.footer-social a:hover{color:var(--ink)}
.footer-legal{font-size:12px;color:var(--muted)}
.footer-legal a:hover{color:var(--ink)}
.footer-bottom{padding-top:16px;align-items:center;justify-content:center;text-align:center}
@media(max-width:760px){.site-footer{padding:24px 0 20px}.footer-top{align-items:flex-start;gap:20px;padding-bottom:20px}.footer-presence{display:grid;gap:10px;justify-items:start;font-size:11px}.footer-social{gap:14px}.footer-bottom{align-items:center;gap:12px}.footer-legal{flex-direction:column;align-items:flex-end;gap:10px;font-size:10px}}
.studio-about .about-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:34px;text-align:center}
.studio-about h2{font-size:clamp(32px,4vw,50px);line-height:1.15;margin:24px 0}
.studio-about h2 em{font-style:normal;color:var(--yellow)}
.studio-location{display:block;font-size:11px;color:#8295bf;margin-top:26px}
.studio-about .studio-about-lead{font-size:18px;line-height:1.7;color:var(--ink)}
.studio-about-copy{width:100%;max-width:620px}
.studio-about-copy>p{max-width:620px;font-size:14px;margin-inline:auto}
.studio-hub-link{display:inline-block;margin-top:8px;padding:10px 0;border-bottom:1px solid #ffcd5450;color:var(--yellow);font-size:12px}
.studio-hub-link:hover{border-bottom-color:var(--yellow)}
@media(max-width:760px){.studio-about .about-grid{gap:32px}.studio-about h2{font-size:36px}.studio-location{margin-top:20px}.studio-about .studio-about-lead{font-size:17px}}
.header-actions{gap:24px;white-space:nowrap}
.vision-hero{padding:178px 0 0;background:radial-gradient(ellipse at 75% 46%,#223f754f,transparent 52%),#0c1232;border-bottom:1px solid var(--line)}
.vision-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding-bottom:90px}
.vision-copy .eyebrow{color:var(--blue);font-size:10px;letter-spacing:.21em}
.vision-copy h1{font-weight:400;font-size:clamp(54px,6.8vw,92px);line-height:1.04;letter-spacing:-.065em;margin:32px 0}
.vision-copy h1 em,.vision-closing em{font-style:normal;color:var(--yellow)}
.vision-copy>p{max-width:430px;color:var(--muted);font-size:16px;line-height:1.8}
.vision-scroll{display:inline-flex;gap:24px;align-items:center;font-size:11px;color:var(--blue);margin-top:24px;padding:12px 0}
.vision-scroll span{color:var(--yellow);font-size:20px}
.vision-caption{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;color:#8d9dc5}
.studio-system{position:relative;aspect-ratio:1;margin:0;min-width:0}
.system-orbit{position:absolute;inset:8%;border:1px solid #a6c9ef23;border-radius:50%}
.system-orbit-inner{inset:23%;border-color:#a6c9ef13}
.system-axis{position:absolute;top:50%;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#a6c9ef18,transparent);transform:rotate(-38deg)}
.system-center{position:absolute;inset:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#7197f016,transparent 70%)}
.system-center img{width:210px;max-width:110%;margin-bottom:-15px}
.system-center>span{font-size:9px;white-space:nowrap;letter-spacing:.13em;color:#a9badd}
.system-node{position:absolute;font-size:11px;color:#dae5fb;display:flex;gap:10px;align-items:center;padding:10px 14px;background:#111a38;border:1px solid #a6c9ef20;border-radius:30px;white-space:nowrap}
.system-node i{display:block;width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #ffcd5440}
.node-games{top:7%;left:38%}.node-knowledge{right:0;top:44%}.node-team{bottom:8%;left:37%}.node-operations{left:0;top:44%}
.studio-system figcaption{position:absolute;bottom:-30px;width:100%;text-align:center;color:#7c8db6;font-size:10px;letter-spacing:.04em}
.vision-statement{display:grid;grid-template-columns:1fr 2fr;gap:65px}.vision-statement>.eyebrow{padding-top:22px;line-height:1.9}
.vision-statement h2{margin:0 0 30px;font-size:clamp(32px,4vw,49px)}
.vision-statement p{font-size:15px;max-width:650px;color:var(--muted);margin:0 0 20px}
.vision-principles{background:#101735;border-block:1px solid var(--line);padding:70px 0}
.vision-principles-heading h2{font-size:30px;font-weight:400;letter-spacing:-.035em;margin:20px 0 46px}
.vision-pillars{display:grid;grid-template-columns:repeat(3,1fr)}
.vision-pillars article{display:flex;flex-direction:column;padding:8px 32px 0 0}
.vision-pillars article+article{border-left:1px solid var(--line);padding-left:32px}
.pillar-mark{font-size:11px;color:var(--yellow);letter-spacing:.15em}
.vision-pillars h3{font-size:25px;font-weight:400;line-height:1.3;letter-spacing:-.035em;margin:30px 0 12px}
.vision-pillars p{font-size:13px;color:var(--muted);margin:0 0 30px}
.pillar-note{display:block;margin-top:auto;font-size:10px;line-height:1.8;color:#8295bf}
.intelligence-statement h2>span{color:var(--blue)}
.vision-closing{text-align:center;padding:88px 0 100px;background:radial-gradient(ellipse at 50% 100%,#26376966,transparent 70%),#0c1232;border-top:1px solid var(--line)}
.vision-closing h2{font-size:clamp(40px,5.6vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1.15;margin:26px 0}
.vision-closing p{color:var(--muted);font-size:14px;margin-bottom:30px}
.vision-closing .button{border-color:#ffcd5460;color:var(--yellow)}
/* Hub philosophy and a restrained glimpse of the workspace behind it. */
.hub-mindset{border-bottom:1px solid var(--line)}
.hub-section-heading{margin-bottom:56px}.hub-section-heading h2{margin-top:20px}
.hub-mindset .vision-copy>p{max-width:600px}
.hub-beliefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.hub-beliefs article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:32px 0 36px}
.hub-beliefs .pillar-mark{padding-top:5px;font-size:10px}
.hub-beliefs h3{font-size:25px;font-weight:400;letter-spacing:-.035em;line-height:1.3;margin:0 0 15px}
.hub-beliefs p{font-size:14px;color:var(--muted);margin:0;max-width:430px}
.hub-foundation{background:#101735}
.hub-foundation-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:50px}
.hub-foundation-copy{text-align:center;max-width:720px;justify-self:center}
.hub-foundation-copy h2{margin:24px 0}.hub-foundation-copy h2 em{font-style:normal;color:var(--yellow)}
.hub-foundation-copy p{max-width:600px;font-size:14px;color:var(--muted);margin-inline:auto}
.hub-foundation-note{display:block;margin-top:30px;font-size:11px;color:#8295bf}
.hub-capability-group+ .hub-capability-group{margin-top:38px}
.hub-capabilities.is-tabbed .hub-capability-group{margin-top:0}
.hub-capabilities.is-tabbed .hub-capability-group>h3{display:none}
.hub-tabs{display:flex;gap:32px;width:max-content;margin:0 auto 34px}
.hub-tabs[hidden],.hub-capability-group[hidden]{display:none}
.hub-tabs button{border:0;border-bottom:1px solid transparent;background:transparent;color:#8295bf;padding:10px 0;font-size:13px;transition:color .2s,border-color .2s}
.hub-tabs button:hover{color:var(--ink)}
.hub-tabs button[aria-selected=true]{border-bottom-color:var(--yellow);color:var(--yellow)}
.hub-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
#hub-company-panel .hub-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-tool-card{display:flex;flex-direction:column;min-height:210px;padding:28px 0 0;border-top:1px solid var(--line)}
.hub-tool-card h4{font-size:24px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0 0 18px;color:var(--blue)}
.hub-tool-card>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 26px;max-width:360px}
.hub-keywords{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 0;padding:0;list-style:none}
.hub-keywords li{font-size:9px;line-height:1.5;padding:4px 7px;border-radius:5px;background:#bbdcff08;color:#a6badc}
@media(max-width:760px){.hub-tool-grid,#hub-company-panel .hub-tool-grid{grid-template-columns:1fr;gap:30px}.hub-tool-card{min-height:0;padding:25px 0 0}.hub-tool-card h4{font-size:24px}.hub-keywords{margin-top:0}}
.hub-capability-group h3{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin:0 0 17px}
.hub-capability-group h3 span{display:block;margin-top:9px;color:#8295bf;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}
.hub-capability-group dl{margin:0}
.hub-capability-group dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--line);align-items:baseline}
.hub-capability-group dl>div:last-child{border-bottom:1px solid var(--line)}
.hub-capability-group dt{font-size:20px;font-weight:400;letter-spacing:-.025em;color:var(--blue)}
.hub-capability-group dd{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:760px){.hub-capability-group dl>div{grid-template-columns:1fr;gap:9px}.hub-capability-group dt{font-size:20px}.hub-capability-group dd{font-size:13px}}
@media(max-width:760px){.hub-section-heading{margin-bottom:34px}.hub-beliefs{grid-template-columns:1fr}.hub-beliefs article{padding:27px 0 30px;gap:10px;grid-template-columns:30px minmax(0,1fr)}.hub-beliefs h3{font-size:23px}.hub-beliefs p{font-size:13px}.hub-foundation-layout{grid-template-columns:1fr;gap:40px}.hub-capabilities article{grid-template-columns:60px 1fr;gap:18px}.hub-foundation-copy h2{font-size:36px}}
.hub-scene{position:relative;isolation:isolate;aspect-ratio:1;min-width:0;margin:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 47% 48%,#3265ad85 0%,#263f9c35 37%,transparent 70%)}
.hub-scene-label{position:absolute;top:12%;text-transform:uppercase;font-size:9px;letter-spacing:.24em;color:#b2c5ec;text-align:center}
.hub-lockup{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:92%;gap:12px}
.hub-lockup img{width:57%;height:auto;filter:drop-shadow(0 12px 12px #04033150)}
.hub-word{display:flex;align-items:center;flex:0 0 3.7em;font-family:ui-rounded,'Arial Rounded MT Bold',Arial,sans-serif;font-size:clamp(25px,3.3vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1;color:#fff;text-shadow:0 2px 0 #a5c9ec,0 8px 16px #080e3940}
.hub-word .caret{background:var(--yellow);height:.76em;margin-left:6px;box-shadow:none;text-shadow:none}
.hub-scene figcaption{position:absolute;bottom:19%;text-align:center;font-size:11px;letter-spacing:.035em;color:#b6c7e8}
.hub-scene .motion-toggle{position:absolute;bottom:5%;right:5%;z-index:3;font-size:9px;padding:10px}
.hub-orbit{position:absolute;inset:10%;border:1px solid #a6c9ef17;border-radius:50%;transform:rotate(-30deg) scaleY(.67);pointer-events:none}
.hub-orbit-two{inset:20% 5%;transform:rotate(40deg) scaleY(.72);border-color:#a6c9ef0d}
.hub-orbit i{position:absolute;inset:-1px;border-radius:50%;animation:hub-revolve 28s linear infinite}
.hub-orbit i::before{content:'';position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#ffd976;box-shadow:0 0 15px #ffcd5470}
.hub-orbit-two i{animation-duration:38s;animation-direction:reverse}.hub-orbit-two i::before{background:#bbdcff;box-shadow:0 0 12px #bbdcff80;width:3px;height:3px}
@keyframes hub-revolve{to{transform:rotate(360deg)}}
.hub-scene.motion-paused *,.hub-scene.motion-paused *::before{animation-play-state:paused!important}
@media(max-width:760px){.hub-scene{width:100%;max-width:450px;margin:auto}.hub-word{font-size:clamp(25px,6.9vw,34px)}.hub-lockup{gap:8px}.hub-scene-label{font-size:8px;letter-spacing:.19em}.hub-scene figcaption{font-size:10px}}
@media(max-width:760px){.studio-system .system-center img{width:120px;max-width:85%}}
@media(min-width:761px) and (max-width:1050px){.inner-page .header-note{font-size:8px;max-width:140px;line-height:1.7}.header-actions{gap:16px}.roles-link{font-size:9px}.inner-page .brand,.inner-page .brand img{width:110px}.vision-intro{gap:24px}.system-node{font-size:10px;padding:9px 10px}}
@media(max-width:760px){.vision-hero{padding-top:132px}.vision-intro{grid-template-columns:1fr;gap:40px;padding-bottom:64px}.vision-copy h1{font-size:60px;margin:26px 0}.vision-copy>p{font-size:15px}.studio-system{width:100%;max-width:420px;margin:auto}.system-node{font-size:10px;padding:9px 11px}.system-center>span{font-size:8px;letter-spacing:.07em}.system-center img{margin-bottom:-7px}.vision-caption{font-size:9px;line-height:1.7;flex-direction:column;gap:6px}.vision-statement{grid-template-columns:1fr;gap:25px}.vision-statement>.eyebrow{padding-top:0}.vision-statement h2{font-size:35px}.vision-statement p{font-size:14px}.vision-principles{padding:60px 0}.vision-principles-heading h2{font-size:28px}.vision-pillars{grid-template-columns:1fr;gap:30px}.vision-pillars article{padding:0 0 30px}.vision-pillars article+article{border-left:0;border-top:1px solid var(--line);padding:30px 0}.vision-pillars h3{margin-top:20px}.vision-closing{padding:70px 0}}

/* Match the original Dashboard brand lockup, with a full-screen Hub stage. */
@font-face{font-family:"Gotham Rounded";src:url('/assets/fonts/gotham-rounded-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.vision-hero{padding:0;background:none}
.vision-intro{display:block;width:100%;padding:0;margin:0}
.hub-scene{width:100%;max-width:none;height:100svh;min-height:640px;aspect-ratio:auto;margin:0;background:radial-gradient(ellipse at 50% 46%,rgba(47,104,176,.92) 0%,rgba(31,53,151,.62) 42%,transparent 68%),linear-gradient(158deg,#1c118f 0%,#224d9e 48%,#1b1089 100%)}
.hub-scene-label{top:calc(50% - 150px)}
.hub-scene figcaption{bottom:auto;top:calc(50% + 115px)}
.hub-scene .hub-orbit{width:min(840px,85vw);height:540px;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg) scaleY(.67)}
.hub-scene .hub-orbit-two{transform:translate(-50%,-50%) rotate(40deg) scaleY(.72)}
.hub-vision-introduction{border-bottom:1px solid var(--line)}
.hub-vision-introduction .vision-copy{max-width:760px}
.hub-vision-introduction .vision-copy>p{max-width:600px}
.hub-lockup>img{display:none}
.hub-word{ text-shadow:none }
.hub-wordmark-shell img{max-width:100%;margin:0}
.hub-lockup {
  position: relative;
  display: flex;
  width: min(650px, 100%);
  align-items: center;
  justify-content: center;
  gap: clamp(3px, 0.7vw, 11px);
}

.hub-lockup::before {
  position: absolute;
  z-index: -1;
  width: min(650px, 96%);
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(104, 91, 255, 0.26) 0%, rgba(55, 67, 200, 0.11) 42%, transparent 72%);
  content: "";
  filter: blur(7px);
  transform: scale(1.08);
}

.hub-wordmark-shell {
  position: relative;
  z-index: 1;
  display: flex;
  width: clamp(220px, 26vw, 340px);
  height: clamp(100px, 13vw, 154px);
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
}

.hub-wordmark-shell img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 14px 14px rgba(4, 3, 49, 0.28));
}

.hub-word {
  position: relative;
  z-index: 1;
  display: flex;
  width: clamp(184px, 18vw, 235px);
  min-width: 0;
  flex: 0 0 clamp(184px, 18vw, 235px);
  align-items: center;
  padding: 0 0 4px;
  color: #fff;
  font-family: "Gotham Rounded", ui-rounded, sans-serif;
  font-size: clamp(46.53px, 5.1975vw, 71.28px);
  font-weight: 700;
  letter-spacing: 0.045em;
  line-height: 1;
  white-space: nowrap;
}

.hub-word > span {
  display: inline-block;
  -webkit-text-stroke: 0.5px #fff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  paint-order: stroke fill;
  text-shadow:
    0 1px 0 #b9ddfb,
    0 2px 0 #b9ddfb,
    0 3px 0 #b9ddfb,
    0 4px 0 #b9ddfb;
}

.hub-word > span.is-hub {
  color: #ffd35e;
  -webkit-text-stroke-color: #ffd35e;
  text-shadow:
    0 1px 0 #e5a900,
    0 2px 0 #e5a900,
    0 3px 0 #e5a900,
    0 4px 0 #e5a900;
}

.hub-word .caret {
  display: inline-block;
  width: 9px;
  height: 0.74em;
  margin: 0 0 0 9px;
  border-radius: 3px;
  background: #ffd35e;
  box-shadow: 0 4px 0 #e5a900, 0 8px 13px rgba(3, 2, 44, 0.32);
  animation: typing-caret-blink 0.82s steps(1, end) infinite;
}

@keyframes typing-caret-blink {
  0%, 46% { opacity: 1; }
  47%, 100% { opacity: 0; }
}


@media(max-width:920px){.hub-lockup{gap:0}.hub-wordmark-shell{width:clamp(190px,25vw,245px)}.hub-word{width:clamp(158px,19vw,184px);flex-basis:clamp(158px,19vw,184px);font-size:clamp(38.61px,5.148vw,51.48px)}}
@media(max-width:720px){.hub-scene{min-height:620px}.hub-lockup{width:min(410px,100%);gap:0}.hub-lockup::before{height:150px}.hub-wordmark-shell{width:clamp(178px,49vw,230px);height:103px}.hub-word{width:clamp(138px,37vw,170px);flex-basis:clamp(138px,37vw,170px);padding-bottom:4px;font-size:clamp(36.63px,9.9vw,47.52px)}.hub-word .caret{width:7.5px;margin-left:7px}.hub-scene-label{top:calc(50% - 115px)}.hub-scene figcaption{top:calc(50% + 90px)}}
/* Match the homepage caption typography and visible logo-to-text spacing. */
.hub-scene{--caption-reference-width:min(560px,70vw);--hub-mark-width:clamp(220px,26vw,340px)}
.hub-scene figcaption{top:calc(50% + var(--hub-mark-width) * .1067 + var(--caption-reference-width) * .0633);bottom:auto;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);margin:0;color:var(--ink);font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:-.025em;line-height:1.22}
@media(min-width:1600px){.hub-scene{--caption-reference-width:640px}.hub-scene figcaption{font-size:30px}}
@media(max-width:920px){.hub-scene{--hub-mark-width:clamp(190px,25vw,245px)}}
@media(max-width:760px){.hub-scene{--caption-reference-width:80vw}.hub-scene figcaption{font-size:20px}}
@media(max-width:720px){.hub-scene{--hub-mark-width:clamp(178px,49vw,230px)}}
@media(max-width:360px){.hub-scene figcaption{font-size:18px}}
/* A homepage-shaped opening pose becomes the Hub lockup before typing begins. */
.hub-scene::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 45%,#3265ad 0%,#263f9c 34%,transparent 69%),linear-gradient(155deg,#181064,#213d94 55%,#160b61)}
.hub-entering .hub-scene::before{opacity:1}
.hub-logo-ready .hub-scene::before{animation:hub-arrive 1.63s ease-out forwards}
.hub-entering .hub-wordmark-shell img{visibility:hidden}
.hub-entering.hub-logo-ready .hub-wordmark-shell img{visibility:visible}
.hub-word,.hub-scene figcaption,.hub-scene .hub-orbit,.hub-scene .motion-toggle{transition:opacity .4s ease}
.hub-entering .hub-word,.hub-entering .hub-scene figcaption,.hub-entering .hub-scene .hub-orbit{opacity:0}
.hub-entering .hub-lockup::before{opacity:0}
@keyframes hub-arrive{0%,12%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hub-entering .hub-wordmark-shell img{visibility:visible}.hub-entering .hub-word,.hub-entering .hub-scene figcaption,.hub-entering .hub-scene .hub-orbit{opacity:1}.hub-entering .hub-scene::before{opacity:0}}
.hub-leaving .hub-word,.hub-leaving .hub-scene figcaption,.hub-leaving .hub-scene .hub-orbit,.hub-leaving .site-header .brand{opacity:0;transition:opacity .22s ease}
.hub-leaving .hub-lockup::before{opacity:0;transition:opacity .22s ease}
.hub-leaving .hub-scene::before{animation:hub-return 1.45s ease-out forwards}
@keyframes hub-return{from{opacity:0}to{opacity:1}}
/* Shared scene geometry: the brand only slides horizontally between pages. */
.hero,.hub-scene{--scene-logo-width:min(560px,70vw);--brand-center-y:45%;background:radial-gradient(ellipse at 50% 45%,#3265ad 0%,#263f9c 34%,transparent 69%),linear-gradient(155deg,#181064,#213d94 55%,#160b61)}
.hub-scene::before,.hub-lockup::before{display:none}
.hub-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07082f30,transparent 35%,#09062960)}
.hub-lockup{--word-width:clamp(184px,18vw,235px);--lockup-gap:clamp(3px,.7vw,11px);position:absolute;top:calc(45% - var(--scene-logo-width) * .2567);left:50%;transform:translateX(-50%);width:calc(var(--scene-logo-width) + var(--word-width) + var(--lockup-gap));gap:var(--lockup-gap);height:calc(var(--scene-logo-width) * .5)}
.hub-wordmark-shell{width:var(--scene-logo-width);height:auto;flex:0 0 var(--scene-logo-width);align-self:flex-start}
.hub-wordmark-shell img{width:100%;filter:drop-shadow(0 18px 20px #04033140)}
.hub-word{width:var(--word-width);flex:0 0 var(--word-width)}
.hub-scene figcaption{top:calc(45% + var(--scene-logo-width) * .1633);z-index:2}
.hub-entering .hub-scene .orbit{opacity:1}
.hub-leaving .site-header .brand{opacity:1}
.site-header .brand,.inner-page .site-header .brand{width:48px;height:48px;justify-content:center;justify-self:center;grid-column:2}
.site-header .brand img,.inner-page .site-header .brand img{width:40px;height:40px;object-fit:contain}
.site-header [aria-current],.site-header .is-active,.site-menu a[aria-current]{color:var(--yellow)}
@media(min-width:1600px){.hero,.hub-scene{--scene-logo-width:640px}}
@media(max-width:760px){.hero,.hub-scene{--scene-logo-width:80vw}.hub-lockup{--word-width:17vw;--lockup-gap:1vw}.hub-word{font-size:4.5vw;letter-spacing:.02em}.hub-word .caret{width:4px;margin-left:4px}.hub-word>span{text-shadow:0 1px 0 #b9ddfb,0 2px 0 #b9ddfb}.hub-word>span.is-hub{text-shadow:0 1px 0 #e5a900,0 2px 0 #e5a900}.site-header .header-inner,.landing-page .site-header .header-inner{grid-template-columns:1fr auto 1fr}.site-header .brand{grid-column:2;grid-row:1}.site-header .header-actions,.landing-page .site-header .header-actions{grid-column:3;grid-row:1}}
/* A proportional wordmark and one persistent background for Home and Hub. */
.hero,.hub-scene{--scene-logo-width:min(560px,56vw);--hero-logo-width:var(--scene-logo-width);--caption-reference-width:var(--scene-logo-width)}
.hub-lockup{--word-width:calc(var(--scene-logo-width) * .64);--lockup-gap:calc(var(--scene-logo-width) * .04)}
.hub-word{font-size:calc(var(--scene-logo-width) * .21447855);letter-spacing:.025em}
.hub-word .caret{width:.085em;margin-left:.12em;height:.72em;box-shadow:0 .035em 0 #e5a900,0 .07em .1em #03022c40}
body.has-shared-sky{position:relative;isolation:isolate}
.shared-sky{position:absolute;top:0;left:0;width:100%;z-index:0;overflow:hidden;pointer-events:none;--brand-center-y:45%;background:radial-gradient(ellipse at 50% 45%,#3265ad 0%,#263f9c 34%,transparent 69%),linear-gradient(155deg,#181064,#213d94 55%,#160b61)}
.shared-sky::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07082f30,transparent 35%,#09062960)}
.shared-sky.motion-paused *,.shared-sky.motion-paused *::before,.shared-sky.motion-paused *::after{animation-play-state:paused!important}
.has-shared-sky main,.has-shared-sky .site-footer{position:relative;z-index:1}
.has-shared-sky main:focus{outline:none}
.has-shared-sky .hero,.has-shared-sky .hub-scene{background:transparent}
.has-shared-sky .hero>.starfield,.has-shared-sky .hero>.orbit,.has-shared-sky .hub-scene>.starfield,.has-shared-sky .hub-scene>.orbit,.has-shared-sky .hero::after,.has-shared-sky .hub-scene::after{display:none}
@media(min-width:1600px){.hero,.hub-scene{--scene-logo-width:640px}}
@media(max-width:760px){.hero,.hub-scene{--scene-logo-width:56vw}.hub-word>span{text-shadow:0 1px 0 #b9ddfb,0 2px 0 #b9ddfb,0 3px 0 #b9ddfb}.hub-word>span.is-hub{text-shadow:0 1px 0 #e5a900,0 2px 0 #e5a900,0 3px 0 #e5a900}}
/* A 2px centered stroke adds 1px evenly around each edge; shadow only adds depth. */
.hub-word{padding-bottom:0;transform:translateY(.035em)}
.hub-word>span{--letter-depth:#b9ddfb;-webkit-text-stroke:2px currentColor;text-shadow:0 .012em 0 var(--letter-depth),0 .025em 0 var(--letter-depth),0 .04em 0 var(--letter-depth);filter:drop-shadow(0 .045em .055em #020d4838)}
.hub-word>span.is-hub{--letter-depth:#e5a900;-webkit-text-stroke:2px currentColor;text-shadow:0 .012em 0 var(--letter-depth),0 .025em 0 var(--letter-depth),0 .04em 0 var(--letter-depth)}
.scene-scroll,.hero-bottom .scene-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;color:var(--yellow);z-index:3}
.hero-bottom .scene-scroll{bottom:-8px}
.scene-scroll svg{width:22px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:scene-arrow-drift 2.4s ease-in-out infinite}
.scene-scroll:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:50%}
@keyframes scene-arrow-drift{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(max-width:760px){.hub-scene .scene-scroll{bottom:12px}}
@media(prefers-reduced-motion:reduce){.scene-scroll svg{animation:none}}
/* Incoming copy starts hidden without first transitioning from visible. */
.hub-entering .hub-word,.hub-entering .hub-scene figcaption{transition:none}
.hub-scene figcaption{transition:opacity .7s ease-in-out}
.hub-leaving .hub-scene figcaption{transition:opacity .42s ease-in-out}
@media(prefers-reduced-motion:reduce){.hub-scene figcaption{transition:none}}
/* A quiet, horizontal milestone line with the current stage highlighted. */
.game-progress{margin-top:32px;padding:12px 0 8px}
.game-progress .progress-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
.game-progress .progress-timeline li{position:relative;margin:0;padding:0 6px;text-align:center;line-height:1.5}
.progress-timeline li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 6px);right:calc(-50% + 6px);top:5px;height:1px;background:#657494}
.progress-timeline li.is-current::after{height:0;border-top:1px dashed #44506a;background:none}
.progress-node{position:relative;z-index:1;display:block;width:11px;height:11px;margin:0 auto 16px;border:1px solid #8a9cbb;border-radius:50%;background:#8a9cbb}
.is-current .progress-node{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 0 4px #ffcd5412}
.is-current .progress-node::before,.is-current .progress-node::after{content:'';position:absolute;inset:-1px;border:1px solid var(--yellow);border-radius:50%;opacity:0;pointer-events:none;animation:progress-ripple 3s ease-out infinite}
.is-current .progress-node::after{animation-delay:1.5s}
@keyframes progress-ripple{0%{transform:scale(1);opacity:.55}75%,100%{transform:scale(3.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.is-current .progress-node::before,.is-current .progress-node::after{display:none}}
.is-upcoming .progress-node{border-color:#566079;background:var(--bg)}
.progress-stage{display:block;color:#aab8d2;font-size:13px;font-weight:400}
.is-current .progress-stage{color:var(--yellow);font-weight:600}
.is-upcoming .progress-stage{color:#7886a2}
.game-progress .progress-note{margin:28px 0 0;text-align:center;font-size:13px;color:#aab8d2}
.progress-note strong{color:var(--ink);font-weight:400}
@media(max-width:600px){.game-progress .progress-timeline li{padding-inline:3px}.progress-stage{font-size:10px}.game-progress .progress-note{max-width:270px;margin:24px auto 0;font-size:12px}}
/* Mellow Kingdom content reads as independent sections, without disclosure controls. */
.prose.game-sections{max-width:none}
.game-section{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;padding:64px 0;border-top:1px solid var(--line);scroll-margin-top:32px}
.game-section>h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.035em;color:var(--ink)}
.game-section>.game-section-content{max-width:none;margin:0}
.game-section-content>h3:first-child{margin-top:0}
.game-section-content>p:last-child{margin-bottom:0}
.game-section .game-progress{margin-top:0;padding-top:9px}
.game-sections>.page-actions{margin-top:8px}
@media(max-width:900px){.game-section{grid-template-columns:175px minmax(0,1fr);gap:32px}.game-section>h2{font-size:25px}.game-section .progress-stage{font-size:11px}}
@media(max-width:700px){.game-section{grid-template-columns:1fr;gap:28px;padding:40px 0}.game-section>h2{font-size:27px}.game-section .progress-stage{font-size:10px}}
/* Full-viewport Mellow Kingdom poster, with a readable header and title. */
.game-poster{height:100svh;min-height:600px;position:relative;overflow:hidden;background:#253959}
.game-poster-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.game-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#050d3299,transparent 25%,transparent 60%,#080e30c9);pointer-events:none}
.game-poster-title{position:absolute;z-index:1;left:0;right:0;bottom:90px}
.game-poster-title .eyebrow{color:#f0f3ff;font-size:11px}
.game-poster-title h1{margin:14px 0 0;font-size:clamp(40px,5.5vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.05;color:white;text-shadow:0 3px 22px #10173566}
.game-section#ideation{grid-template-columns:minmax(0,1fr);gap:36px}
.game-section-content{min-width:0}
.ideation-scroll{overflow-x:auto;padding:4px 0 18px;scrollbar-width:thin;scrollbar-color:#53617f transparent}
.ideation-scroll:focus-visible{outline:2px solid var(--yellow);outline-offset:8px;border-radius:4px}
.ideation-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px;min-width:700px}
.ideation-flow figure{margin:0;text-align:center;position:relative}
.ideation-flow figure:not(:last-child)::after{content:'+';position:absolute;right:-38px;top:72px;color:var(--yellow);font-size:28px;font-weight:400;line-height:1}
.ideation-flow figure:nth-child(3)::after{content:'→'}
.ideation-flow img{display:block;width:clamp(140px,15vw,180px);aspect-ratio:1;height:auto;object-fit:cover;border-radius:16px;margin:0 auto 24px;box-shadow:0 12px 28px #02071c55}
.ideation-flow .ideation-result img{outline:1px solid #ffcd5466;outline-offset:6px}
.game-section-content .ideation-flow h3{font-size:17px;line-height:1.45;margin:0 0 6px;letter-spacing:-.02em}
.ideation-maker{font-size:11px;color:#889abf}
.game-section-content .ideation-flow p{font-size:13px;line-height:1.7;margin:18px 0 0;color:#b6c5e1}
.ideation-result h3{color:var(--yellow)}
.prose .ideation-swipe{display:none}
@media(max-width:760px){.game-poster{min-height:580px}.game-poster-art{object-position:57% center}.game-poster-title{bottom:95px}.ideation-flow{gap:40px}.ideation-flow figure:not(:last-child)::after{right:-28px;top:58px}.ideation-flow img{width:140px}.game-section-content .ideation-flow h3{font-size:15px}.prose .ideation-swipe{display:block;font-size:11px;color:#889abf;margin:12px 0 0}}
/* Story: Mellow King accompanies the kingdom's introduction. */
.game-section#story,.game-section#features{grid-template-columns:minmax(0,1fr);gap:30px}
.kingdom-story{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}
.story-copy .eyebrow{color:var(--yellow);font-size:9px;letter-spacing:.15em}
.game-section-content .story-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:16px 0 22px;color:var(--ink)}
.story-copy p{font-size:14px;max-width:460px}
.story-copy .story-promise{color:var(--ink);font-size:13px;margin-bottom:0}
.story-art{display:flex;align-items:center;justify-content:center;min-width:0}
.story-king{width:100%;max-width:440px;height:auto;filter:drop-shadow(0 18px 24px #00000030)}
/* Compact references, closer to a small comparison table. */
.ideation-flow{min-width:540px;gap:32px}
.ideation-flow img{width:64px;border-radius:10px;margin-bottom:14px;box-shadow:none}
.ideation-flow figure:not(:last-child)::after{top:22px;right:-22px;font-size:19px}
.ideation-flow .ideation-result img{outline-offset:3px}
.game-section-content .ideation-flow h3{font-size:13px;line-height:1.5}
.ideation-maker{font-size:10px}
.game-section-content .ideation-flow p{font-size:11px;line-height:1.6;margin-top:12px}
/* One feature at a time, with manual navigation and a no-JavaScript fallback. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.feature-slide{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:28px 48px;background:radial-gradient(ellipse at 15% 40%,#40338235,transparent 65%),#10162f;border:1px solid #b1c6ff16;border-radius:18px}
.feature-slide[hidden],.feature-controls[hidden]{display:none}
.feature-image{display:flex;justify-content:center;height:400px;min-width:0}
.feature-image img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:16px;box-shadow:0 15px 35px #00000038}
.feature-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);width:100%;max-width:385px;justify-self:center;gap:14px;align-items:center}
.feature-image-pair img{width:100%;height:auto;max-height:100%;min-width:0;aspect-ratio:410/884;object-fit:cover}
@media(max-width:760px){.feature-image-pair{gap:10px}.feature-image-pair img{border-radius:10px}}
.feature-header-art,.feature-icon-art{align-items:center}
.feature-art-window{width:100%;max-width:430px;aspect-ratio:1128/540;overflow:hidden;border-radius:16px}
.feature-art-window img{width:100%;height:auto;max-width:none;border-radius:0;box-shadow:none}
.feature-progression-art{flex-direction:column;gap:12px}
.feature-progression-art figure{width:100%;max-width:340px;margin:0}
.feature-progression-art figcaption{margin-top:6px;color:#b6c5e1;font-size:11px;line-height:1.4}
.feature-icon-art img{height:100%;width:100%;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 25px #0003)}
.journey-preview{position:relative;align-items:center;flex-direction:column;justify-content:center}
.journey-deck{position:relative;width:min(250px,70%);aspect-ratio:360/486;isolation:isolate;perspective:900px}
.journey-deck::before{content:'';position:absolute;inset:15% -30%;background:radial-gradient(ellipse,#a071ff25,transparent 70%);filter:blur(20px)}
.journey-card{position:absolute;inset:0;transform-origin:50% 85%;filter:drop-shadow(0 15px 16px #0004)}
.feature-image .journey-card img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;box-shadow:none}
.journey-back-far{z-index:0;transform:translate(22px,-16px) rotate(9deg) scale(.94)}
.journey-back-near{z-index:1;transform:translate(-14px,-7px) rotate(-6deg) scale(.97)}
.journey-front{z-index:3;overflow:hidden}
.journey-face{opacity:0}
.journey-face.is-current{opacity:1}
.journey-card-name{position:absolute;top:79%;left:12%;right:12%;text-align:center;font-size:13px;font-weight:600;line-height:1.4;color:#243351}
.journey-cover{opacity:0}
.journey-reveal-glow,.journey-reveal-sweep{position:absolute;pointer-events:none;opacity:0}
.journey-reveal-glow{inset:0;border-radius:24px;background:radial-gradient(ellipse,#fff7d6d9,#ffcf5433 50%,transparent 75%)}
.journey-reveal-sweep{inset:2% 10% 12%;border-radius:16px;background:linear-gradient(110deg,transparent 30%,#fff9dcdd 48%,transparent 65%)}
.journey-deck.is-animated .journey-front{animation:journey-cycle 6s infinite}
.journey-deck.is-animated .journey-cover{animation:journey-uncover 6s infinite}
.journey-deck.is-animated .journey-back-near{animation:journey-promote 6s infinite}
.journey-deck.is-animated .journey-reveal-glow{animation:journey-glow 6s infinite}
.journey-deck.is-animated .journey-reveal-sweep{animation:journey-sweep 6s infinite}
.journey-deck:not(.is-running) *{animation-play-state:paused!important}
.journey-motion-toggle{position:absolute;bottom:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 10px;border:1px solid #aab8d22b;border-radius:20px;background:#10162f;color:#aab8d2;font-size:10px}
.journey-motion-toggle[hidden]{display:none}
.journey-motion-toggle:hover{color:var(--yellow);border-color:#ffcd5460}
.journey-motion-icon{font-size:12px;line-height:1}
@keyframes journey-cycle{0%,68%{transform:translate(0,0) rotate(0) scale(1);z-index:3;opacity:1}79%{transform:translate(43%,-9%) rotate(14deg) scale(1.02);z-index:3;opacity:1}84%{transform:translate(43%,-9%) rotate(14deg) scale(.96);z-index:0;opacity:1}92%{transform:translate(22px,-16px) rotate(9deg) scale(.94);z-index:0;opacity:1}96%{transform:translate(22px,-16px) rotate(9deg) scale(.94);z-index:0;opacity:0}100%{transform:translate(0,0) rotate(0) scale(1);z-index:3;opacity:0}}
@keyframes journey-uncover{0%,13%{opacity:1}23%,100%{opacity:0}}
@keyframes journey-promote{0%,72%{transform:translate(-14px,-7px) rotate(-6deg) scale(.97)}88%,97%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(-14px,-7px) rotate(-6deg) scale(.97)}}
@keyframes journey-glow{0%,12%,31%,100%{opacity:0;transform:scale(.9)}18%{opacity:.9;transform:scale(1.07)}25%{opacity:0;transform:scale(1.2)}}
@keyframes journey-sweep{0%,12%{opacity:0;transform:translateX(-110%)}17%{opacity:.8}28%{opacity:0;transform:translateX(110%)}100%{opacity:0;transform:translateX(110%)}}
@media(max-width:760px){.journey-deck{width:min(205px,80%)}.journey-preview{padding-bottom:18px}.journey-motion-toggle{bottom:-8px}}
.feature-copy .feature-planned{display:inline-block;margin-left:10px;padding:4px 7px;border:1px solid #aab8d240;border-radius:4px;color:#b6c5e1;font-size:9px;letter-spacing:.08em}
.feature-copy .eyebrow{color:var(--yellow);font-size:10px}
.game-section-content .feature-copy h3{font-size:clamp(25px,3vw,36px);line-height:1.16;margin:18px 0;color:var(--ink);max-width:380px}
.game-section-content .feature-copy p{font-size:14px;line-height:1.8;margin:0;max-width:360px}
.feature-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}
.feature-dots{display:flex;gap:6px}
.feature-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:50%;background:transparent;color:#91a2c3;font-size:11px}
.feature-controls .feature-prev,.feature-controls .feature-next{border-color:var(--line);color:var(--ink);font-size:19px}
.feature-controls button:hover{color:var(--yellow);background:#ffcd540b}
.feature-controls [aria-pressed="true"]{color:var(--yellow);background:#ffcd5412;border-color:#ffcd5433}
@media(max-width:760px){.kingdom-story{grid-template-columns:1fr;gap:24px}.story-art{max-width:440px;justify-self:center}.story-copy p{max-width:none}.feature-slide{grid-template-columns:1fr;gap:24px;padding:24px}.feature-image{height:300px}.feature-copy{min-height:152px}.game-section-content .feature-copy h3{font-size:26px;margin:12px 0}.game-section-content .feature-copy p{font-size:13px;max-width:none}.feature-controls{gap:8px}.feature-dots{gap:2px}.feature-controls button{width:32px;height:36px}.ideation-flow img{width:56px}.ideation-flow figure:not(:last-child)::after{top:18px}.game-section-content .ideation-flow h3{font-size:12px}}
/* Summary belongs to the poster; the inspirations stay available on demand. */
.game-poster-summary{max-width:660px}
.game-poster-summary p{font-size:13px;line-height:1.75;color:#f0f3fc;margin:18px 0 0;text-shadow:0 2px 8px #080c2d}
.game-poster::after{background:linear-gradient(180deg,#050d3299,transparent 25%,transparent 48%,#080e30ed)}
.game-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.game-section-heading h2{margin:0;color:var(--ink);font-size:28px;letter-spacing:-.035em}
.idea-trigger{border:0;background:transparent;padding:10px 0 10px 16px;color:var(--yellow);font-size:12px}
.idea-trigger span{margin-left:10px}
.idea-trigger[hidden]{display:none}
body.idea-open{overflow:hidden}
.idea-dialog{width:min(880px,calc(100% - 32px));max-height:calc(100svh - 48px);overflow:auto;margin:auto;padding:36px;background:#101730;color:var(--ink);border:1px solid #a8bded30;border-radius:18px;box-shadow:0 30px 100px #0008}
.idea-dialog::backdrop{background:#040819b8;backdrop-filter:blur(8px)}
.idea-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px}
.idea-dialog-heading h2{font-size:28px;font-weight:400;letter-spacing:-.035em;margin:10px 0 0}
.idea-dialog-heading .eyebrow{font-size:9px}
.idea-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:26px}
.idea-dialog .prose{max-width:none;margin:0}
/* Navigation lives inside the gallery, with quiet dots and edge arrows. */
.feature-gallery{position:relative}
.feature-slide{padding:32px 68px 64px}
.feature-controls{position:absolute;inset:0;margin:0;display:block;pointer-events:none}
.feature-controls button{pointer-events:auto}
.feature-controls .feature-prev,.feature-controls .feature-next{position:absolute;top:calc(50% - 20px);width:40px;height:40px;background:transparent;border:0;font-size:24px}
.feature-controls .feature-prev{left:12px}
.feature-controls .feature-next{right:12px}
.feature-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:2px}
.feature-controls .feature-dot{width:26px;height:26px;background:transparent;border:0;padding:8px}
.feature-dot span{width:6px;height:6px;border-radius:50%;background:#63708d;transition:background .2s,transform .2s}
.feature-dot[aria-pressed="true"] span{background:var(--yellow);transform:scale(1.35)}
.feature-dot:hover span{background:#c5d1eb}
@media(max-width:760px){.game-poster-summary{max-width:510px}.game-poster-summary p{font-size:12px;line-height:1.65}.game-poster-title h1{font-size:38px}.game-section-heading h2{font-size:27px}.idea-dialog{padding:24px 20px}.idea-dialog-heading{margin-bottom:24px}.feature-slide{padding:24px 42px 56px}.feature-controls .feature-prev{left:2px}.feature-controls .feature-next{right:2px}.feature-controls .feature-prev,.feature-controls .feature-next{top:155px}}
/* A quiet, always-visible introduction to the game's characters and places. */
.game-section#meet-the-mellowies,.game-section#explore-the-kingdom{grid-template-columns:minmax(0,1fr);gap:14px}
.prose .discovery-intro{margin:0 0 28px;font-size:14px;color:#aab8d2}
.prose .discovery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.prose .discovery-grid>li{margin:0;padding:0;min-width:0}
/* Show the illustration inside each original collection card, without its UI frame. */
.discovery-art{position:relative;aspect-ratio:288/350;overflow:hidden;border-radius:10px;background:#18213d}
.discovery-art img{position:absolute;display:block;max-width:none;width:125%;height:auto;left:-12.5%;top:-2.57%}
.prose .discovery-grid h3{margin:16px 0 7px;color:var(--ink);font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.prose .discovery-grid p{margin:0;font-size:12px;line-height:1.65;color:#aab8d2}
.prose .discovery-more{display:flex;align-items:center;gap:12px;margin:28px 0 0;font-size:13px;color:#aab8d2}
.discovery-more span{color:var(--yellow);font-size:18px;letter-spacing:-.04em}
.game-store-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px 0 32px}
.game-progress .store-link{display:flex;flex-direction:column;justify-content:center;min-width:160px;padding:11px 20px;border:1px solid #8fa4cd45;border-radius:9px;text-decoration:none;color:var(--ink);line-height:1.5}
.store-link>span{font-size:10px;color:#aab8d2}
.store-link strong{font-size:16px;font-weight:500}
.store-link strong span{margin-left:12px;color:var(--yellow);font-size:14px}
.game-progress a.store-link:hover{border-color:var(--yellow);background:#ffcd5407}
.game-progress .store-coming{border-style:dashed;border-color:#8fa4cd25;color:#aab8d2}
.progress-enquiry{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px}
.game-progress .progress-enquiry p{margin:0;font-size:14px;color:var(--ink);line-height:1.7}
.progress-enquiry p>span{display:block;font-size:12px;color:#aab8d2}
.game-progress .progress-enquiry>a{flex-shrink:0;display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:13px;color:var(--yellow);text-decoration:none}
.game-progress .progress-enquiry>a:hover{text-decoration:underline;text-underline-offset:5px}
.game-progress .progress-enquiry{margin-top:28px}
/* Centered progress and a progressively blurred strategy preview. */
.game-section#development-progress,.game-section#future-vision{grid-template-columns:minmax(0,1fr);gap:34px;text-align:center}
#development-progress .game-section-content{width:100%;max-width:780px;justify-self:center}
#development-progress .game-progress{padding-top:12px}
#future-vision .game-section-content{width:100%;max-width:800px;justify-self:center}
.prose .vision-intro{margin:0 0 30px;color:#aab8d2;font-size:14px}
.vision-preview{position:relative;isolation:isolate;overflow:hidden;min-height:390px}
.vision-preview-copy{height:390px;overflow:hidden;pointer-events:none;user-select:none;mask-image:linear-gradient(#000 0%,#000 25%,#0009 65%,transparent 100%)}
.prose .vision-preview-copy p{margin:0 auto 24px;font-size:14px;line-height:1.85;max-width:720px;color:#aab8d2}
.prose .vision-preview-copy h3{font-size:20px;font-weight:400;margin:20px 0 12px}
.vision-blur-start{filter:blur(2.5px);opacity:.75}
.vision-blur-deep{filter:blur(6px);opacity:.5}
.vision-contact{position:absolute;z-index:1;top:122px;left:0;right:0;padding:32px 16px 28px;background:radial-gradient(ellipse at center,#0b102bf5 0%,#0b102bd9 40%,#0b102b00 73%)}
.vision-contact .eyebrow{font-size:9px;color:var(--yellow);letter-spacing:.16em}
.prose .vision-contact h3{font-size:clamp(25px,3vw,32px);line-height:1.2;letter-spacing:-.03em;margin:13px 0;color:var(--ink);font-weight:400}
.prose .vision-contact p{font-size:13px;line-height:1.75;margin:0 0 22px;color:#b6c5e1}
.prose .vision-contact .button{font-size:13px;padding:14px 22px;color:var(--yellow);border-color:#ffcd5460;text-decoration:none;letter-spacing:0}
@media(max-width:600px){.game-section#development-progress,.game-section#future-vision{gap:28px}#future-vision>h2{max-width:320px;justify-self:center;font-size:26px;line-height:1.25}.prose .vision-intro{font-size:13px;margin-bottom:24px}.prose .vision-preview-copy p{font-size:13px}.vision-preview,.vision-preview-copy{height:420px;min-height:420px}.vision-contact{top:155px;padding-inline:0}.prose .vision-contact h3{font-size:27px}}
/* Illustrative candy fields sit between the people and places of the kingdom. */
.game-section#candy-fields{grid-template-columns:minmax(0,1fr);gap:14px}
.maze-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.maze-showcase figure{margin:0;min-width:0}
.maze-showcase img{display:block;width:100%;height:auto;background:radial-gradient(ellipse at 50% 48%,#30265340,transparent 72%);border-bottom:1px solid var(--line)}
.maze-showcase img{aspect-ratio:3/2;object-fit:contain}
.maze-showcase figcaption{position:relative;padding:20px 0 0 30px}
.maze-showcase figcaption>span{position:absolute;left:0;top:23px;color:var(--yellow);font-size:10px;letter-spacing:.08em}
.prose .maze-showcase h3{margin:0 0 8px;font-size:17px;line-height:1.4;color:var(--ink);font-weight:500}
.prose .maze-showcase p{margin:0;color:#aab8d2;font-size:12px;line-height:1.7;max-width:240px}
#candy-fields .discovery-more span{font-size:14px;white-space:nowrap}
.poster-heading-row{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:14px}
.poster-heading-row h1{margin:0}
.game-poster .game-store-links{margin:0;flex-wrap:nowrap;gap:12px;flex-shrink:0}
.game-poster .store-link{display:flex;flex-direction:column;justify-content:center;min-width:148px;padding:12px 18px;border:1px solid #ffffff59;border-radius:9px;text-decoration:none;color:white;background:#0c1631c9;backdrop-filter:blur(10px);line-height:1.5}
.game-poster .store-link>span{color:#dce4f5}
.game-poster a.store-link:hover{border-color:var(--yellow);background:#19213ee8}
.game-poster .store-coming{border-style:dashed;border-color:#ffffff38;background:#0c1631a6;color:#c5cee1}
@media(max-width:900px){.poster-heading-row{align-items:flex-start;flex-direction:column;gap:22px}.game-poster .game-store-links{order:1}.game-poster-title{bottom:85px}}
@media(max-width:600px){.maze-showcase{grid-template-columns:1fr;gap:30px}.maze-showcase figure{max-width:420px;width:100%;justify-self:center}.maze-showcase img{max-height:280px;object-fit:contain}.maze-showcase figcaption{padding-top:14px}.maze-showcase figcaption>span{top:17px}.prose .maze-showcase p{max-width:none}#candy-fields .discovery-more{align-items:baseline}.game-poster{min-height:680px}.game-poster .game-store-links{width:100%;gap:10px}.game-poster .store-link{min-width:0;flex:1;padding:10px 14px}.game-poster-summary p{font-size:12px}.game-poster-title{bottom:82px}}
@media(max-width:1000px) and (min-width:601px){.prose .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}}
/* Public overview, with the same contact route for deeper partner discussions. */
.prose .section-enquiry{display:flex;align-items:center;gap:14px;margin:0;font-size:12px;color:#aab8d2}
.prose .section-enquiry a,.prose .monetization-enquiry a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--yellow);text-decoration:none}
.prose .section-enquiry a:hover,.prose .monetization-enquiry a:hover{text-decoration:underline;text-underline-offset:4px}
.game-section#monetization{grid-template-columns:minmax(0,1fr);gap:26px}
.monetization-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;padding-top:8px}
.monetization-overview>div{min-width:0}
.prose .monetization-foundation h3{margin:0 0 14px;font-size:24px;font-weight:400;color:var(--ink)}
.prose .monetization-overview p{max-width:410px;margin:0;font-size:14px;line-height:1.8;color:#aab8d2}
.prose .monetization-streams{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:22px 0 0}
.prose .monetization-streams li{margin:0;font-size:12px;line-height:1.6;color:#aab8d2}
.monetization-streams li+li::before{content:'·';margin-right:20px;color:#7786a5}
.monetization-membership{border-left:1px solid #ffcd5438;padding-left:40px}
.monetization-membership .eyebrow{font-size:10px;color:var(--yellow);letter-spacing:.12em}
.prose .monetization-membership h3{margin:12px 0 14px;font-size:clamp(28px,3vw,36px);line-height:1.15;font-weight:400;color:var(--ink);letter-spacing:-.035em}
.prose .monetization-membership .monetization-enquiry{display:flex;align-items:center;flex-wrap:wrap;gap:0 5px;margin:16px 0 0;font-size:12px}
@media(max-width:760px){.features-heading{align-items:flex-start;flex-wrap:wrap;gap:10px 24px}.prose .section-enquiry{flex-wrap:wrap;gap:0 10px;font-size:11px}.monetization-overview{grid-template-columns:1fr;gap:30px;padding-top:0}.monetization-membership{padding:24px 0 0;border-left:0;border-top:1px solid #ffcd5438}.prose .monetization-foundation h3{font-size:22px}.prose .monetization-overview p{max-width:none}.prose .monetization-streams{margin-top:16px}.prose .monetization-membership h3{font-size:28px}}
@media(max-width:600px){.prose .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.prose .discovery-grid h3{font-size:14px;margin-top:12px}.prose .discovery-grid p{font-size:12px}.prose .discovery-intro{font-size:13px;margin-bottom:24px}.prose .discovery-more{font-size:12px}.progress-enquiry{flex-direction:column;align-items:flex-start;gap:10px}.game-store-links{gap:10px}.game-progress .store-link{min-width:0;flex:1;padding:10px 14px}.store-link strong{font-size:15px}}