*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#18191a;color:#f5f0e7;font:15px "Office Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ff756b;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:50;padding:15px;background:#fff;color:#111}.skip:focus{top:10px}.top{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:center;padding:36px max(6.5%,24px);gap:52px}.brand{position:relative;font-family:'Arial Rounded MT Bold','Arial Black',"Office Sans",sans-serif;font-size:40px;font-weight:950;letter-spacing:-2px;line-height:1}.brand svg{position:absolute;width:28px;height:25px;fill:#ff7168;left:44%;top:-18px;transform:rotate(-13deg)}nav{display:flex;gap:34px;align-items:center;font-weight:700;font-size:14px}nav button{border:0;background:none;color:inherit;padding:12px 0}nav a{padding:12px 0}nav a:hover,nav button:hover{color:#ff8178}.button{background:#ff746a;color:#151616;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:9px;padding:16px 24px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#ff9188;transform:translateY(-2px);box-shadow:0 7px 20px #ff746a15}.button.small{margin-left:auto;min-width:112px;padding:13px 20px}.hero{position:relative;width:100%;aspect-ratio:2/1;max-width:1920px;margin:0 auto;isolation:isolate}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:9%;background:linear-gradient(transparent,#18191a);pointer-events:none}.hero-copy{position:absolute;top:33%;left:25%;width:50%;text-align:center}h1,h2,h3{font-family:'Arial Rounded MT Bold','Arial Black',"Office Sans",sans-serif;font-weight:950}h1{font-size:clamp(38px,4.25vw,76px);line-height:1.06;letter-spacing:-2.7px;margin:0 0 30px;text-shadow:0 3px #0002}h1 span{color:#ff746a}.hero-copy p{font-size:clamp(16px,1.65vw,27px);font-weight:700;color:#b3afb5;margin:0}.steam{position:absolute;left:83.4%;top:35%;height:16%;width:5%;pointer-events:none}.steam i{position:absolute;left:20%;bottom:0;height:55%;width:16%;border-left:3px solid #c9c5b1;border-radius:50%;opacity:0;animation:steam 4.8s ease-in-out infinite}.steam i:nth-child(2){left:52%;animation-delay:1.6s}.steam i:nth-child(3){left:35%;animation-delay:3.2s}@keyframes steam{0%{opacity:0;transform:translateY(10px) rotate(-9deg)}35%{opacity:.3}100%{opacity:0;transform:translateY(-45px) rotate(13deg)}}.wrap{width:min(1240px,87%);margin:auto}.games{padding-top:76px;position:relative}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.section-head h2{font-size:clamp(26px,3vw,42px);letter-spacing:-1.5px;margin:0}.section-head>p{display:flex;align-items:center;gap:14px;font-size:12px;color:#b6b2b6}.section-head>p span{height:3px;width:28px;border-radius:4px;background:#ff746a}.game-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:26px}.game-card{position:relative;min-width:0;aspect-ratio:1.48;border-radius:12px;overflow:hidden;border:1px solid #414142}.escape{color:#111611;background:radial-gradient(ellipse at 15% 12%,#d1ed87,#b6e55d 70%,#a9dc49);display:block;transition:transform .25s,box-shadow .25s,border-color .25s}.escape:hover{transform:translateY(-7px);box-shadow:0 16px 35px #0004;border-color:#d8f5a5}.card-copy{position:relative;z-index:2;padding:25px 21px;width:61%}.card-copy h3{font-size:clamp(24px,2.45vw,35px);line-height:.98;letter-spacing:-1px;margin:0 0 13px}.card-copy p{font-size:13px;line-height:1.4;margin:0 0 23px}.play-label{display:inline-flex;align-items:center;gap:9px;border-radius:6px;padding:12px 13px;background:#ff746a;font-weight:900;font-size:11px;white-space:nowrap}.character{position:absolute;width:53%;height:92%;object-fit:contain;right:0;bottom:-4%;transform:rotate(5deg);transition:transform .3s}.escape:hover .character{transform:rotate(1deg) translateY(-4px)}.scribble{position:absolute;right:10px;top:21px;font-size:11px;line-height:1.2;font-weight:800;font-style:italic;transform:rotate(9deg);display:none}.upcoming{background:radial-gradient(ellipse at 80% 60%,#29292a,#212122);padding:23px}.upcoming h3{font-size:17px;margin:0;color:#99969d;position:relative;z-index:1}.upcoming p{position:absolute;left:23px;bottom:23px;font-size:9px;letter-spacing:2px;line-height:1.6;color:#b2adb3;margin:0}.mystery{position:absolute;right:3%;top:10%;width:80%;height:80%;fill:#151617}.mystery text{fill:#6b696c;text-anchor:middle;font:bold 64px Arial}.foreground{height:215px;margin-top:22px;overflow:hidden;pointer-events:none;opacity:.85;background:radial-gradient(ellipse at 30% 90%,#23252655,transparent 60%)}.foreground svg{width:100%;height:100%}footer{display:flex;align-items:center;gap:30px;padding:28px 0 38px;position:relative;z-index:1}footer .brand{font-size:25px;letter-spacing:-1px}footer .brand svg{width:18px;height:16px;top:-12px}footer p{font-size:11px;color:#a5a0a6;padding-left:25px;border-left:1px solid #777}.copyright{margin-left:auto;color:#a5a0a6;font-size:11px}dialog{background:#202324;color:#f5f0e7;border:1px solid #4b4a47;border-radius:16px;padding:40px;width:min(490px,90vw);line-height:1.7}dialog::backdrop{background:#000b}dialog h2{font-size:32px;letter-spacing:-1px;line-height:1.1}dialog .close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:30px;color:#bbb}dialog .eyebrow{font-size:10px;letter-spacing:2px;color:#ff8178}dialog .fine{font-size:12px;color:#aaa}.reveal{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1800px){.top{padding-left:calc((100% - 1550px)/2);padding-right:calc((100% - 1550px)/2)}}@media(max-width:1000px){.top{padding-top:30px;gap:35px}.brand{font-size:33px}.brand svg{width:22px}.hero-copy{top:34%}h1{letter-spacing:-1.7px;margin-bottom:20px}.games{padding-top:48px}.game-grid{gap:18px}.game-card{aspect-ratio:1.15}.card-copy{padding:19px 15px}.card-copy h3{font-size:27px}.card-copy p{font-size:11px}.play-label{font-size:10px;padding:10px}.upcoming{padding:17px}.upcoming h3{font-size:14px}.upcoming p{left:17px;bottom:17px;font-size:8px}.foreground{height:170px}}@media(max-width:650px){.top{padding:28px 22px;gap:20px}.brand{font-size:31px}.top nav{gap:18px;font-size:12px}.top .button{min-width:auto;padding:10px 14px;font-size:12px;gap:7px}.hero{height:545px;aspect-ratio:auto;background:radial-gradient(ellipse at 50% 0,#212121,#18191a 65%)}.hero-art{top:auto;bottom:0;height:auto;aspect-ratio:2/1;width:100%;object-fit:contain}.hero-copy{top:143px;left:5%;width:90%}h1{font-size:clamp(35px,8.5vw,51px);letter-spacing:-1.8px;line-height:1.06;margin-bottom:23px}.hero-copy p{font-size:16px}.steam{top:auto;bottom:115px;height:42px;width:25px}.steam i{border-left-width:2px;animation-duration:6s}.wrap{width:89%}.games{padding-top:42px}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:30px;letter-spacing:-1px}.section-head>p{font-size:10px;margin-top:14px}.game-grid{grid-template-columns:1fr 1fr;gap:15px}.escape{grid-column:1/-1;aspect-ratio:1.5}.card-copy{padding:25px;width:60%}.card-copy h3{font-size:35px}.card-copy p{font-size:13px;margin-bottom:25px}.play-label{font-size:12px;padding:12px 15px}.game-card.upcoming{aspect-ratio:.96}.upcoming h3{font-size:14px}.upcoming p{font-size:7px;letter-spacing:1.4px;bottom:17px}.mystery{width:100%;right:-5%;top:17%}.foreground{height:130px;margin-top:45px}.foreground svg{width:180%;margin-left:-25%}footer{gap:20px;flex-wrap:wrap;padding-bottom:27px}footer p{font-size:10px;padding-left:20px}.copyright{width:100%;margin:0;font-size:10px}.steam i:nth-child(3){display:none}}@media(max-width:370px){.top nav{gap:11px}.top{gap:15px}.top .button span{display:none}.hero{height:510px}.hero-copy{top:135px}.card-copy{padding:20px}.card-copy h3{font-size:30px}.play-label{font-size:10px}.hero-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steam{display:none}.reveal{animation:none}.button,.escape,.character{transition:none}}@media(hover:none){.escape:hover,.escape:hover .character,.button:hover{transform:none;box-shadow:none}}
/* Equal card heights and comfortable mobile tap targets. */
@media(min-width:651px){.game-grid{grid-auto-rows:clamp(245px,21vw,300px)}.game-card{aspect-ratio:auto;height:100%}}
.reveal{animation-fill-mode:none}
.hero{max-width:none}.top{padding-left:6.5%;padding-right:6.5%}.brand{display:block;width:160px;font-size:0}.brand img{width:100%;height:auto;display:block}.hero-copy{top:33%}h1{font-size:clamp(38px,4.9vw,160px)}.hero-copy p{font-size:clamp(16px,1.75vw,48px)}.wrap{width:87%;max-width:2600px}.games{padding-top:clamp(35px,4vw,110px)}.section-head{margin-bottom:clamp(24px,2.5vw,70px)}.section-head h2{font-size:clamp(28px,3.3vw,86px)}.section-head>p{font-size:clamp(12px,1vw,24px)}.game-grid{gap:clamp(18px,2vw,54px);grid-template-columns:1.16fr 1fr 1fr;grid-auto-rows:auto}.game-card{aspect-ratio:1.5;height:auto;border-radius:14px}.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.card-copy{padding:7%;width:59%}.card-copy h3{font-size:clamp(27px,2.85vw,74px);color:#f5f0e7;text-shadow:0 2px 8px #0005;letter-spacing:-.04em}.card-copy p{font-size:clamp(12px,1vw,26px);color:#dedbd0;margin-bottom:clamp(16px,2vw,44px)}.play-label{font-size:clamp(10px,.8vw,21px);padding:1em 1.2em}.upcoming{padding:7%}.upcoming h3{font-size:clamp(14px,1.3vw,34px);color:#d3cdc5}.upcoming p{left:7%;bottom:7%;z-index:1;font-size:clamp(8px,.65vw,17px)}main{position:relative;isolation:isolate}main:after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:48%;background:url('/assets/lower-scene.webp') center bottom/100% 100% no-repeat;mask-image:linear-gradient(transparent,#000 15%)}.foreground{height:clamp(180px,19vw,500px);background:none;margin-top:0;opacity:1}footer{margin-top:-55px!important;padding-bottom:32px}footer .brand{width:110px}footer p,.copyright{font-size:clamp(11px,.8vw,18px)}
@media(min-width:1800px){.brand{width:230px}.top{padding-top:50px}nav{font-size:20px}.button.small{font-size:20px;padding:18px 30px}}
@media(max-width:650px){.brand{width:108px}.top{padding-left:5%;padding-right:5%;gap:18px}.hero-copy{top:126px}h1{font-size:clamp(35px,8.5vw,51px)}.hero-copy p{font-size:16px}.wrap{width:89%}.game-grid{grid-template-columns:1fr 1fr;gap:14px}.game-card.escape{min-height:0;aspect-ratio:1.5}.game-card.upcoming{aspect-ratio:1}.card-copy{padding:7%;width:60%}.card-copy h3{font-size:30px}.card-copy p{font-size:12px;margin-bottom:20px}.play-label{font-size:10px}.upcoming .cover-art{object-position:62% center}.upcoming h3{font-size:13px}.upcoming p{font-size:7px}.section-head h2{font-size:30px}.section-head>p{font-size:11px}.foreground{height:180px}main:after{height:52%;background-size:auto 100%}footer{margin-top:-40px!important}footer .brand{width:90px}footer p{font-size:9px}footer .copyright{font-size:10px}}
@media(max-width:650px){.escape{min-height:270px;aspect-ratio:auto}.card-copy{padding:24px 21px}.card-copy h3{font-size:32px}.card-copy p{margin-bottom:18px}.hero{height:470px}.hero-copy{top:126px}.hero-art{mask-image:linear-gradient(transparent,#000 20%)}.steam{bottom:110px}.foreground{height:130px}}
/* Independently positioned mascot and responsive scenery. */
.hero-croc{position:absolute;z-index:1;width:23%;height:48%;object-fit:contain;left:3.5%;bottom:15%;pointer-events:none}.hero-copy{z-index:2}.card-copy h3{color:#151912;text-shadow:none}.card-copy p{color:#25301e}.game-grid{align-items:stretch}.game-card{aspect-ratio:auto;min-height:0}.game-grid{grid-auto-rows:calc((min(87vw,2600px) - clamp(36px,4vw,108px)) / 3.16 / 1.5 * 1.16)}
@media(max-width:650px){.hero{height:510px}.hero-art{height:260px;width:100%;object-fit:cover;object-position:75% bottom;aspect-ratio:auto;mask-image:linear-gradient(transparent,#000 27%)}.hero-croc{left:4%;bottom:35px;width:44%;height:215px}.hero-copy{top:122px}.steam{display:none}.game-grid{grid-auto-rows:auto}.game-card.escape{aspect-ratio:1.5}.game-card.upcoming{aspect-ratio:1}.card-copy h3{font-size:29px}}
.escape{background:#101c20}.escape:hover{border-color:#ff8178}.card-copy h3{color:#f5f0e7;text-shadow:0 2px 8px #0006}.card-copy p{color:#d6d2c8}
@media(max-width:650px){main:after{background-size:100% 100%}}
/* Local webfonts and floor contact shared across devices. */
h1,h2,h3{font-family:'Pelinen Display','Office Sans',sans-serif;font-weight:900}.hero-croc{bottom:9%;object-position:center bottom}.hero:before{content:'';position:absolute;left:7.5%;bottom:10.8%;width:15%;height:1.8%;border-radius:50%;background:#070b0bc4;filter:blur(5px);z-index:0;pointer-events:none}
@media(max-width:650px){.hero-croc{bottom:16px}.hero:before{left:10%;bottom:23px;width:31%;height:7px;filter:blur(3px)}}
/* UI has fixed desktop sizes; only scenery responds continuously to viewport width. */
.top{padding:30px max(32px,calc((100% - 1240px)/2));gap:42px}.top .brand{width:160px}nav{font-size:14px;gap:30px}.button.small{font-size:15px;padding:13px 22px;min-width:108px;gap:12px}.wrap{width:calc(100% - 64px);max-width:1240px}.hero{height:min(50vw,900px);min-height:620px;aspect-ratio:auto;overflow:hidden}.hero-art{top:auto;bottom:0;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.hero-copy{top:220px;left:50%;width:650px;transform:translateX(-50%)}h1{font-size:64px;letter-spacing:-2px;line-height:1.08;margin-bottom:24px}.hero-copy p{font-size:22px}.hero-croc{width:320px;height:380px;left:max(20px,calc(50% - 660px));bottom:calc(5vw - 8px)}.hero:before{left:max(65px,calc(50% - 610px));width:230px;height:12px;bottom:calc(5vw + 2px)}.games{padding-top:55px}.section-head{margin-bottom:30px}.section-head h2{font-size:36px;letter-spacing:-1px}.section-head>p{font-size:12px;gap:14px}.game-grid{grid-template-columns:1.16fr 1fr 1fr;gap:24px;grid-auto-rows:280px}.game-card{height:280px;aspect-ratio:auto}.card-copy{padding:26px 24px;width:62%}.card-copy h3{font-size:32px;line-height:1.02;letter-spacing:-1px;margin-bottom:15px}.card-copy p{font-size:13px;line-height:1.4;margin-bottom:24px}.play-label{font-size:11px;padding:12px 14px;gap:9px}.upcoming{padding:25px}.upcoming h3{font-size:17px}.upcoming p{font-size:9px;left:25px;bottom:25px;letter-spacing:2px}.foreground{height:240px}.copyright,footer p{font-size:11px}footer .brand{width:100px}.steam{display:none}
@media(min-width:1800px){.hero-copy{top:240px}}
@media(min-width:651px) and (max-width:1100px){.hero-copy{width:520px;top:175px}h1{font-size:48px}.hero-copy p{font-size:18px}.hero-croc{width:235px;height:280px;left:10px}.game-grid{gap:16px;grid-auto-rows:245px}.game-card{height:245px}.card-copy{padding:20px 16px}.card-copy h3{font-size:26px}.card-copy p{font-size:11px}.upcoming{padding:18px}.upcoming h3{font-size:15px}.upcoming p{left:18px;bottom:18px}}
@media(max-width:650px){.top{padding:28px 22px;gap:22px}.top .brand{width:108px}.top nav{font-size:12px;gap:18px}.top .button{min-width:auto;font-size:12px;padding:10px 14px;gap:7px}.hero{height:510px;min-height:0}.hero-copy{top:122px;left:5%;width:90%;transform:none}h1{font-size:36px;letter-spacing:-1.2px}.hero-copy p{font-size:16px}.hero-art{height:260px;aspect-ratio:auto;object-fit:cover;object-position:75% bottom}.hero-croc{left:4%;bottom:16px;width:44%;height:215px}.hero:before{left:10%;bottom:23px;width:31%;height:7px}.wrap{width:calc(100% - 40px)}.games{padding-top:42px}.section-head h2{font-size:28px}.section-head>p{font-size:11px}.section-head{margin-bottom:24px}.game-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:14px}.game-card.escape{height:250px;aspect-ratio:auto}.game-card.upcoming{height:170px;aspect-ratio:auto}.card-copy{padding:24px 20px;width:62%}.card-copy h3{font-size:28px}.card-copy p{font-size:12px;margin-bottom:22px}.play-label{font-size:10px;padding:12px}.upcoming{padding:13px}.upcoming h3{font-size:13px}.upcoming p{left:13px;bottom:13px;font-size:7px;letter-spacing:1.2px}.foreground{height:180px}footer .brand{width:90px}footer p{font-size:9px}.copyright{font-size:10px}}
/* Background includes the footer, and responsive artwork never stretches. */
.play-icon{width:12px;height:12px;fill:currentColor;flex:none;display:block}.play-label .play-icon{width:10px;height:10px}main:after{height:calc(100% - 590px);background-size:cover;background-position:center bottom}footer{margin-top:0!important;padding:24px 0 30px}.foreground{height:170px}
@media(max-width:650px){.hero{height:570px}.hero-art{height:auto;aspect-ratio:1;width:100%;object-fit:contain;mask-image:linear-gradient(transparent,#000 30%)}.hero-croc{height:240px;width:52%;bottom:calc(7vw - 7px);left:1%}.hero:before{bottom:calc(7vw + 2px);left:8%;width:34%}.hero-copy{top:120px}.hero:after{height:5%}main:after{height:calc(100% - 570px);background-image:url('/assets/lower-mobile.webp');background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;mask-image:linear-gradient(transparent,#000 12%)}.foreground{height:130px}footer{padding:20px 0 26px;background:transparent}}

.hero-copy .discover{margin-top:26px;font-size:15px;padding:15px 24px}
@media(max-width:650px){.hero-copy .discover{margin-top:20px;font-size:14px;padding:13px 20px}}