@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f3eb;--ink:#20221e;--orange:#fa5b31;--line:#cccfc2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line)}.logo{font-family:'Space Grotesk',sans-serif;font-size:26px;letter-spacing:-1.5px;font-weight:700;display:flex;gap:10px;align-items:center}.logo i{font-size:40px;color:var(--orange);font-style:normal}.logo small{display:block;font-size:10px;letter-spacing:5px;line-height:1}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a[aria-current=page]{color:#d7431f}nav a:last-child{padding:12px 20px;border:1px solid var(--ink);border-radius:30px}.menu{display:none}.wrap{padding:0 5%}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(54px,6.7vw,105px);letter-spacing:-6px;line-height:1.03;margin:28px 0}h2{font-size:clamp(34px,4vw,60px);letter-spacing:-2.5px;line-height:1.1;margin:20px 0}h3{font-size:25px;letter-spacing:-.8px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;min-height:650px;padding:55px 0}.hero p{font-size:16px;line-height:1.7;max-width:380px;color:#62655b}.accent{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);padding:17px 24px;border:0;border-radius:6px;font-size:calc(13px + 1pt);cursor:pointer}.button.orange{background:var(--orange);color:var(--ink)}.hero .button{margin-top:15px}.art{height:520px;position:relative;background:#d7dfc6;border-radius:160px 160px 12px 12px;overflow:hidden;cursor:crosshair}.art svg{width:100%;height:100%}.art-label{position:absolute;bottom:20px;left:22px;background:var(--paper);padding:10px 16px;font-size:10px;letter-spacing:1px;border-radius:30px}.orbit{animation:float 5s ease-in-out infinite;transform-origin:center}.art:hover .orbit{animation-duration:1.5s}@keyframes float{50%{transform:translateY(-15px) rotate(4deg)}}.strip{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;text-transform:uppercase;font-size:11px;letter-spacing:1.3px}.strip b{color:var(--orange)}.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;padding:100px 0}.intro p,.body-copy{line-height:1.85;color:#62655b;font-size:17px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:7px;font-size:13px;margin-top:20px}.feature{background:#e5e8db;border-radius:10px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.feature .number{font-size:12px;color:#62655b}.cta{background:var(--orange);padding:65px 5%;display:flex;justify-content:space-between;align-items:center}.cta h2{max-width:650px;margin:0}footer{padding:40px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px}footer div{display:flex;gap:25px}.page-title{padding:75px 0 50px;max-width:950px}.page-title p{max-width:600px}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px;padding:10px 0 90px}.person img{width:100%;aspect-ratio:1.15;object-fit:cover;object-position:center 30%;filter:grayscale(1);border-radius:6px;background:#e5e8db;transition:filter .3s}.person:hover img{filter:none}.person h3{margin:20px 0 6px}.role{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#bd4021}.person p{font-size:14px;line-height:1.7;color:#62655b}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0 100px}.values article{border-top:1px solid var(--line);padding-top:20px}.values p{line-height:1.8;color:#62655b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:100px}form{display:grid;gap:20px}label{display:grid;gap:8px;font-size:12px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:4px;background:transparent;padding:15px;color:var(--ink)}textarea{min-height:150px;resize:vertical}.note{font-size:12px;line-height:1.6;color:#62655b}.careers-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;margin-bottom:80px;display:flex;justify-content:space-between;align-items:center;gap:30px}.careers-box p{max-width:550px;line-height:1.8;color:#62655b}@media(max-width:800px){header{height:80px}.menu{display:block;border:0;background:none;padding:10px}nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:25px 5%;z-index:10;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{letter-spacing:-3.5px}.art{height:420px}.strip{font-size:9px;flex-wrap:wrap}.intro,.feature,.contact-grid{grid-template-columns:1fr;gap:25px}.intro{padding:60px 0}.team{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr;gap:20px}.cta{gap:30px;align-items:flex-start;flex-direction:column}.careers-box{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}.page-title{padding-top:45px}}@media(max-width:480px){.team{grid-template-columns:1fr}.art{height:360px}.feature{padding:25px}.logo{font-size:22px}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}}
/* SurfRat: abstract teaser artwork, no gameplay or character reveal. */
.surfrat-teaser{background:#172b29;color:#f5f3eb;border-radius:8px;min-height:560px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px 36px;isolation:isolate}.surf-top,.surf-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px;z-index:2;align-items:center}.surf-status{border:1px solid #90a19a;border-radius:30px;padding:9px 14px}.surf-center{z-index:2;text-align:center;padding:65px 0 95px}.surf-kicker{font-size:10px;letter-spacing:4px;color:#b5c9ba}.surf-center h2{font-size:clamp(78px,13vw,180px);font-weight:700;letter-spacing:-9px;line-height:1.1;margin:15px 0 22px;transform:rotate(-5deg);color:#e7ebcc;text-shadow:5px 7px 0 #172b29}.surf-center>p:last-child{font-size:14px;color:#ced4c1;letter-spacing:1px}.surf-horizon{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#3c5445 0,transparent 65%)}.surf-sun{position:absolute;width:210px;height:210px;border:1px solid #82977855;border-radius:50%;top:80px;left:calc(50% - 105px)}.surf-line{position:absolute;top:56%;width:100%;height:1px;background:#90a27b44}.surf-wave{position:absolute;width:150%;height:55%;border-top:1px solid #b9c99a55;border-radius:50%;left:-25%;background:#203c36;bottom:-27%;transform:rotate(-8deg)}.wave-two{bottom:-35%;left:-10%;transform:rotate(8deg);background:#29473a;border-color:#c0cfa25c}.wave-three{bottom:-46%;left:-40%;background:#304f3d;transform:rotate(-10deg)}.surf-after{text-align:center;padding:45px 0 80px}.surf-after .eyebrow{justify-content:center}.surf-after .body-copy{font-size:15px}.game-home{border-bottom:1px solid var(--line);padding:50px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.game-home h2{margin:15px 0;font-weight:700;transform:rotate(-4deg);display:inline-block}.game-home p{color:#62655b;font-size:14px}@media(max-width:800px){nav{gap:20px}.surfrat-teaser{min-height:470px;padding:22px}.surf-center{padding:65px 0}.surf-center h2{letter-spacing:-5px}.surf-top,.surf-bottom{font-size:8px;letter-spacing:1px}.game-home{align-items:flex-start;flex-direction:column}.surf-bottom{align-items:flex-start;flex-direction:column}}
.games-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 26px;padding:10px 0 80px}.game-poster{aspect-ratio:3/4;display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:8px;transition:transform .3s}.game-poster:hover{transform:translateY(-6px)}.poster-index,.poster-caption{position:absolute;left:22px;right:22px;z-index:3;font-size:9px;letter-spacing:1.5px;line-height:1.6}.poster-index{top:22px}.poster-caption{bottom:22px}.surf-poster{background:radial-gradient(ellipse at 50% 28%,#50694d,#172d29 65%);color:#e7ebcc}.poster-sun{position:absolute;width:60%;aspect-ratio:1;border:1px solid #e7ebcc33;border-radius:50%;left:20%;top:17%}.poster-title{position:absolute;top:43%;width:100%;text-align:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(40px,5.7vw,90px);letter-spacing:-4px;transform:rotate(-10deg);text-shadow:4px 6px #152c27;z-index:2}.poster-sea{position:absolute;width:200%;height:60%;border-radius:50%;border-top:1px solid #b5c89955;background:#28483c;bottom:-27%;left:-35%;transform:rotate(-18deg)}.sea-front{background:#36583e;bottom:-42%;left:-70%;transform:rotate(15deg)}.mystery-poster{color:#e5e8cd;background:#353c33}.mystery-poster svg{width:100%;height:100%;position:absolute;inset:0}.mystery-0{background:#d6ddc5;color:#3b5546}.mystery-1{background:#f36b42;color:#462e27}.mystery-2{background:#343446;color:#c7bddc}.mystery-3{background:#dec999;color:#675237}.mystery-4{background:#284c55;color:#a9d4ce}.game-description h2{font-size:25px;letter-spacing:-1px;margin:23px 0 12px}.game-description h2 span{font-family:'DM Sans',sans-serif;font-size:18px;padding-left:8px}.game-description p{font-size:14px;line-height:1.8;color:#62655b;margin:0}.surf-detail{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:55px 0 80px;scroll-margin-top:30px}.surf-detail h2{font-size:48px}.games-collection~.surf-detail .body-copy{font-size:16px}body:has(.games-collection) .page-title{max-width:none;padding-bottom:30px}body:has(.games-collection) .page-title h1{font-size:clamp(45px,5vw,75px);letter-spacing:-3.5px}@media(min-width:1600px){.games-collection{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.poster-title{font-size:3.3vw}}@media(max-width:800px){.games-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.poster-title{font-size:8vw}.surf-detail{grid-template-columns:1fr;gap:15px}.game-description h2{font-size:23px}}@media(max-width:480px){.games-collection{grid-template-columns:1fr;gap:35px}.game-poster{aspect-ratio:4/5}.poster-title{font-size:20vw}.game-description h2{margin-top:18px}.games-collection{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){.game-poster{transition:none}.game-poster:hover{transform:none}}