:root{color-scheme:light;--paper:#faf7f0;--ink:#493c55;--body:#6b6270;--muted:#827a83;--line:#e5dfe5;--peach:#ffaf68;--lilac:#eee7f2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #a177a3;outline-offset:6px;border-radius:3px}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(1184px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-80px;padding:12px 20px;z-index:5;background:var(--ink);color:white}
.skip-link:focus{top:16px}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:16px;font-weight:750;letter-spacing:.065em;white-space:nowrap}
.contact{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;padding:12px 0;border-bottom:1px solid var(--ink)}
.contact svg{width:16px;height:16px;transition:transform .2s}
.contact:hover svg{transform:translate(2px,-2px)}
.hero{padding:67px 0 92px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:80px}
.brand-art{position:relative;margin:0;width:100%;aspect-ratio:1672/941}
.brand-art img{width:100%;height:100%;object-fit:contain}
.brand-art .spark{position:absolute;inset:0}
.hero-copy{padding-top:23px}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;margin:0 0 24px;color:var(--muted)}
h1{font-size:clamp(29px,3.1vw,43px);font-weight:550;letter-spacing:-.055em;line-height:1.48;margin:0 0 25px}
.intro{font-size:15px;line-height:1.95;color:var(--body);margin:0;max-width:390px;letter-spacing:-.015em}
.games{border-top:1px solid var(--line);padding:42px 0 68px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.section-heading h2{font-size:13px;letter-spacing:.15em;font-weight:700;margin:0}
.section-heading span{font-size:12px;color:var(--muted);letter-spacing:.03em}
.game{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:62px}
.game-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.game-icon{width:58px;height:58px;flex:none;border-radius:13px;box-shadow:0 2px 5px #493c5510}
.game-heading h3{font-size:32px;line-height:1.2;letter-spacing:-.05em;margin:0;font-weight:650}
.subtitle{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:7px 0 0}
.game-description{font-size:15px;line-height:1.95;letter-spacing:-.015em;color:var(--body);margin:0 0 25px;max-width:355px}
.availability{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;background:var(--lilac);border-radius:6px;font-size:11px;font-weight:650;color:#64516e}
.availability .dot{width:5px;height:5px;background:#9b80aa;border-radius:50%;flex:none}
.game-art{margin:0}
.game-art img{width:100%;border-radius:10px}
.site-footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}
.site-footer p{margin:0}
.footer-links{display:flex;flex-wrap:wrap;gap:22px;justify-content:flex-end}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.wrap{width:min(1240px,calc(100% - 160px))}.hero{padding:100px 0 120px;gap:100px}.games{padding-top:48px;padding-bottom:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 72px)}.hero{gap:36px;padding:60px 0 74px}.hero-copy{padding-top:10px}h1{font-size:30px}.eyebrow{margin-bottom:20px}.intro,.game-description{font-size:14px}.game{gap:32px;grid-template-columns:1fr 1.2fr}.game-heading h3{font-size:28px}}
@media(max-width:680px){.wrap{width:calc(100% - 44px)}.site-header{height:85px}.wordmark{font-size:13px}.contact{font-size:12px;gap:12px;padding:8px 0}.contact svg{width:14px;height:14px}.hero{grid-template-columns:1fr;gap:27px;padding:35px 0 57px}.brand-art{width:min(100%,420px);justify-self:center}.hero-copy{padding:0 8px}.eyebrow{font-size:10px;margin-bottom:15px}h1{font-size:30px;line-height:1.5;margin-bottom:20px}.intro{max-width:390px;font-size:14px;line-height:1.9}.games{padding:29px 0 43px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:11px}.section-heading span{font-size:10px}.game{grid-template-columns:1fr;gap:23px}.game-copy{padding-inline:8px}.game-heading{margin-bottom:19px}.game-icon{width:51px;height:51px;border-radius:11px}.game-heading h3{font-size:29px}.subtitle{font-size:10px}.game-description{max-width:390px;margin-bottom:21px}.availability{font-size:10px}.game-art{margin-inline:-7px}.site-footer{align-items:flex-start;padding:24px 0 30px;gap:20px;font-size:10px}.footer-links{gap:12px;max-width:180px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:26px}.site-header{gap:14px}.wordmark{font-size:12px}.contact{font-size:11px}.site-footer{flex-direction:column;gap:14px}.footer-links{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}