@charset "UTF-8";
:root{--paper:#eeeee5;--ink:#20231f;--muted:#64675e;--line:#c7c9bd;--lime:#d8f376;--eye:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}svg{display:block}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #6960bb;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-80px;left:20px;z-index:10;padding:14px;background:var(--ink);color:var(--paper)}.skip:focus{top:15px}.page-shell{max-width:1440px;margin:auto;padding:0 64px}.masthead{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:34px;font-weight:900;letter-spacing:-1.8px}.brand>svg{width:39px;height:39px;transform:rotate(-5deg)}.brand-stop{color:#6d8660}.masthead nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.masthead nav a{text-decoration:none;display:flex;align-items:center;gap:12px;min-height:44px}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}.masthead nav a>span{font:10px monospace;opacity:.6}.masthead nav svg{width:14px;height:14px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:58px;padding:57px 0 53px;align-items:stretch}.notice{display:flex;flex-direction:column;padding:13px 0 0}.eyebrow{display:flex;gap:10px;align-items:center;font:11px monospace;letter-spacing:1.2px;text-transform:uppercase}.status-dot{width:7px;height:7px;background:#7b8b50;box-shadow:0 0 0 4px #7b8b5018;border-radius:50%}h1{font-size:clamp(62px,6.45vw,93px);line-height:.94;font-weight:800;letter-spacing:-6px;margin:46px 0 28px}h1>span{display:inline-block;font-size:.87em;letter-spacing:-5.2px}.period{color:#8c9d5d}.intro{font-size:15px;line-height:1.65;color:var(--muted);max-width:380px;margin:0}.intro a{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--ink)}.work-strip{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:45px;font:9px monospace;letter-spacing:.6px;color:var(--muted)}.stripes{height:18px;flex:1;max-width:115px;background:repeating-linear-gradient(-55deg,var(--ink) 0 5px,transparent 5px 10px);opacity:.8}.tiny-cross{font-size:24px;line-height:18px;margin-left:auto;color:var(--ink)}.featured{min-width:0;background:#142020;color:var(--paper);box-shadow:7px 7px 0 #cdd0c1;scroll-margin-top:28px}.card-top{display:flex;justify-content:space-between;align-items:center;background:var(--ink);padding:15px 19px;font:10px monospace;letter-spacing:.6px}.card-top>span:first-child{display:flex;gap:10px;align-items:center}.spark{color:var(--lime);font-size:19px;line-height:12px}.platform{color:#c7cdbb;display:flex;gap:14px}.game-art{position:relative;height:322px;overflow:hidden;background:#051314}.game-art>img{width:100%;height:100%;object-fit:cover;object-position:60% 60%;display:block;transition:transform .6s ease}.featured:hover .game-art>img{transform:scale(1.025)}.game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071718 2%,#071718bb 19%,transparent 65%);pointer-events:none}.art-caption{position:absolute;left:24px;right:18px;bottom:22px;z-index:1}.alpha-tag{font:9px monospace;letter-spacing:1px;color:var(--lime)}.art-caption h2{font-size:clamp(31px,3.2vw,46px);font-weight:900;letter-spacing:-1.6px;margin:9px 0 4px;line-height:1}.art-caption>p{font-size:13px;color:#b6d2c8;margin:0}.corner-bracket{position:absolute;top:17px;right:17px;width:25px;height:25px;border-top:1px solid #c8ddd066;border-right:1px solid #c8ddd066}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 24px;border-top:1px solid #6487773b}.game-bottom p{font-size:12px;line-height:1.45;margin:0;color:#bacac2}.preview-button{border:0;background:var(--lime);color:#17211b;padding:15px 17px;display:flex;gap:23px;align-items:center;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.preview-button svg{width:15px;height:15px}.preview-button:hover{background:#ecffa9;transform:translateY(-2px)}.other-projects{border-top:1px solid var(--ink);padding:25px 0 34px;scroll-margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:15px;letter-spacing:-.3px;margin:0}.section-heading>span{font:9px monospace;letter-spacing:1px;color:var(--muted);display:flex;gap:20px}.project-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-link{display:flex;align-items:center;text-decoration:none;min-width:0;gap:15px;padding:12px 0;transition:transform .2s}.project-link:hover{transform:translateY(-4px)}.project-link:hover strong{text-decoration:underline;text-underline-offset:4px}.project-icon{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border:1px solid #20231f33;box-shadow:3px 3px 0 #20231f}.project-icon svg{width:42px;height:42px}.book-icon{background:#d6c4eb;transform:rotate(-4deg)}.embed-icon{background:#bce1d2;transform:rotate(3deg)}.pen-icon{background:#ecc6b7;transform:rotate(-3deg)}.project-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.project-copy strong{font-size:15px;letter-spacing:-.4px}.project-copy>span{font-size:11px;color:var(--muted);line-height:1.4}.external-arrow{width:14px;height:14px;margin-left:auto;flex-shrink:0}.project-link:not(:last-child){border-right:1px solid var(--line);padding-right:22px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 30px;border-top:1px solid var(--line);font-size:10px}.footer-family{display:flex;align-items:center;gap:15px}.footer-family a{text-decoration:none;display:flex;align-items:center;gap:7px}.footer-family a:hover{text-decoration:underline;text-underline-offset:4px}.footer-family svg{width:17px;height:17px}.footer-gremmsoft{font-weight:bold}.family-divider{color:#9fa494}.copyright{color:var(--muted);font:9px monospace}.game-dialog{width:min(830px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;background:#102322;color:var(--paper);border:1px solid #496658;box-shadow:12px 12px 0 #080e0c66;overscroll-behavior:contain}.game-dialog::backdrop{background:#111810d9;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 10px 25px;border-bottom:1px solid #496658;font:10px monospace;letter-spacing:1px}.close-button{width:44px;height:44px;border:1px solid #496658;background:transparent;color:var(--paper);font-size:29px;cursor:pointer}.close-button:hover{background:#2e4238}.dialog-content{padding:30px;display:grid;grid-template-columns:1fr 250px;gap:34px;align-items:center}.dialog-content>img{width:100%;height:auto;border:1px solid #496658;display:block}.preview-copy h2{font-size:35px;letter-spacing:-1.5px;margin:12px 0 30px}.preview-lead{font-size:31px!important;line-height:1.1!important;font-weight:bold;color:var(--lime)}.preview-copy p{font-size:15px;line-height:1.7;max-width:285px}.preview-note{color:#b4c0b4;font-size:12px!important;margin-top:35px}body.modal-open{overflow:hidden}
@media(min-width:1600px){.page-shell{padding:0 72px}.hero{gap:72px}h1{font-size:100px}.game-art{height:350px}}
@media(max-width:1100px){.page-shell{padding:0 36px}.hero{gap:30px;grid-template-columns:1.1fr 1fr}h1{letter-spacing:-4px}h1>span{letter-spacing:-3.7px;font-size:.83em}.project-links{gap:17px}.project-link{gap:12px}.project-icon{width:50px;height:50px}.project-icon svg{width:36px;height:36px}.project-copy strong{font-size:13px}.project-copy>span{font-size:10px}.project-link:not(:last-child){padding-right:16px}.game-bottom{padding:17px}.art-caption{left:19px}}
@media(max-width:760px){.page-shell{padding:0 25px}.masthead{height:90px}.brand{font-size:29px;gap:10px}.brand>svg{width:32px;height:32px}.masthead nav{gap:18px;font-size:11px}.masthead nav>a:first-child{display:none}.masthead nav svg{width:12px;height:12px}.hero{grid-template-columns:1fr;gap:35px;padding:34px 0 36px}.notice{padding:0}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:clamp(58px,12.7vw,95px);letter-spacing:-3.8px;margin:28px 0 23px}h1>span{font-size:.88em;letter-spacing:-3.5px}.intro{font-size:13px;line-height:1.7;max-width:360px}.work-strip{padding-top:30px;font-size:8px;gap:12px}.stripes{max-width:90px;height:14px}.tiny-cross{font-size:20px}.featured{box-shadow:5px 5px 0 #cdd0c1}.game-art{height:330px}.art-caption h2{font-size:43px}.card-top{padding:14px 17px;font-size:9px}.art-caption{left:21px;bottom:22px}.game-bottom{padding:18px 21px}.game-bottom p{font-size:12px}.preview-button{font-size:12px;padding:15px 17px}.other-projects{padding:24px 0 14px}.section-heading{margin-bottom:18px}.section-heading>span{font-size:8px;gap:8px;letter-spacing:.5px}.project-links{grid-template-columns:1fr;gap:0}.project-link{gap:17px;padding:18px 0}.project-link:not(:last-child){border-right:0;border-bottom:1px solid var(--line);padding-right:0}.project-icon{width:52px;height:52px}.project-copy strong{font-size:15px}.project-copy>span{font-size:12px}.external-arrow{width:15px;height:15px;margin-right:5px}footer{align-items:flex-start;flex-direction:column;gap:20px;padding:25px 0 27px}.footer-family{gap:11px;font-size:10px}.copyright{padding-left:24px}.dialog-content{padding:25px;grid-template-columns:1fr;gap:25px}.dialog-content>img{width:min(100%,280px);margin:auto}.preview-copy h2{margin:10px 0 20px}.preview-copy p{max-width:none}.preview-lead{margin:20px 0}.preview-note{margin:22px 0 0}.dialog-header{padding-left:20px}}
@media(max-width:380px){.page-shell{padding:0 19px}.brand{font-size:27px}.masthead nav{font-size:10px}h1{font-size:12.5vw}.work-strip{font-size:7px;gap:9px}.stripes{max-width:67px}.art-caption h2{font-size:36px}.game-art{height:285px}.section-heading>span{font-size:7px}.footer-family{gap:9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}