.project-card[role="button"]{cursor:pointer}.project-card[role="button"]:focus-visible{outline:2px solid #ff9045;outline-offset:4px}
.project-detail-modal{position:fixed;inset:0;z-index:3000;background:rgba(3,7,13,.82);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,36px)}.project-detail-modal.open{display:flex}
.project-detail-panel{position:relative;width:min(100%,1000px);max-height:min(90vh,900px);overflow:auto;background:#0b1421;border:1px solid #2c3b50;border-radius:22px;padding:clamp(24px,4vw,48px);color:#f7f8fb;box-shadow:0 24px 100px #0008}
.project-detail-close{position:sticky;float:right;top:0;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #45536a;background:#111e30;color:#ff9045;font-size:28px;line-height:1;cursor:pointer}
.project-detail-content h2{font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-1.5px;margin:10px 50px 16px 0}.project-detail-description{max-width:720px;color:#c0cada;font-size:15px;line-height:1.8}
.project-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.project-detail-gallery img{display:block;width:100%;height:clamp(180px,28vw,360px);object-fit:cover;border-radius:12px;background:#121c2b}
.detail-video{position:relative;width:100%;aspect-ratio:16/9;margin:26px 0;border-radius:14px;overflow:hidden;background:#05080d}.detail-video iframe,.detail-video-file{width:100%;height:100%;border:0;display:block}
.project-detail-cta{display:inline-flex;margin-top:12px;padding:13px 18px;background:#ff9045;color:#10131a;text-decoration:none;font-weight:700;border-radius:999px}
@media(max-width:600px){.project-detail-panel{padding:20px 16px;border-radius:16px}.project-detail-gallery{grid-template-columns:1fr}.project-detail-gallery img{height:auto;max-height:320px}.project-detail-description{font-size:13px}}