/* Compact project overview; the full technical text stays in native disclosures. */
.projects-grid{align-items:start}
.project-card{min-width:0;height:auto;padding:1.65rem 1.5rem}
.project-card .project-header-top{margin-bottom:1rem}
.project-title{overflow-wrap:anywhere}
.project-subtitle{min-height:4.4em;font-size:.9rem;line-height:1.55}
.project-highlight{color:#c9b0ff;font:500 .72rem/1.55 var(--font-code);margin-top:1rem}
.project-disclosure{border-top:1px solid rgba(185,154,247,.18);margin:0 0 1rem}
.project-disclosure>summary{min-height:46px;display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;list-style:none;color:#ded2f4;font-size:.78rem;font-weight:600}
.project-disclosure>summary::-webkit-details-marker{display:none}
.disclosure-mark{font-size:21px;font-weight:400;line-height:1;color:#c9b0ff}
.collapse-label{display:none}
.project-disclosure[open] .expand-label{display:none}
.project-disclosure[open] .collapse-label{display:inline}
.project-disclosure[open] .disclosure-mark{transform:rotate(45deg)}
.project-disclosure .project-details{padding-top:12px;margin-bottom:8px;gap:1rem}
.project-disclosure .detail-label{font-size:.68rem}
.project-disclosure .detail-block{font-size:.84rem;line-height:1.65}
.project-card .project-footer-tags{margin-top:0;padding-top:.9rem;gap:.5rem}

.project-demo-link{min-height:44px;justify-content:center}
.project-disclosure>summary:hover{color:#fff}
.ai-intro{max-width:850px}
.ai-step p{line-height:1.7}
.ai-step h4{line-height:1.4}
@media(min-width:1000px){.project-card:not(:has(.project-disclosure[open])){min-height:375px}.project-card:not(:has(.project-disclosure[open])) .project-footer-tags{margin-top:auto}}
@media(max-width:600px){.project-card{padding:1.5rem 1.25rem}.project-subtitle{min-height:0}.project-disclosure>summary{min-height:50px}}
@media(min-width:1000px){.project-card:not(:has(.project-disclosure[open])){min-height:450px}}
.hero-container{width:100%;min-width:0}
@media(max-width:600px){.tilt-wrapper{padding:0;margin:0}.status-badge{max-width:100%}.badge-text{overflow-wrap:anywhere}}

.project-header-top{cursor:pointer}.disclosure-mark{transition:transform .25s ease}@media(prefers-reduced-motion:no-preference){.project-disclosure[open] .project-details{animation:project-reveal .38s cubic-bezier(.22,1,.36,1) both}@keyframes project-reveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}

.project-card .project-footer-tags .skill-tags{column-gap:.75rem;row-gap:.75rem}