.project-showcase .section-heading>div{max-width:330px}
.project-showcase .demo-disclaimer{display:block;font-family:monospace;font-size:8px;line-height:1.8;letter-spacing:.8px;color:#b9bbae;margin-top:16px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.project-card{min-width:0}
.project-launch{position:relative;display:block;width:100%;padding:0;background:none;text-align:left;border-radius:9px;overflow:hidden}
.project-poster{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(350px,38vw,550px);isolation:isolate;overflow:hidden;background:var(--project-color)}
.project-poster:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#ffffff28,transparent 67%);z-index:-1}
.project-house{--project-color:#c8dec2}
.project-robot{--project-color:#31224c}
.project-miner{--project-color:#c9854e}
.project-screenshot{display:block;height:84%;width:auto;max-width:77%;object-fit:contain;border:5px solid #121710;border-radius:22px;box-shadow:0 18px 35px #0004;transform:rotate(-3deg);transition:transform .45s cubic-bezier(.2,.65,.3,1)}
.project-miner .project-screenshot{transform:rotate(3deg)}
.project-launch:hover .project-screenshot{transform:rotate(0) translateY(-8px)}
.project-index{position:absolute;top:20px;left:21px;z-index:2;font-family:monospace;font-size:9px;letter-spacing:.7px;background:#111710d9;color:#f5f0e5;padding:8px 10px;border-radius:3px}
.project-play{position:absolute;right:20px;bottom:20px;background:#f7f3e8;color:#172015;border-radius:40px;display:flex;align-items:center;gap:20px;padding:12px 16px;font-size:11px;font-weight:600;box-shadow:0 3px 18px #0002;transition:background .2s,transform .2s}
.project-play span{font-size:14px}
.project-launch:hover .project-play{background:var(--accent);transform:translateY(-3px)}
.project-info{padding:23px 0 0}
.project-category{font-family:monospace;font-size:8px;letter-spacing:.8px;color:var(--muted)}
.project-info h3{font-size:clamp(24px,2.1vw,35px);font-weight:500;letter-spacing:-1.3px;margin:11px 0 12px}
.project-info>p:not(.project-category){font-size:12px;line-height:1.75;color:#c0c3b5;min-height:65px;max-width:340px}
.project-capabilities{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:17px 0 0}
.project-capabilities li{border:1px solid var(--line);padding:7px 9px;font-family:monospace;font-size:7px;letter-spacing:.2px;color:#b9bdad;border-radius:3px}
.project-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100svh - 24px);padding:20px;background:#192016;color:var(--paper);border:1px solid #66725666;border-radius:13px;overflow:auto}
.project-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.project-dialog-eyebrow{font-family:monospace;font-size:7px;letter-spacing:1px;color:#aeb6a0;line-height:1.5}
.project-dialog-header h2{font-size:29px;font-weight:500;letter-spacing:-1.2px;margin-top:7px}
.project-dialog-close{display:grid;place-items:center;background:#2f3b29;color:#f4f1e7;width:37px;height:37px;flex-shrink:0;border-radius:50%;font-size:23px;line-height:1}
.project-dialog-close:hover{background:var(--accent);color:#121710}
.project-dialog-instruction{font-size:11px;line-height:1.6;color:#bac2ad;padding-top:12px}
.project-dialog-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0;font-family:monospace;font-size:7px;letter-spacing:.3px;color:#b6c0a8}
.project-restart{padding:9px 12px;border-radius:4px;background:#33422b;color:#edf0e4;font-size:10px;white-space:nowrap}
.project-restart:hover{background:#47593a}
.project-stage{position:relative;aspect-ratio:390/760;height:min(69svh,740px);max-width:100%;margin:auto;background:#10150f;border-radius:9px;overflow:hidden}
.project-stage iframe{width:100%;height:100%;display:block;border:0;background:#10150f}
.project-dialog-status{font-size:9px;line-height:1.5;color:#aab69c;margin-top:12px;text-align:center;min-height:14px}
.project-dialog-footnote{font-family:monospace;font-size:6px;letter-spacing:.4px;line-height:1.7;color:#7f8e72;text-align:center;margin-top:7px}
@media(max-width:1100px){.project-grid{gap:18px}.project-info>p:not(.project-category){font-size:11px;min-height:80px}.project-category{font-size:7px}.project-poster{height:375px}.project-play{font-size:10px;right:15px;bottom:15px;gap:14px}.project-index{left:15px;top:15px;font-size:8px}}
@media(max-width:760px){.project-grid{grid-template-columns:1fr;gap:38px}.project-poster{height:470px;max-height:125vw}.project-info{padding-top:19px}.project-info h3{font-size:28px}.project-info>p:not(.project-category){font-size:12px;min-height:0;max-width:none}.project-category{font-size:8px}.project-capabilities li{font-size:8px}.project-dialog{padding:15px;width:calc(100vw - 20px);max-height:calc(100svh - 16px)}.project-dialog-header h2{font-size:25px}.project-dialog-instruction{font-size:10px}.project-dialog-tools{font-size:6px}.project-dialog-tools>span{max-width:180px;line-height:1.6}.project-stage{height:min(65svh,740px)}.project-dialog-status{font-size:8px}.project-dialog-footnote{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.project-screenshot,.project-play{transition:none}}

.project-discuss{display:flex;width:100%;margin-top:18px;font-size:11px;padding:14px 17px}