@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/bricolage-grotesque-latin.woff2") format("woff2")}

:root{color-scheme:dark;--bg:#08090d;--text:#f4f6fb;--muted:#a8acb8;--line:rgba(255,255,255,.095);--display:"Bricolage Grotesque","Trebuchet MS",sans-serif;--accent:#c5bdff}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body,h1,h2,h3,p,figure,ul{margin:0}
h1 em,h2 em,h3 em{font-style:normal}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
::selection{background:#c5bdff38}
.hero h1,.eyebrow,.hero-note,.scroll-cue,.section-heading h2,.next-games-heading h2,#studio-title{-webkit-user-select:none;user-select:none}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:white;color:#08090d;padding:14px 20px;border-radius:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.eyebrow{font-size:11px;font-weight:550;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}
.pill{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:14px 24px;background:var(--text);color:#121318;border:1px solid transparent;border-radius:100px;font-size:14px;font-weight:600;line-height:1.2;transition:background .2s,transform .2s,box-shadow .2s}
.pill svg,.text-link svg{width:20px;height:20px;flex-shrink:0}
.pill:hover{background:white;transform:translateY(-2px);box-shadow:0 5px 28px #a797ff20}
.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px}
.text-link:hover{color:var(--accent)}
.section-shell{width:calc(100% - 80px);max-width:1160px;margin-inline:auto}

.site-header{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:32px;width:calc(100% - 80px);max-width:1160px;min-height:78px;padding:8px 0;border:1px solid transparent;border-radius:100px;transition:width .3s,padding .3s,background .3s,border-color .3s,max-width .3s,box-shadow .3s}
.brand{display:block;flex-shrink:0}
.brand img{width:112px;height:auto}
.site-header nav{display:flex;align-items:center;gap:42px}
.nav-links{display:flex;gap:30px;font-size:13px;color:#bfc0c9}
.nav-links a{display:flex;align-items:center;min-height:44px;transition:color .2s}
.nav-links a:hover{color:white}
.nav-cta{min-height:44px;font-size:12px;padding:12px 20px;gap:18px}
.site-header.is-scrolled{max-width:880px;width:calc(100% - 40px);padding:8px 14px 8px 24px;min-height:70px;background:#101116ed;border-color:var(--line);box-shadow:0 12px 40px #0005;backdrop-filter:blur(18px)}
.site-header.is-scrolled .brand img{width:96px}

.hero{position:relative;isolation:isolate;overflow:clip;display:grid;place-items:center;min-height:820px;padding:168px 24px 132px;text-align:center}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000 70%,transparent)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#08090df2 0%,#08090dd9 24%,transparent 65%),radial-gradient(ellipse at 50% 38%,#38226120,transparent 65%)}
.hero-content{position:relative;z-index:3;width:100%;max-width:680px}
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:27px;font-size:10px;letter-spacing:.16em;color:#b3afc6}
.little-star{font-size:18px;line-height:1;color:#b4a5ff}
.hero h1{font-family:var(--display);font-size:96px;font-weight:500;line-height:1.04;letter-spacing:-.035em}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{color:var(--accent);font-weight:500}
.hero-description{max-width:430px;margin:27px auto 31px;color:#b4b6c3;font-size:17px;line-height:1.7}
.hero-cta{padding:17px 27px;gap:28px;box-shadow:0 0 0 5px #ffffff04}
.hero-cta svg{transform:rotate(90deg)}
.hero-note{margin-top:19px;color:var(--muted);font-size:12px;line-height:1.6}
.scroll-cue{position:absolute;bottom:25px;left:50%;z-index:4;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;min-height:44px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;color:var(--muted)}
.scroll-line{height:24px;width:1px;background:linear-gradient(#6f6a88,transparent)}
.hero-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;max-width:1480px;margin:auto}
.game-tile{position:absolute;transform:translate3d(var(--move-x,0px),var(--move-y,0px),0) rotate(var(--rotation));will-change:transform}
.tile-motion{border:1px solid #ffffff25;border-radius:24%;box-shadow:0 22px 50px #0009;animation:drift 8s ease-in-out infinite;animation-delay:var(--delay,0s);overflow:hidden}
.tile-motion img{width:100%;aspect-ratio:1;object-fit:contain}
.tile-solitaire{width:164px;left:calc(50% - 555px);top:214px;--rotation:-14deg;--delay:-2s}
.tile-blaster{width:136px;right:calc(50% - 535px);top:146px;--rotation:13deg;--delay:-4s}
.tile-clear{width:78px;left:calc(50% - 160px);top:73px;--rotation:-10deg;opacity:.32;--delay:-1s}
.tile-oasis{width:116px;left:calc(50% - 470px);bottom:122px;--rotation:11deg;opacity:.68;--delay:-5s}
.tile-hex{width:155px;right:calc(50% - 520px);bottom:143px;--rotation:-12deg;--delay:-3s}
.tile-bus{width:86px;left:calc(50% - 210px);bottom:31px;--rotation:-9deg;opacity:.5;--delay:-6s}
.tile-screw{width:94px;right:calc(50% - 247px);bottom:36px;--rotation:13deg;opacity:.48;--delay:-2s}
.tile-klondike{width:88px;right:-30px;top:368px;--rotation:15deg;opacity:.35;--delay:-7s}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.games-section{padding-block:70px 112px}
.section-heading{margin-bottom:45px}
.section-kicker{display:flex;align-items:center;gap:12px;color:#aaa1ce}
.section-kicker::before{content:"";width:26px;height:1px;background:#a69bd1}
.section-heading h2,.next-games-heading h2{margin-top:17px;font-family:var(--display);font-size:54px;font-weight:500;line-height:1.14;letter-spacing:-.025em}
.section-heading h2 em,.next-games-heading h2 em{font-weight:500;color:#a8a3bb}
.section-heading>p:last-child{margin-top:17px;color:var(--muted);font-size:16px;line-height:1.7}
.featured-game{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:600px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 85% 70%,#143d2424,transparent 65%),#101215;overflow:clip}
.featured-copy{position:relative;z-index:2;align-self:center;padding:53px 0 53px 52px}
.game-identity{display:flex;align-items:center;gap:17px;margin-bottom:26px}
.app-icon{flex-shrink:0;border:1px solid #ffffff18;border-radius:22%;box-shadow:0 8px 20px #0003}
.game-identity>.eyebrow{color:#929a9b;font-size:10px;letter-spacing:.12em}
.game-number{display:block;margin-top:5px;color:#909995;font-size:10px}
.featured-copy h3{font-family:var(--display);font-size:62px;font-weight:500;line-height:1.05;letter-spacing:-.035em}
.title-dot{color:#a7d9a3}
.game-description{max-width:365px;margin-top:20px;color:#aeb6b1;font-size:16px;line-height:1.8}
.game-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px;padding:0;list-style:none}
.game-features li{padding:6px 9px;border:1px solid #ffffff0e;border-radius:6px;background:#ffffff03;color:#9ca69f;font-size:10px;line-height:1.5;white-space:nowrap}
.store-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}
.store-link{display:flex;align-items:center;justify-content:center;gap:9px;min-width:154px;min-height:52px;padding:9px 15px;border:1px solid #ffffff30;border-radius:11px;background:#080a0ba3;box-shadow:0 2px 3px #0002;transition:border-color .2s,background .2s,transform .2s}
.store-link>svg{width:25px;height:28px;flex-shrink:0}
.store-link>span{display:flex;flex-direction:column;gap:2px}
.store-link small{font-size:9px;line-height:1.1;font-weight:400;color:#d5d7da}
.store-link strong{font-size:17px;font-weight:550;line-height:1.15;letter-spacing:-.02em}
.store-link:hover{transform:translateY(-2px);background:#15191c;border-color:#fff8}
.availability{margin-top:19px;color:#929d96;font-size:11px;line-height:1.6}
.featured-art{position:relative;min-height:600px}
.art-glow{position:absolute;inset:7%;background:radial-gradient(ellipse,#78c36a15,transparent 65%)}
.promo-panel{position:absolute;width:42%;filter:drop-shadow(0 25px 22px #0007)}
.promo-panel img{width:100%;border:1px solid #ffffff1c;border-radius:16px}
.solitaire-panel-one{left:5%;top:66px;transform:rotate(-8deg)}
.solitaire-panel-two{right:6%;top:118px;transform:rotate(8deg)}
.art-caption{position:absolute;bottom:27px;left:0;right:0;text-align:center;font-family:var(--display);font-size:17px;color:#9aaa9e}

.next-games-heading{margin-block:100px 38px}
.next-games-heading h2{font-size:48px}
.game-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.game-card{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:clip;padding:35px 35px 32px;border:1px solid var(--line);border-radius:28px;background:#121016}
.game-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.blaster-card::before{background:radial-gradient(ellipse at 50% 62%,#7141d92e,transparent 70%)}
.hex-card::before{background:radial-gradient(ellipse at 50% 62%,#ac3fa128,transparent 70%)}
.card-copy{align-self:stretch}
.card-copy .game-identity{margin-bottom:23px}
.card-copy .app-icon{width:52px;height:52px}
.card-copy h3{font-family:var(--display);font-size:43px;font-weight:500;line-height:1.1;letter-spacing:-.025em}
.card-copy>p{max-width:385px;margin-top:14px;font-size:15px;line-height:1.75;color:#a8a5b3}
.card-art{width:218px;margin:35px auto 8px;filter:drop-shadow(0 20px 24px #0005);transform:rotate(-4deg)}
.hex-card .card-art{transform:rotate(4deg)}
.card-art img{width:100%;border:1px solid #ffffff1a;border-radius:14px}
.card-stores{width:100%;justify-content:center;margin-top:30px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.catalogue-heading>p:last-child{margin-top:18px;color:var(--muted);font-size:16px;line-height:1.7}
.games-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}
.catalogue-card{padding:27px 25px 10px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#17151f,#101115)}
.catalogue-identity{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.catalogue-identity .app-icon{width:64px;height:64px}
.catalogue-identity>.eyebrow{color:#a8a3b7;font-size:9px;letter-spacing:.1em}
.catalogue-card h3{min-height:38px;font-family:var(--display);font-size:28px;font-weight:500;line-height:1.08;letter-spacing:-.015em}
.catalogue-description{min-height:82px;margin-top:13px;color:var(--muted);font-size:16px;line-height:1.7}
.catalogue-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;gap:8px;margin-top:24px;margin-bottom:16px}
.catalogue-stores .store-link{min-width:0;padding:10px 8px;gap:6px}
.catalogue-stores .store-link:only-child{grid-column:1/-1}
.catalogue-stores .store-link>svg{width:20px;height:25px}
.catalogue-stores .store-link strong{font-size:15px}
.catalogue-stores .store-link small{font-size:8px}
.game-preview{border-top:1px solid var(--line)}
.game-preview summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;cursor:pointer;list-style:none;color:#c7c1d8;font-size:13px}
.game-preview summary::-webkit-details-marker{display:none}
.game-preview summary:hover{color:#fff}
.preview-toggle{font-size:24px;font-weight:300;line-height:1;transition:transform .2s}
.game-preview[open] .preview-toggle{transform:rotate(45deg)}
.game-preview figure{padding-block:6px 18px}
.game-preview img{width:100%;border:1px solid #ffffff16;border-radius:12px}
@media(max-width:1100px){.games-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.catalogue-card h3{min-height:76px}.catalogue-description{min-height:82px}.catalogue-stores{min-height:64px}}
@media(max-width:760px){.catalogue-card{padding:25px 22px 8px}.catalogue-card h3{font-size:27px}.catalogue-stores{grid-template-columns:1fr;min-height:114px}}
@media(max-width:600px){.games-catalogue{grid-template-columns:1fr;gap:18px}.catalogue-card h3,.catalogue-description{min-height:0}.catalogue-stores{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;margin-bottom:19px}.catalogue-stores .store-link{min-height:52px}.catalogue-card h3{font-size:38px}.catalogue-identity{margin-bottom:20px}.catalogue-description{max-width:440px}.game-preview summary{min-height:56px}}

.studio-section{position:relative;border-top:1px solid var(--line);padding-block:104px 107px;text-align:center}
.studio-mark{margin-bottom:23px;color:#afa1e6;font-size:35px;font-weight:400;line-height:1}
.studio-section>.eyebrow{color:#91899d;font-size:10px}
.studio-section h2{margin-top:19px;font-family:var(--display);font-size:62px;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.studio-section h2 em{color:var(--accent);font-weight:500}
.studio-section>p:not(.eyebrow){max-width:490px;margin:23px auto 21px;font-size:16px;line-height:1.85;color:#a1a0af}
.studio-section .text-link{color:#d4d0e4;font-size:13px}
.site-footer{padding-block:36px 24px;border-top:1px solid var(--line)}
.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:26px}
.footer-brand img{width:90px}
.footer-top>p{font-family:var(--display);color:#8f8c9c;font-size:18px}
.all-games-link{margin-left:auto;color:#a9a6b5;font-size:12px}
.all-games-link svg{width:17px;height:17px;transform:rotate(-40deg)}
.footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid #ffffff06;color:#90909e;font-size:11px}
.legal-links summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;cursor:pointer;list-style:none;color:#9c9ba8;font-size:12px}
.legal-links summary::-webkit-details-marker{display:none}
.legal-links summary>span{font-size:19px;font-weight:300}
.legal-links[open] summary>span{transform:rotate(45deg)}
.legal-menu{position:absolute;z-index:15;right:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;max-width:min(340px,100%);padding:9px;border:1px solid #ffffff1c;border-radius:14px;background:#15161df7;box-shadow:0 10px 40px #0008}
.legal-menu a{display:flex;align-items:center;min-height:44px;padding:12px 13px;border-radius:8px;font-size:11px;line-height:1.6;color:#c2c0ce}
.legal-menu a:hover{background:#ffffff08;color:#fff}

@media(min-width:1500px){.hero{min-height:880px}.tile-solitaire{left:calc(50% - 590px)}.tile-blaster{right:calc(50% - 580px)}.tile-oasis{left:calc(50% - 525px)}.tile-hex{right:calc(50% - 570px)}}
@media(max-width:1100px){.hero h1{font-size:88px}.tile-solitaire{left:-23px;width:145px;top:230px}.tile-blaster{right:5px;width:118px;top:151px}.tile-hex{right:20px;width:130px}.tile-oasis{left:28px;width:100px}.featured-copy{padding:40px 0 40px 35px}.featured-copy h3{font-size:68px}.featured-art{min-height:570px}.featured-game{min-height:570px}.solitaire-panel-one{top:95px}.solitaire-panel-two{top:150px}.game-card{padding:30px 25px}.store-link{min-width:145px;padding-inline:12px}.card-copy h3{font-size:46px}.game-pair{gap:20px}.card-stores{gap:8px}}
@media(max-width:900px) and (min-width:761px){.section-shell{width:calc(100% - 48px)}.featured-copy{padding-left:28px}.featured-copy .store-links{display:grid;max-width:210px}.game-description{font-size:15px;padding-right:8px}.game-features{max-width:260px}.featured-art{min-height:625px}.featured-game{min-height:625px}.solitaire-panel-one{top:130px;width:46%;left:2%}.solitaire-panel-two{top:245px;width:46%;right:4%}.card-stores{display:grid}.card-copy h3{font-size:42px}.card-art{width:190px}.card-copy>p{min-height:78px}}
@media(max-width:760px){
  html{scroll-padding-top:96px}
  .section-shell{width:calc(100% - 40px)}
  .site-header{top:12px;width:calc(100% - 40px);min-height:64px;padding:6px 0;gap:16px}
  .brand img{width:98px}
  .nav-links{display:none}
  .site-header nav{gap:0}
  .nav-cta{min-height:44px;padding:12px 16px;font-size:11px;gap:14px}
  .nav-cta svg{width:17px;height:17px}
  .site-header.is-scrolled{width:calc(100% - 24px);padding:6px 10px 6px 17px;min-height:62px}
  .site-header.is-scrolled .brand img{width:87px}
  .hero{min-height:720px;padding:208px 24px 116px;align-items:start}
  .hero::before{background-size:38px 38px}
  .hero-content{max-width:480px}
  .hero-eyebrow{font-size:8px;letter-spacing:.11em;gap:7px;margin-bottom:22px}
  .little-star{font-size:15px}
  .hero h1{font-size:clamp(40px,11.6vw,62px);line-height:1.08;letter-spacing:-.025em}
  .hero-description{max-width:340px;margin-top:22px;margin-bottom:26px;font-size:16px;line-height:1.75}
  .hero-cta{min-height:52px;padding:16px 24px;font-size:13px;gap:24px}
  .hero-note{margin-top:18px;font-size:10px}
  .scroll-cue{bottom:20px;font-size:8px;gap:9px}
  .scroll-line{height:18px}
  .tile-solitaire{width:95px;left:-24px;top:114px;--rotation:-15deg}
  .tile-blaster{width:86px;right:-10px;top:107px;--rotation:14deg}
  .tile-hex{width:78px;right:-12px;bottom:58px;--rotation:-11deg;opacity:.6}
  .tile-oasis,.tile-clear,.tile-bus,.tile-screw,.tile-klondike{display:none}
  .hero::after{background:radial-gradient(ellipse at 50% 48%,#08090df2,transparent 75%)}
  .games-section{padding-block:47px 68px}
  .section-heading{margin-bottom:28px}
  .section-kicker{font-size:9px;letter-spacing:.12em}
  .section-kicker::before{width:19px}
  .section-heading h2,.next-games-heading h2{margin-top:15px;font-size:36px;line-height:1.15}
  .section-heading>p:last-child{margin-top:16px;max-width:300px;font-size:16px;line-height:1.7}
  .featured-game{grid-template-columns:1fr;min-height:0;border-radius:23px}
  .featured-copy{padding:29px 26px 0}
  .game-identity{gap:14px;margin-bottom:22px}
  .game-identity .app-icon{width:54px;height:54px}
  .game-identity>.eyebrow{font-size:9px}
  .game-number{font-size:9px;margin-top:3px}
  .featured-copy h3{font-size:50px}
  .game-description{max-width:440px;margin-top:17px;font-size:16px;line-height:1.8}
  .game-features{gap:6px;margin-top:20px}
  .game-features li{font-size:9px;padding:6px 7px}
  .store-links{gap:10px;margin-top:25px}
  .store-link{min-width:145px;padding:10px 14px}
  .availability{margin-top:15px;font-size:10px}
  .featured-art{min-height:clamp(430px,90vw,500px);max-width:500px;width:100%;margin:0 auto}
  .promo-panel{width:39%}
  .solitaire-panel-one{left:9%;top:35px}
  .solitaire-panel-two{right:8%;top:76px}
  .art-caption{bottom:18px;font-size:15px}
  .next-games-heading{margin-block:65px 27px}
  .game-pair{grid-template-columns:1fr;gap:22px}
  .game-card{padding:29px 26px;border-radius:23px}
  .card-copy h3{font-size:37px}
  .card-copy>p{margin-top:14px;font-size:16px;line-height:1.8}
  .card-art{width:205px;max-width:70%;margin-top:31px;margin-bottom:3px}
  .card-stores{align-self:stretch;justify-content:start;margin-top:30px}
  .studio-section{padding-block:67px 66px}
  .studio-mark{font-size:29px;margin-bottom:22px}
  .studio-section h2{font-size:41px;line-height:1.14;margin-top:16px}
  .studio-section>p:not(.eyebrow){max-width:380px;font-size:16px;line-height:1.8;margin:21px auto 19px}
  .studio-section .text-link{font-size:12px}
  .site-footer{padding-block:28px 15px}
  .footer-top{flex-wrap:wrap;gap:21px;padding-bottom:19px}
  .footer-brand img{width:84px}
  .footer-top>p{margin-left:auto;font-size:16px}
  .all-games-link{flex-basis:100%;margin-left:0;font-size:12px;min-height:44px}
  .footer-bottom{gap:13px;font-size:9px;align-items:start}
  .footer-bottom>span{padding-block:15px;max-width:170px;line-height:1.6}
  .legal-links summary{font-size:10px;gap:14px}
  .legal-menu{max-width:100%;width:330px}
}
@media(max-width:420px){.featured-copy .store-links,.card-stores{display:grid;grid-template-columns:1fr}.featured-copy .store-link,.card-stores .store-link{justify-content:center;width:100%}.featured-art{min-height:375px}.hero-eyebrow{font-size:7.5px}.hero h1{font-size:54px}.card-art{width:190px}.card-copy h3{font-size:42px}}
@media(max-width:370px){.hero h1{font-size:40px}.hero-eyebrow{letter-spacing:.08em}.hero-description{font-size:16px}.featured-copy,.game-card{padding-inline:23px}.game-features li{font-size:8.5px}.section-heading h2,.next-games-heading h2{font-size:40px}.footer-top>p{font-size:18px}.featured-art{min-height:350px}}
@media(hover:hover){.hero-scene .game-tile{transition:transform .5s cubic-bezier(.2,.7,.2,1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.game-tile{will-change:auto}}