:root{--cream:#fbf1dc;--cream-deep:#f3dbab;--ink:#191919;--ink-soft:#3d3d34;--olive:#636c39;--font-display:"Space Grotesk", "Trebuchet MS", sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100svh}.page{flex-direction:column;min-height:100svh;transition:opacity .18s;display:flex}.page--arcade{opacity:0;pointer-events:none}.arcade-loading{background:var(--cream);color:var(--ink);place-items:center;display:grid;position:fixed;inset:0}.play-btn{min-height:44px;color:var(--ink-soft);font:500 .8rem var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-right:24px;padding:10px 6px;display:inline-flex}.play-btn:hover{color:var(--olive)}.play-btn:focus-visible{outline:3px solid var(--olive);outline-offset:5px}@media (width>=801px){.page{height:100svh;min-height:0}.page .hero{--arcade-height:clamp(200px, 30svh, 300px);grid-template-rows:minmax(0, 1fr) var(--arcade-height);row-gap:16px;min-height:0;padding-block:0}.hero__art{height:100%;min-height:0}.hero__logo{object-fit:contain;max-height:100%}.page .footer,.page .topbar{flex-shrink:0}.arcade-slot{min-height:0;height:var(--arcade-height);grid-area:2/1/auto/-1;align-self:stretch;position:relative}.arcade-slot .arcade-loading{position:absolute}}.topbar{justify-content:flex-end;width:100%;max-width:1280px;margin-inline:auto;padding:24px clamp(24px,6vw,80px);display:flex}.lang{gap:4px;display:inline-flex}.lang__btn{min-width:44px;min-height:44px;color:var(--ink-soft);font:500 .8rem var(--font-body);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px}.lang__btn[aria-pressed=true]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--olive);text-decoration-color:var(--olive);text-underline-offset:6px}.lang__btn:hover{background:var(--cream-deep)}.lang__btn:focus-visible,.cta:focus-visible{outline:3px solid var(--olive);outline-offset:5px}.hero{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(40px,7vw,104px);width:100%;max-width:1280px;margin:0 auto;padding:64px clamp(24px,6vw,80px) 104px;display:grid}.hero__art{place-items:center;min-width:0;display:grid}.hero__logo{width:min(100%,480px);height:auto;display:block}.hero__text{min-width:0}h1{color:var(--ink);font:600 clamp(2.5rem, 5vw, 4rem) / 1.08 var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px}.lead{max-width:42ch;color:var(--ink);text-wrap:balance;margin:0 0 40px;font-size:clamp(1.375rem,1.65vw,1.5rem);line-height:1.5}.contact__label{color:var(--ink);margin:0 0 6px;font-size:1rem;font-weight:500;line-height:1.5}.cta{max-width:100%;min-height:48px;color:var(--ink);font:600 1.0625rem / 1.4 var(--font-body);overflow-wrap:anywhere;align-items:center;gap:10px;padding:12px 0;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.cta:after{content:"";background:var(--olive);transform-origin:0;height:1px;transition:transform .2s;position:absolute;inset:auto 0 0}.cta span{flex-shrink:0;font-weight:400}.cta:hover,.cta:focus-visible{color:var(--olive)}.cta:hover:after,.cta:focus-visible:after{transform:scaleX(1.035)}.footer{width:100%;max-width:1280px;color:var(--ink-soft);margin:auto auto 0;padding:24px clamp(24px,6vw,80px);font-size:.8rem}.footer p{margin:0}@media (width>=801px) and (height<=699px){.page .hero{--arcade-height:200px;row-gap:12px}.page .topbar,.page .footer{padding-block:12px}.hero__text h1{margin-bottom:12px;font-size:2.5rem}.hero__text .lead{margin-bottom:20px;font-size:1.125rem}}@media (width>=801px) and (height<=560px){.page .hero{--arcade-height:180px;row-gap:8px}.page .topbar,.page .footer{padding-block:6px}.hero__text h1{margin-bottom:8px;font-size:2rem}.hero__text .lead{margin-bottom:12px;font-size:1rem}.hero__text .cta{min-height:40px;padding-block:8px;font-size:.95rem}}@media (width>=801px) and (width<=1100px){.hero{gap:32px}.lead{font-size:1.25rem}}@media (width<=800px){.hero{text-align:center;grid-template-columns:1fr;gap:48px;padding-top:32px;padding-bottom:64px}.hero__art{width:min(100%,360px);margin:0 auto}.hero__text h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lead{margin-inline:auto;font-size:clamp(1.125rem,2.5vw,1.25rem)}}@media (prefers-reduced-motion:reduce){.page,.cta,.cta:after{transition:none}}