/* Grimstep gameplay presentation. */
.grimstep-page{--development-accent:#e9c75d}
.grimstep-page .development-hero{background:radial-gradient(ellipse at 85% 25%,#6a552333,transparent 65%),#171d18}
.grimstep-page .development-art{max-width:490px;width:100%;justify-self:center}
.grimstep-page .grimstep-gameplay-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;padding:12px 0 34px}
.grimstep-page .grimstep-gameplay-pair .screenshot-button{width:100%;padding:4px;border:1px solid #6d5e35;border-radius:5px;background:#11121b;box-shadow:0 18px 40px #0007}
.grimstep-page .grimstep-gameplay-pair .screenshot-button:nth-child(2){margin-top:38px}
.grimstep-page .grimstep-gameplay-pair img{width:100%;height:auto;max-height:none;display:block;border:0;border-radius:0;image-rendering:pixelated}
.grimstep-page .development-art figcaption{text-align:center;font-size:14px;line-height:1.7;color:#e9d99c;margin-top:0}
.grimstep-page .development-art figcaption span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b5b49f}
.grimstep-page .development-status{border-left:3px solid var(--development-accent);padding-left:13px;font-weight:700}
.grimstep-features{padding:65px 6%;max-width:1440px;margin:auto}
.grimstep-features h2{font-size:clamp(40px,4.3vw,66px);line-height:1.05;margin:0}
.grimstep-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:38px}
.grimstep-feature-grid article{border-top:1px solid #626346;padding-top:22px;min-width:0}
.grimstep-feature-number{display:block;font-size:11px;letter-spacing:.16em;color:var(--development-accent);margin-bottom:20px}
.grimstep-feature-grid h3{font-size:26px;line-height:1.16;margin:0 0 15px}
.grimstep-feature-grid p{font-size:14px;line-height:1.85;margin:0}
.grimstep-page .development-gallery-section{border-top:1px solid var(--line)}
.grimstep-page .development-gallery .screenshot-button{border:1px solid #6c6044;background:#121117;padding:5px;width:100%}
.grimstep-page .development-gallery .screenshot-button img{image-rendering:pixelated}
.grimstep-page .development-gallery figcaption h3{font-size:19px}
.grimstep-release-note{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#282d20}
.grimstep-release-note>div{max-width:760px}
.grimstep-release-note p:last-child{margin-bottom:0}
.grimstep-release-note .button{flex-shrink:0}
.grimstep-press-logo{image-rendering:pixelated;background:#111019;padding:22px;box-sizing:border-box}
@media(max-width:1000px){.grimstep-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.grimstep-release-note{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.grimstep-features{padding-block:48px}.grimstep-page .development-art{max-width:450px}.grimstep-page .grimstep-gameplay-pair{gap:12px;padding-bottom:22px}.grimstep-page .grimstep-gameplay-pair .screenshot-button:nth-child(2){margin-top:26px}.grimstep-page .development-status{font-size:10px}.grimstep-feature-grid h3{font-size:24px}.grimstep-page .development-gallery-section>.development-gallery{max-width:300px}}
@media(max-width:420px){.grimstep-feature-grid{grid-template-columns:1fr;gap:26px}.grimstep-feature-number{margin-bottom:12px}}

.grimstep-page :is(h1,h2,h3,p,dt,dd,.button,.text-link){overflow-wrap:anywhere}
.grimstep-page .development-overview>div,.grimstep-page .section-heading>div,.grimstep-page .development-meta>div,.grimstep-release-note>div{min-width:0}
.grimstep-page .button,.grimstep-page .text-link{max-width:100%;white-space:normal}
@media(min-width:701px) and (max-width:900px){
 .grimstep-page .development-gallery-section>.development-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
}