@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--black:#111210;--cream:#e9e7de;--muted:#a2a49a;--line:#393b34;--orange:#ff8e48;--mono:"IBM Plex Mono",monospace;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--black);color:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:var(--black)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;margin:0 5%;display:flex}.wordmark{letter-spacing:-1.8px;font-size:28px;font-weight:700}.wordmark span{vertical-align:top;margin:5px 0 0 5px;font-size:11px;font-weight:400;display:inline-block}.header-caption,.nav-link{font-family:var(--mono);letter-spacing:.5px;font-size:10px}.header-caption{color:var(--muted)}.nav-link{align-items:center;gap:24px;display:flex}.nav-link span{font-size:21px}.project-index{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.8px;justify-content:space-between;align-items:center;padding:20px 5%;font-size:10px;display:flex}.dev-status{font-family:var(--mono);letter-spacing:.7px;align-items:center;gap:10px;font-size:9px;display:inline-flex}.dev-status i{background:var(--orange);border-radius:50%;width:5px;height:5px;display:block}.project-cover{background:#080907;height:clamp(540px,55vw,800px);display:block;position:relative;overflow:hidden}.project-cover>img{object-fit:cover;object-position:70% center;width:100%}.cover-shade{background:linear-gradient(90deg,#050604e8 0%,#050604a0 23%,#0000 65%),linear-gradient(#0000 75%,#050604b0);position:absolute;inset:0}.cover-copy{flex-direction:column;display:flex;position:absolute;top:9%;bottom:10%;left:5%}.cover-copy>p{font-family:var(--mono);letter-spacing:1.5px;color:#bcb8a7;font-size:9px}.cover-copy h1{font-family:var(--display);letter-spacing:-.03em;color:#f1e9d0;margin:35px 0 25px;font-size:clamp(100px,14.5vw,215px);font-weight:700;line-height:.81}.cover-copy h1>span{color:var(--orange)}.cover-tagline{font-family:var(--mono);letter-spacing:1.5px;margin-top:auto;font-size:12px;line-height:1.7}.cover-link{font-family:var(--mono);border-bottom:1px solid #b2ac9b;align-items:center;gap:55px;padding:15px 0;font-size:10px;display:flex;position:absolute;bottom:9%;right:5%}.cover-link span{font-size:38px}.cover-side{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:2px;color:#e3ddc7;font-size:8px;position:absolute;top:50%;right:22px}.project-strip{background:var(--orange);color:var(--black);font-family:var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;padding:22px 5%;font-size:11px;font-weight:500;display:flex}.strip-star{font-size:23px}.game{margin:0 5%;padding:95px 0 75px}.section-index{font-family:var(--mono);color:var(--muted);letter-spacing:1px;font-size:9px}.game-intro{grid-template-columns:1fr 2fr 1.5fr;align-items:start;gap:35px;display:grid}.game-intro h2{letter-spacing:-1.6px;margin:0;font-size:clamp(30px,3.2vw,52px);font-weight:500;line-height:1.12}.game-intro p{color:var(--muted);max-width:340px;margin:0;font-size:13px;line-height:1.9}.game-gallery{justify-content:center;align-items:flex-start;gap:65px;padding:70px 12% 80px;display:flex;position:relative}.game-gallery figure{width:43%;max-width:320px;margin:0}.game-gallery .screen-second{margin-top:110px}.screenshot-frame{background:#030403;border:1px solid #43463b;padding:10px}.screenshot-frame img{width:100%;height:auto;display:block}.game-gallery figcaption{font-family:var(--mono);letter-spacing:.6px;color:var(--muted);justify-content:space-between;margin-top:17px;font-size:8px;display:flex}.gallery-note{flex-direction:column;gap:13px;display:flex;position:absolute;bottom:90px;left:0}.gallery-note>span{color:var(--orange);font-size:40px}.gallery-note p{font-family:var(--mono);color:var(--muted);font-size:9px;line-height:1.8}.mode-rows>div{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 1.5fr 35px;align-items:center;gap:35px;padding:27px 0;display:grid}.mode-rows>div>span:first-child{font-family:var(--mono);color:var(--muted);font-size:10px}.mode-rows h3{letter-spacing:-1px;margin:0;font-size:34px;font-weight:400}.mode-rows p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.mode-symbol{color:#53c9dc;font-size:32px}.mode-rows>div:last-child .mode-symbol{color:var(--orange)}.release-note{border-top:1px solid var(--line);justify-content:space-between;gap:30px;padding-top:28px;display:flex}.release-note p{color:var(--muted);max-width:400px;margin:0;font-size:11px;line-height:1.8}.maker{background:var(--cream);color:var(--black);grid-template-columns:1fr 3.5fr 50px;gap:35px;padding:65px 5%;display:grid}.maker .section-index{color:#5d6255}.maker h2{letter-spacing:-.055em;margin:0 0 27px;font-size:clamp(36px,5vw,75px);font-weight:500;line-height:1.02}.maker p{color:#5d6255;margin:0;font-size:13px;line-height:1.8}.maker>a{align-self:end;font-size:48px}footer{justify-content:space-between;align-items:center;padding:30px 5%;display:flex}footer>a:first-child{letter-spacing:-1px;font-size:22px;font-weight:700}footer span,footer>a:last-child{font-family:var(--mono);color:var(--muted);font-size:9px}.skip{background:var(--cream);color:var(--black);z-index:10;padding:15px;position:fixed;top:-80px}.skip:focus{top:10px}a:hover{color:var(--orange)}.maker a:hover{color:#ac5019}@media (min-width:1700px){.project-cover>img{object-position:center}}@media (max-width:900px){.header-caption{display:none}.game-intro{grid-template-columns:1fr 2fr}.game-intro>p{grid-column:2}.game-gallery{gap:30px;padding-left:15%;padding-right:5%}.mode-rows>div{grid-template-columns:.5fr 1.5fr 1.5fr 30px;gap:20px}.maker{grid-template-columns:1fr 3fr 35px;gap:20px}.project-strip{letter-spacing:.5px;font-size:9px}.cover-copy h1{font-size:150px}.cover-link{gap:25px}}@media (max-width:600px){.site-header{height:78px}.wordmark{font-size:24px}.nav-link{gap:12px;font-size:8px}.project-index{padding-top:18px;padding-bottom:18px;font-size:8px}.dev-status{letter-spacing:.5px;gap:7px;font-size:7px}.project-cover{height:550px;display:block}.project-cover>img{object-position:59% center}.cover-shade{background:linear-gradient(90deg,#050604b0,#0000 95%),linear-gradient(#0000 50%,#050604db)}.cover-copy{top:5%;bottom:20%}.cover-copy>p{letter-spacing:1px;font-size:8px}.cover-copy h1{margin-top:32px;font-size:125px}.cover-tagline{letter-spacing:1px;font-size:10px}.cover-side{font-size:7px;right:12px}.cover-link{justify-content:space-between;padding:10px 0;font-size:9px;bottom:5%;left:5%;right:5%}.cover-link span{font-size:28px}.project-strip{letter-spacing:0;justify-content:center;gap:14px;padding-top:16px;padding-bottom:16px;font-size:7px}.strip-star{font-size:13px}.game{padding:55px 0 45px}.game-intro{grid-template-columns:1fr;gap:20px}.game-intro h2{letter-spacing:-1.6px;font-size:37px}.game-intro>p{grid-column:auto;max-width:100%;font-size:12px}.game-gallery{justify-content:space-between;gap:20px;padding:38px 0 35px}.game-gallery figure{width:47%;max-width:none}.game-gallery .screen-second{margin-top:50px}.screenshot-frame{padding:5px}.game-gallery figcaption{letter-spacing:0;gap:4px;margin-top:11px;font-size:6px;line-height:1.7}.gallery-note{display:none}.mode-rows>div{grid-template-columns:22px 1fr 25px;gap:15px;padding:23px 0}.mode-rows h3{font-size:28px}.mode-rows p{grid-area:2/2;font-size:11px}.mode-symbol{grid-area:1/3/3;font-size:27px}.release-note{flex-direction:column;gap:17px}.release-note p{font-size:10px}.maker{grid-template-columns:1fr 30px;gap:25px;padding-top:38px;padding-bottom:38px}.maker>.section-index{grid-column:1/3}.maker h2{font-size:43px}.maker p{font-size:11px}.maker>a{font-size:36px}footer{flex-wrap:wrap;gap:22px;padding-top:27px;padding-bottom:27px}footer span{font-size:7px}footer>a:last-child{font-size:8px}footer>a:first-child{font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}