.project-navlinks{display:flex;position:static;margin-left:auto}
@media(max-width:760px){.project-navlinks{display:none}}
.project-layout{width:min(960px,calc(100% - 44px));margin:60px auto 120px}
.project-layout .eyebrow{display:inline-block;margin-bottom:14px}
.project-layout h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-.04em;color:#f6f9ff;margin:10px 0 20px}
.project-intro{font-size:clamp(17px,2vw,20px);line-height:1.7;color:#cad5ea;max-width:820px}
.project-hero{padding:38px;border-radius:24px;border:1px solid #344967;background:linear-gradient(130deg,#17253e,#0c1423 62%)}
.project-emoji{font-size:46px;display:block;margin-bottom:10px}
.project-pills{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 26px}
.project-pills span{border:1px solid #52627e;border-radius:999px;padding:8px 12px;color:#dce8f6;font-size:13px}
.project-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.project-buttons a{display:inline-block;padding:13px 18px;border-radius:12px;text-decoration:none;font-weight:700;background:#3373cc;color:white}
.project-buttons a.secondary{background:#25364e;color:#eef3fc;border:1px solid #435774}
.project-section{padding:30px 0;border-bottom:1px solid #273951}
.project-section h2{font-size:clamp(25px,3vw,32px);color:#f4f7ff;margin:0 0 17px}
.project-section p,.project-section li{font-size:17px;color:#cbd7e9;line-height:1.8}
.project-section ol{padding-left:24px}
.project-section code{background:#213149;color:#f1c58f;padding:2px 6px;border-radius:5px;overflow-wrap:anywhere}
.project-related{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.project-related a{color:#a9d5ff;border:1px solid #34577b;border-radius:11px;padding:10px 13px;text-decoration:none}
.project-note{font-size:13px;color:#9cb0c5;margin-top:16px}
@media(max-width:600px){.project-layout{width:min(100% - 30px,960px);margin-top:25px}.project-hero{padding:25px}.project-buttons a{width:100%;text-align:center}}