.project-visual{height:330px;border:0;border-radius:5px;position:relative;overflow:hidden;width:100%;padding:25px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer;color:inherit;font:inherit}.visual-kicker,.visual-bottom{position:relative;z-index:2;font-size:9px;font-weight:600;letter-spacing:1.5px}.visual-bottom{display:flex;align-items:center;justify-content:space-between}.visual-bottom>span{font-size:25px;line-height:1}.chatelier-real{background:#1b253b;color:#dceafa}.project-wordmark{display:flex;align-items:center;justify-content:center;gap:19px}.project-wordmark>span{font:600 39px 'Manrope',sans-serif;letter-spacing:-1px}.wordmark-sub{display:block;font:400 11px 'DM Sans',sans-serif;letter-spacing:0;color:#adbed4;margin-top:8px}.platforms{display:flex;gap:8px;justify-content:center;margin-top:-20px}.platforms span{font-size:10px;padding:6px 10px;border:1px solid #425169;border-radius:30px}.celestial-real{background:#151725;color:#e8e1ff}.celestial-icon{height:220px;width:220px;object-fit:contain;align-self:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:18px}.screenshot-visual{background:#17191e;color:#eee}.screenshot-visual>img{position:absolute;top:58px;width:calc(100% - 66px);height:auto;left:33px;box-shadow:0 16px 30px #0005;border:1px solid #ffffff14;border-radius:6px;transition:transform .35s}.screenshot-visual:hover>img{transform:translateY(-8px)}.screenshot-visual .visual-bottom{background:linear-gradient(transparent,#17191e 40%);padding-top:25px;margin:-25px;padding:35px 25px 25px}.orbit-real{background:#22232b}.zorin-real{background:#1a2929}.zorin-real .visual-bottom{background:linear-gradient(transparent,#1a2929 40%)}.project-meta{margin-top:24px}.project-meta h3{font-size:23px}.status{font-size:9px!important;letter-spacing:.3px;display:inline-flex;align-items:center;gap:6px}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:#939a8c}.status.online:before{background:#688a3c}.project-lead{font-size:17px;line-height:1.45;font-weight:500;letter-spacing:-.3px;margin:15px 0 11px}.project-description{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.features{list-style:none;padding:0;margin:17px 0 0}.features li{font-size:12px;line-height:1.65;position:relative;padding-left:17px;margin:8px 0;color:#535e50}.features li:before{content:'↗';position:absolute;left:0;color:#718462}.tech-tags{display:flex;gap:6px;flex-wrap:wrap;margin:21px 0}.tech-tags span{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:5px 8px;color:#68715f}.project-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:5px}.project-actions .button{padding:14px 20px;font-size:10px;gap:18px}.text-link{border:0;padding:0;background:none;color:inherit;font:500 11px 'DM Sans',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:#627f42}.availability{font-size:10px;color:var(--muted)}.project-note{font-size:10px;line-height:1.65;color:var(--muted);margin:16px 0 0;max-width:460px}.grid{gap:70px 35px}.project{display:flex;flex-direction:column}.project[hidden]{display:none}.about-link{display:inline-block;margin-top:30px}.about strong{font-weight:600;color:var(--ink)}#gallery{width:min(1140px,calc(100% - 30px));max-height:94vh;padding:48px 22px 22px}#gallery-image{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain;margin:auto;background:#151b21}#gallery-caption{margin:17px 0 15px;font-size:12px;line-height:1.6;letter-spacing:0}#gallery .dialog-close{top:7px}.modal-open{overflow:hidden}@media(max-width:1000px){.project-wordmark{gap:10px}.project-wordmark>span{font-size:28px}.project-wordmark img{width:52px;height:52px}.project-visual{height:290px}.platforms{gap:4px}.platforms span{font-size:9px;padding:5px 8px}.project-meta{align-items:start;flex-direction:column;gap:9px}.screenshot-visual>img{left:22px;width:calc(100% - 44px)}}@media(max-width:700px){.project-visual{height:300px}.grid{gap:50px}.project-meta{flex-direction:row;align-items:center}.project-meta h3{font-size:22px}.project-lead{font-size:17px}.project-description{font-size:13px}.features li{font-size:12px}.hero-bottom p{line-height:1.7}.hero-bottom br{display:none}.filters{gap:5px}.filter{font-size:9px;padding:9px 11px}.nav nav{gap:17px}.project-wordmark>span{font-size:36px}.project-wordmark img{width:62px;height:62px}.platforms span{font-size:10px}.project-note{font-size:10px}.closing h2{font-size:45px}}
/* Keep all navigation labels on one shared vertical center. */
.nav nav{align-items:center}
.nav nav a{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:40px;padding:12px 0;white-space:nowrap}