:root{--cream:#f8f6ef;--ink:#242b30;--navy:#203d61;--muted:#666b68;--line:#cfcec4;--blue:#e3eaf0;--white:#fffefa;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #9c6237;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:12px;padding:10px 16px;background:var(--white);z-index:10}.skip-link:focus{top:12px}.site-header{min-height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;white-space:nowrap;font:bold 26px var(--serif);letter-spacing:-.6px}.brand img{border-radius:10px}.site-header nav{display:flex;gap:34px;align-items:center}.nav-link{text-decoration:none;font-size:14px}.locale{display:flex;border:1px solid #aaa99f;border-radius:8px;padding:3px;gap:2px}.locale button{border:0;background:none;border-radius:5px;font-size:12px;font-weight:bold;min-width:36px;min-height:32px;cursor:pointer}.locale button[aria-pressed=true]{color:#fff;background:var(--navy)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px;padding-top:67px;padding-bottom:72px}.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:bold;color:var(--navy);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(48px,4.8vw,70px)/1.055 var(--serif);letter-spacing:-2.3px;margin-bottom:27px;color:var(--navy)}.hero-description{max-width:420px;font-size:18px;line-height:1.65;color:#505956;margin-bottom:30px}.button{display:inline-flex;gap:24px;justify-content:center;align-items:center;text-decoration:none;font-weight:bold;font-size:15px;border-radius:8px;padding:17px 25px;min-height:56px}.primary{background:var(--navy);color:#fff}.primary:hover{background:#142e4d}.store-badges{--bh:48px;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--bh)*.34);margin-top:24px;padding:calc(var(--bh)*.25) 0}.store-badges a{display:inline-block;line-height:0;flex:none;text-decoration:none}.store-badges img{display:block;width:auto;border-radius:0;filter:none;box-shadow:none}.store-badges .badge-apple{height:var(--bh)}.store-badges .badge-gp-en{height:calc(var(--bh)*250/168);margin:calc(var(--bh)*-41/168)}.store-badges .badge-gp-fr{height:calc(var(--bh)*250/190);margin:calc(var(--bh)*-30/190) 0}.hero-art{height:535px;position:relative;isolation:isolate}.art-backdrop{position:absolute;inset:35px -10px 22px 10px;background:var(--blue);border-radius:48% 48% 6px 6px;z-index:-1}.hero-art img{position:absolute;height:auto;width:218px;border:1px solid #d0d4d4;border-radius:13px;box-shadow:0 18px 25px #203d6110}.hero-game{right:17px;top:4px;transform:rotate(4deg)}.hero-peek{left:2px;top:43px;transform:rotate(-7deg)}.art-note{position:absolute;bottom:0;left:13px;font:italic 17px var(--serif);color:var(--navy)}.discover{border-top:1px solid var(--line);padding-top:49px;padding-bottom:64px}.section-heading{display:flex;align-items:baseline;gap:55px;margin-bottom:32px}.section-heading .eyebrow{margin:0;flex:none}h2{font:normal 38px/1.15 var(--serif);letter-spacing:-.8px;color:var(--navy)}.section-heading h2{margin:0}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.pillars article{position:relative;padding-top:11px}.suit{font:41px/1 var(--serif);float:left;margin-right:15px;color:var(--navy)}h3{font:normal 25px/1.25 var(--serif);color:var(--navy);margin:0 0 15px;padding-top:4px}.pillars p{font-size:14px;color:#545d59;line-height:1.75;margin:0}.gallery-section{padding:58px 0 66px;background:#e9eee9;border-block:1px solid #d5ddd5}.gallery-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:34px}.gallery-heading h2{margin:0}.gallery-heading p{color:#58625a;font-size:14px;margin:0 12px 3px 0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.gallery figure{margin:0;min-width:0}.gallery img{width:100%;height:auto;display:block;border:1px solid #d7d8ce;border-radius:10px;background:var(--cream)}figcaption{display:flex;align-items:baseline;gap:10px;font-size:12px;margin-top:13px;color:var(--navy)}figcaption>span:first-child{font-size:10px;color:#72796e;font-variant-numeric:tabular-nums}.indie{display:grid;grid-template-columns:56px 1fr;gap:30px;align-items:center;padding-top:67px;padding-bottom:67px}.indie-mark{align-self:start;color:var(--navy);font:56px/1 var(--serif)}.indie .eyebrow{margin-bottom:12px}.indie h2{font-size:33px;margin-bottom:18px}.indie p:last-child{color:#58605b;font-size:14px;max-width:540px;margin-bottom:0}footer{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:11px}.footer-brand{font:bold 21px var(--serif);color:var(--navy);text-decoration:none}footer p{margin:0;flex:1}footer>div{display:flex;gap:22px}footer>div a{text-decoration:none}body[data-locale=fr] h1{font-size:clamp(44px,4.2vw,61px);line-height:1.1}body[data-locale=fr] .button{font-size:14px}
@media(min-width:1500px){.hero-art img{width:230px}.hero-art{height:555px}.hero-game{right:20px}.hero-peek{left:10px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{min-height:96px}.hero{grid-template-columns:1.1fr 1fr;gap:12px;padding-top:50px;padding-bottom:55px}.hero-art{height:444px}.hero-art img{width:177px}.hero-game{right:-6px;top:0}.hero-peek{left:1px;top:40px}.art-backdrop{inset:30px -7px 23px 8px}h1{font-size:52px;letter-spacing:-1.9px}.hero-description{font-size:16px}.hero .button{padding:16px 18px;font-size:14px;gap:16px}.section-heading{gap:25px}.section-heading h2{font-size:30px}.pillars{gap:30px}.gallery{gap:15px}.gallery-heading h2{font-size:33px}.gallery-heading p{max-width:240px}.indie{gap:20px;grid-template-columns:40px 1fr}.indie-mark{font-size:44px}.indie h2{font-size:30px}body[data-locale=fr] h1{font-size:46px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{min-height:84px;gap:12px}.brand{font-size:21px;gap:9px;letter-spacing:-.5px}.brand img{width:34px;height:34px;border-radius:8px}.site-header nav{gap:0}.nav-link{display:none}.locale button{min-width:30px;min-height:31px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:29px;padding-top:36px;padding-bottom:36px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:18px}h1{font-size:47px;letter-spacing:-1.7px;line-height:1.06;margin-bottom:20px}.hero-description{font-size:16px;line-height:1.65;margin-bottom:24px;max-width:340px}.button{width:100%;justify-content:space-between}.hero .button{font-size:14px;min-height:54px;padding-inline:21px}.store-badges{--bh:44px;margin-top:20px}.hero-art{height:402px;width:100%;max-width:380px;align-self:center}.hero-art img{width:164px;border-radius:10px}.hero-peek{left:9px;top:23px}.hero-game{right:10px;top:1px}.art-backdrop{inset:22px 0 22px 0;border-radius:46% 46% 5px 5px}.art-note{font-size:14px;left:11px;bottom:0}.discover{padding-top:31px;padding-bottom:38px}.section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:12px}h2,.section-heading h2{font-size:31px;letter-spacing:-.6px}.pillars{grid-template-columns:1fr;gap:25px}.pillars article{padding:0 0 0 48px}.suit{position:absolute;top:3px;left:0;font-size:34px}.pillars h3{font-size:24px;padding:0;margin-bottom:7px}.pillars p{font-size:14px;line-height:1.7}.gallery-section{padding:36px 0 38px}.gallery-heading{display:block;margin-bottom:25px}.gallery-heading h2{font-size:31px}.gallery-heading p{font-size:13px;max-width:100%;margin:15px 0 0}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 14px}.gallery img{border-radius:7px}figcaption{font-size:10px;gap:6px;margin-top:9px}figcaption>span:first-child{font-size:9px}.indie{grid-template-columns:1fr;gap:18px;padding-block:40px}.indie-mark{font-size:36px}.indie .eyebrow{margin-bottom:12px}.indie h2{font-size:31px;margin-bottom:17px}.indie p:last-child{font-size:14px;line-height:1.75}footer{flex-wrap:wrap;gap:9px 18px;padding-block:24px}.footer-brand{font-size:22px}footer p{font-size:10px;flex-basis:180px}footer>div{flex-basis:100%;gap:22px;margin-top:9px}body[data-locale=fr] h1{font-size:43px;line-height:1.08}body[data-locale=fr] .hero .button{font-size:13px}body[data-locale=fr] .brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
