@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&family=Press+Start+2P&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 'DM Sans',sans-serif;--ink:#244431;--paper:#fbf6e9;--accent:#355e42;--muted:#657263;--line:#d7dfcc}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #eb9b40;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.05}h1{font-size:clamp(56px,6.6vw,100px);letter-spacing:-5px}h2{font-size:clamp(35px,4vw,58px);letter-spacing:-2px}h3{font-size:23px;letter-spacing:-.5px}p{color:var(--muted)}.eyebrow{font:600 10px/1.5 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--accent);margin-bottom:22px}.concept-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#202723;color:#e7eadf;font:11px 'DM Sans',sans-serif;letter-spacing:.5px}.concept-bar div{display:flex;gap:24px}.concept-bar a:hover{text-decoration:underline}.site-header{margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 17px 'Space Grotesk',sans-serif;letter-spacing:1px;white-space:nowrap}.brand-icon{font-size:31px;line-height:1;color:var(--accent)}nav{display:flex;gap:26px;font-size:12px;font-weight:500}nav a:hover{color:var(--accent);text-decoration:underline}.small-button{border:1px solid var(--accent);color:var(--accent);background:transparent;padding:9px 17px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:80px 5% 88px;gap:40px;min-height:630px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.lead{font-size:17px;line-height:1.7;max-width:430px;margin:25px 0 30px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{background:var(--accent);border:1px solid var(--accent);color:var(--paper);padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:12px;font-weight:700}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.availability{font-size:8px;letter-spacing:1.2px;margin-top:18px}.farm-art{position:relative;min-width:0}.farm-art canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.farm-art figcaption{font:8px/1.5 'Space Grotesk',sans-serif;letter-spacing:1px;margin-top:10px;opacity:.75}.ribbon{display:flex;justify-content:center;gap:6vw;padding:20px 4%;border-block:1px solid var(--line);font:600 10px 'Space Grotesk',sans-serif;letter-spacing:2px}.section{padding:80px 7%}.section-heading{max-width:650px;margin-bottom:40px}.section-heading p:last-child{margin-top:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-grid article{border-top:1px solid var(--line);padding-top:18px}.feature-no{font-size:9px;letter-spacing:2px;color:var(--muted)}.tile-icon{font-size:42px;margin:20px 0;color:var(--accent)}.feature-grid p{font-size:14px;margin-top:17px;max-width:300px}.screens{background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-placeholder{min-height:195px;background:transparent;border:1px dashed var(--muted);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px}.screen-placeholder>span{font-size:35px;opacity:.5}.screen-placeholder strong{font-size:9px;letter-spacing:1px}.screen-placeholder small{font-size:10px;color:var(--muted)}.screen-placeholder:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.updates{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 90px;border-bottom:1px solid var(--line)}.updates>.eyebrow{grid-column:1/-1}.update-content h3{margin:18px 0}.update-content p{font-size:14px;max-width:450px}.status{font-size:9px;letter-spacing:2px;border:1px solid var(--line);padding:6px 9px}.text-link{border:0;background:transparent;color:var(--accent);padding:20px 0 0;font-weight:700;font-size:12px}.community{text-align:center;padding-block:90px}.community p:not(.eyebrow){margin:25px auto;max-width:390px}.community small{display:block;margin-top:15px;font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 5%;border-top:1px solid var(--line);font-size:11px}footer .brand{font-size:12px}dialog{border:0;padding:45px;max-width:500px;width:90%;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#102519aa;backdrop-filter:blur(4px)}dialog h2{font-size:35px;letter-spacing:-1px}dialog p:not(.eyebrow){margin:20px 0}.close{position:absolute;right:15px;top:8px;background:none;border:0;color:var(--ink);font-size:26px}
/* 01: sunlight, organic typography and an open illustrated landscape */
.cozy h1,.cozy h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-2px}.cozy .hero{background:radial-gradient(ellipse at 80% 45%,#dbe7bd 0,transparent 60%)}.cozy .farm-art{transform:rotate(-2deg);border:9px solid #fff9e6;box-shadow:10px 16px 0 #49684a18}.cozy .farm-art figcaption{padding:0 8px 3px}.cozy .button{border-radius:7px}.cozy .small-button{border-radius:5px}.cozy .ribbon{background:#e7eddb}.cozy .tile-icon{font-family:Georgia}
/* 02: a dense PC game storefront */
.dark{--paper:#141e28;--ink:#e9f0ee;--accent:#b6dc80;--muted:#a3b3bc;--line:#33414c;font-family:'DM Sans',sans-serif}.dark .site-header{background:#101820}.dark .hero{display:block;padding:45px 7% 55px;background:radial-gradient(ellipse at top,#293e40,transparent 65%);min-height:0}.dark .dark-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dark .dark-title .eyebrow{order:2}.dark h1{font:600 47px/1.05 'Space Grotesk';letter-spacing:-2px}.dark h1 br{display:none}.store-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:30px}.dark .farm-art canvas{height:390px;object-fit:cover}.dark .farm-art figcaption{background:#0d1720;margin:0;padding:10px}.store-layout aside{background:#101923;padding:25px}.game-wordmark{display:block;font:700 43px/.9 'Space Grotesk';letter-spacing:-3px;color:#edf0d9;margin-bottom:23px}.store-layout aside>p{font-size:12px}.tags{display:flex;gap:5px;margin:17px 0}.tags span{font-size:9px;background:#263c45;color:#b8d6cf;padding:3px 7px}.store-meta{line-height:2.2;font-size:8px!important;letter-spacing:1px}.store-meta strong{float:right;font-weight:500;color:#d7e2e1}.dark .actions{margin-top:15px;gap:8px}.dark .actions .button{width:100%;padding:10px}.dark .availability{font-size:7px}.dark .section{padding-block:60px}.dark .ribbon{background:#0e171f}.dark .tile-icon{font-size:34px}.dark .small-button{background:#b6dc80;color:#142519}
/* 03: a cartridge-era game portal */
.retro{--paper:#232442;--ink:#fff1c5;--accent:#ffd66b;--muted:#c6c2d6;--line:#626179}.retro .brand,.retro h1,.retro h2,.retro .eyebrow{font-family:'Press Start 2P',monospace}.retro .brand{font-size:12px}.retro .brand-icon{color:#91cf89}.retro .site-header{border-bottom:4px solid #60607e}.retro .hero{display:block;padding:35px 5% 45px;background:repeating-linear-gradient(0deg,#2c2b4a 0 2px,#292944 2px 4px)}.retro-frame{position:relative;border:4px solid #e5d3a8;box-shadow:7px 7px 0 #11142b;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:42px 30px 55px;background:#333758}.retro h1{font-size:36px;line-height:1.55;letter-spacing:-2px;color:#ffd66b;text-shadow:4px 4px #a45c4d}.retro .eyebrow{font-size:8px;line-height:1.8;letter-spacing:0}.retro .lead{font-family:monospace;font-size:17px}.retro .button{box-shadow:4px 4px 0 #15172e;border:2px solid #fff1c5;font-family:monospace}.retro .farm-art{border:4px solid #9199a9}.retro .farm-art figcaption{padding:6px;margin:0;background:#161b32;font-size:7px}.retro-corner{position:absolute;bottom:14px;left:30px;font:10px monospace;letter-spacing:2px;color:#94d7a3}.retro .availability{font-size:7px}.retro h2{font-size:24px;line-height:1.6;letter-spacing:-1px}.retro .ribbon{background:#15192e;border-block:4px solid #60607e}.retro .tile-icon{color:#94d7a3}.retro .status{border:2px solid #94d7a3}.retro .community{background:#303251}
/* 04: contemporary editorial indie design */
.modern{--paper:#f7f8f4;--ink:#1c2829;--accent:#425ed6;--muted:#5c686b;--line:#d6ddd8}.modern h1,.modern h2{font-family:'Space Grotesk',sans-serif;font-weight:500}.modern .hero{grid-template-columns:1fr 1.15fr;padding-block:65px;gap:50px}.modern .hero h1{font-size:96px;letter-spacing:-6px}.modern .farm-art{padding:35px;background:#dbe7d3;box-shadow:18px 18px 0 #e9ecdf}.modern .farm-art figcaption{margin-top:18px}.modern .brand-icon{color:#425ed6}.modern .button{border-radius:30px}.modern .small-button{border-radius:30px}.modern .ribbon{justify-content:space-between}.modern .tile-icon{display:inline-flex;background:#edf0ff;padding:0 18px;border-radius:13px}.modern .features{padding-block:100px}.modern .community{background:#e9edfb}.modern .community h2{color:#3549a5}
/* 05: an illustrated field journal */
.journal{--paper:#f1e9d6;--ink:#403c2b;--accent:#8a492e;--muted:#7b715d;--line:#bdb29a;background-image:radial-gradient(#9a7e4825 .6px,transparent .6px);background-size:5px 5px}.journal h1,.journal h2,.journal h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-1px}.journal .site-header{margin:0 4%;padding:25px 1%;border-bottom:3px double #aa9a7c}.journal .brand{font-family:Georgia;font-size:18px;letter-spacing:2px}.journal .hero{grid-template-columns:1fr 1.1fr;gap:60px;padding-block:65px}.journal h1{font-size:90px;font-style:italic}.journal .farm-art{background:#fffbef;padding:15px 15px 25px;transform:rotate(3deg);box-shadow:2px 5px 10px #42341b25}.journal .farm-art:before{content:'';position:absolute;top:-13px;left:40%;width:90px;height:26px;background:#c6ba8e99;transform:rotate(-7deg);z-index:1}.journal .farm-art figcaption{font:italic 12px Georgia;text-align:center;letter-spacing:0;margin-top:15px}.journal .eyebrow{letter-spacing:2px}.journal .button{background:#8a492e}.journal .button.secondary{background:transparent}.journal .ribbon{border-block:3px double #aa9a7c;font-family:Georgia;letter-spacing:2px}.journal .features article{border-top:1px dashed #aa9a7c}.journal .screens{background:#e9dec6}.journal .updates{border-bottom:3px double #aa9a7c}.journal .community h2{font-style:italic}
/* 06: full-bleed atmospheric reveal */
.cinematic{--paper:#11251f;--ink:#f2edd9;--accent:#efc075;--muted:#b1c0b1;--line:#395045}.cinematic .site-header{position:absolute;top:39px;width:100%;background:linear-gradient(#10251fee,transparent);border:0}.cinematic .hero{min-height:740px;display:block;padding:190px 7% 100px;background:#2c493a}.cinematic .hero-copy{max-width:700px}.cinematic h1,.cinematic h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:100px;letter-spacing:-2px}.cinematic .lead{max-width:410px;color:#f0ead6}.cinematic .hero>.farm-art{position:absolute;inset:0;z-index:0}.cinematic .hero>.farm-art canvas{width:100%;height:100%;object-fit:cover;filter:brightness(.65) sepia(.15)}.cinematic .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10251ff0 0%,#10251faa 38%,transparent 80%),linear-gradient(0deg,#11251f,transparent 45%);z-index:0;pointer-events:none}.cinematic .farm-art figcaption{position:absolute;right:5%;bottom:24px;color:#f2edd9;z-index:1}.cinematic .hero-copy{z-index:1}.horizon-note{position:absolute;bottom:30px;left:7%;z-index:1;font-size:8px;letter-spacing:2px}.cinematic .ribbon{color:#dcbe82;border-top:0}.cinematic h2{font-size:60px}.cinematic .feature-grid article{border-color:#49614d}.cinematic .tile-icon{color:#efc075}.cinematic .community{background:radial-gradient(ellipse,#2a4230,transparent 70%)}
/* Review gallery */
.gallery{--paper:#f4f3ec;--ink:#23352e;--muted:#748078;--accent:#416452;font-family:'DM Sans',sans-serif}.gallery-head{margin:0 5%;padding:30px 0;border-bottom:1px solid #cfd6ca;display:flex;align-items:center;justify-content:space-between}.gallery-head>span{font-size:9px;letter-spacing:2px}.gallery .brand small{font-size:9px;color:#768277;letter-spacing:1px}.gallery-main{max-width:1500px;padding:70px 5%;margin:auto}.gallery h1{font-family:'DM Serif Display',Georgia,serif;font-size:88px;font-weight:400;letter-spacing:-3px}.gallery h1>span{color:#97aa5a}.gallery .intro{display:flex;justify-content:space-between;align-items:end;margin:25px 0 55px;gap:30px}.intro>p{max-width:510px;font-size:15px}.intro>span{font-size:10px;line-height:2;color:#75816f;text-align:right;letter-spacing:1px}.concepts{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 35px}.concept-card{display:block;min-width:0}.thumb{position:relative;aspect-ratio:1.48;background:#c7d5b9;overflow:hidden;border:1px solid #d2d7ca;transition:transform .2s}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.concept-card:hover .thumb{transform:translateY(-5px);box-shadow:0 10px 25px #23352e20}.view{position:absolute;right:15px;bottom:15px;color:#fff;background:#20352ce8;padding:8px 15px;border:1px solid #fff5;font-size:11px}.card-line{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin:20px 0 12px;color:var(--accent)}.concept-card h2{font:400 28px/1.2 'DM Serif Display',Georgia,serif;letter-spacing:0}.concept-card>p{font-size:8px;letter-spacing:1.5px;margin-top:12px}.gallery-note{margin-top:60px;max-width:760px;font-size:11px;border-top:1px solid #cfd6ca;padding-top:25px}
@media(min-width:1600px){.site-header,.hero,.section,footer{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){nav{gap:16px}.site-header{gap:15px}.brand{font-size:14px}.hero{gap:25px;padding-block:60px}h1{font-size:68px}.modern .hero h1{font-size:72px}.retro h1{font-size:27px}.retro-frame{padding:30px 20px 55px}.journal h1{font-size:70px}.button{padding:12px 15px}.store-layout{gap:15px;grid-template-columns:1.3fr 1fr}.dark .farm-art canvas{height:420px}.feature-grid{gap:25px}.gallery h1{font-size:76px}}
@media(max-width:700px){.concept-bar{font-size:9px}.concept-bar>span{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header{flex-wrap:wrap;padding:20px 5%;gap:15px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;font-size:10px;gap:10px}.brand{font-size:13px}.hero,.modern .hero,.journal .hero{grid-template-columns:1fr;padding:45px 7%;gap:35px;min-height:0}h1,.modern .hero h1,.journal h1{font-size:68px;letter-spacing:-3px}.lead{font-size:15px;margin:20px 0 25px}.farm-art{max-width:100%}.ribbon{font-size:7px;letter-spacing:1px;gap:8px;justify-content:space-around}.section{padding:55px 7%}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-grid article{display:grid;grid-template-columns:65px 1fr;gap:12px}.feature-no{grid-column:1/-1}.tile-icon{grid-row:2/4;margin:0;font-size:35px;align-self:start}.feature-grid p{margin:0}.screen-grid{grid-template-columns:1fr}.screen-placeholder{min-height:160px}.updates{grid-template-columns:1fr;gap:25px}.updates>.eyebrow{margin:0}.community{padding-block:65px}footer{flex-wrap:wrap;font-size:10px}.dark .dark-title{display:block}.dark .dark-title .eyebrow{margin-bottom:15px}.dark h1{font-size:38px;line-height:1.1}.dark h1 br{display:block}.store-layout{grid-template-columns:1fr}.dark .farm-art canvas{height:auto}.dark .hero{padding-block:40px}.game-wordmark{font-size:35px}.retro-frame{grid-template-columns:1fr;padding:25px 20px 50px}.retro h1{font-size:27px;letter-spacing:-1px}.retro .eyebrow{font-size:7px}.retro .lead{font-size:15px}.retro h2{font-size:21px}.retro .brand{font-size:10px}.modern .farm-art{padding:20px;box-shadow:8px 8px 0 #e9ecdf}.journal .farm-art{transform:rotate(1.5deg)}.cinematic .hero{padding:190px 7% 105px;min-height:760px}.cinematic h1{font-size:68px}.cinematic .hero>.farm-art{max-width:none}.cinematic .hero>.farm-art canvas{width:100%;height:100%;object-fit:cover;object-position:60%}.cinematic .hero:after{background:linear-gradient(90deg,#10251fd9,transparent),linear-gradient(0deg,#11251f,transparent 65%)}.cinematic .farm-art figcaption{bottom:12px;font-size:6px}.cinematic .section h2{font-size:43px}.gallery-head{padding:22px 0}.gallery-head>span{display:none}.gallery .brand small{font-size:7px}.gallery-main{padding-top:45px}.gallery h1{font-size:61px}.gallery .intro{display:block;margin-bottom:35px}.intro>span{display:block;text-align:left;margin-top:20px}.concepts{grid-template-columns:1fr;gap:35px}.gallery .eyebrow{font-size:8px}.concept-card h2{font-size:25px}.gallery-note{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}