@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/barlow.woff2') format('woff2');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b1016;color:#f4f0e5;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffe0a3;outline-offset:6px}
.ambient{position:absolute;top:0;left:0;width:100%;height:900px;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 14% 30%,#1d2c3433,transparent 58%),radial-gradient(ellipse at 80% 60%,#42452b12,transparent 60%)}
.wrap{position:relative;width:min(1320px,100% - 96px);margin:auto}
header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f0e51a}
.studio{font-size:32px;font-weight:800;letter-spacing:-2px;line-height:1}.studio span{display:block;font-size:9px;letter-spacing:5px;font-weight:600;padding-left:3px;margin-top:7px}
.presenter{display:flex;gap:14px;align-items:center}.presenter span{text-align:right;font-size:10px;letter-spacing:1.5px;line-height:1.8;color:#b7bcb8}.presenter b{font-weight:700;color:#e6e6da}.presenter img{border-radius:50%}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:56px 0 44px}
.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#c7bda5;margin:0 0 20px}
h1{font:800 clamp(58px,7.8vw,104px)/.88 Barlow,sans-serif;letter-spacing:-1.4px;text-transform:uppercase;margin:0}h1 em{font-style:normal;color:#eac586}
.intro-copy{font-size:15px;line-height:1.8;color:#d0d2cd;margin:0 0 4px}.intro-copy span{display:block;font-size:11px;line-height:1.5;color:#8f999c;margin-top:14px}
.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.game{--accent:#d9b36d;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#111b2b;border:1px solid #26374a;border-radius:18px;transition:transform .3s,border-color .3s;isolation:isolate}
.fusion{--accent:#96d4b1;background:#0d241d;border-color:#284237}.quiz{--accent:#f0a18a;background:#28212e;border-color:#49384b}
.game:hover{transform:translateY(-6px);border-color:var(--accent)}.poster{height:275px;display:grid;place-items:center;position:relative;padding:28px 20px 14px;overflow:hidden}
.poster:after{content:"";position:absolute;inset:-55% -45%;border:1px solid #ffffff0b;border-radius:45%;transform:rotate(-24deg);pointer-events:none}
.halo{position:absolute;width:75%;height:75%;border-radius:50%;background:var(--accent);opacity:.08;filter:blur(35px)}
.poster img{display:block;position:relative;width:100%;height:100%;max-height:235px;object-fit:contain;filter:drop-shadow(0 16px 18px #0005);transition:transform .5s}
.survey .poster img{max-height:195px}.fusion .poster img{max-height:240px}.quiz .poster{padding:26px 16px}.quiz .poster img{max-height:210px}
.game:hover .poster img{transform:scale(1.04)}
.game-info{padding:24px 27px 25px;margin-top:auto;border-top:1px solid #ffffff0d;background:#0000000b}
h2{font-size:20px;line-height:1.2;letter-spacing:-.6px;margin:0 0 13px;font-weight:800}.game-info p{font-size:12px;line-height:1.9;color:#b8c1c0;margin:0;min-height:48px}
.open{display:flex;justify-content:space-between;align-items:center;padding-top:21px;margin-top:21px;border-top:1px solid #ffffff1a;color:var(--accent);font-size:12px;font-weight:800}.open span{font-size:23px;font-weight:400}
.how{display:flex;justify-content:center;align-items:center;gap:16px;margin:37px 0 43px;color:#929f9f}.how p{font-size:12px;line-height:1.8;margin:0}.phone{display:grid;place-items:center;width:28px;height:40px;border:1.5px solid #64716f;border-radius:6px;font-size:24px;color:#b9c7b7}
footer{border-top:1px solid #ffffff16;padding:23px 0 30px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#7f8b8d}footer b{color:#bcc6c2;font-weight:600}
@media(min-width:1600px){.wrap{width:min(1400px,100% - 120px)}.poster{height:315px}.poster img{max-height:275px}.fusion .poster img{max-height:275px}.survey .poster img{max-height:230px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.games{gap:14px}.game-info{padding:20px 18px}.poster{height:225px}.poster img{max-height:195px}.fusion .poster img{max-height:195px}h2{font-size:18px}.game-info p{font-size:11px}.game-info p br{display:none}.intro-copy{font-size:13px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}header{height:88px}.studio{font-size:28px}.presenter{gap:9px}.presenter img{width:39px;height:39px}.presenter span{font-size:8px}.intro{display:block;padding:38px 0 28px}h1{font-size:72px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:20px}.intro-copy{margin-top:22px}.intro-copy br{display:none}.intro-copy span{margin-top:5px}.games{grid-template-columns:1fr;gap:20px}.poster{height:270px;padding:25px 27px 14px}.poster img{max-height:230px}.fusion .poster img{max-height:235px}.survey .poster img{max-height:215px}.quiz .poster img{max-height:225px}.game-info{padding:22px 24px}h2{font-size:23px}.game-info p{font-size:13px;min-height:0}.open{font-size:13px;margin-top:20px;padding-top:17px}.how{margin:32px 7px}.how p{font-size:11px}.desktop{display:none}footer{flex-direction:column;gap:10px;padding-top:20px}}
@media(prefers-reduced-motion:reduce){.game,.poster img{transition:none}.game:hover,.game:hover .poster img{transform:none}}