.highlight-project{min-width:0;gap:0}
.highlight-project-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6d8793}
.highlight-project-top small{font-size:9px;letter-spacing:.08em;font-weight:600;line-height:1.5}
.highlight-project-top>span{font-size:18px;color:#7295aa}
.highlight-visual{margin:23px 0 22px;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#e8eef0}
.highlight-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.highlight-project:hover .highlight-cover{transform:scale(1.035)}
.skill-cover{height:100%;padding:19px;background:linear-gradient(135deg,#d9e5ed,#e8eddb);display:flex;flex-direction:column;justify-content:space-between;color:#40617b}
.skill-cover>small{font-family:monospace;font-size:10px;letter-spacing:.04em}
.skill-cover>div{display:flex;align-items:center;justify-content:space-between;gap:7px}
.skill-cover>div>span{font-family:monospace;font-size:10px;font-weight:600;padding:12px 10px;background:#ffffffa6;border-radius:8px;border:1px solid #fff}
.skill-cover>div>i{font-style:normal;font-size:18px;opacity:.6}
.skill-cover>p{font-size:10px;line-height:1.6;margin:0;color:#70858e}
#highlights .highlight-project h3{font-size:21px;font-weight:650;letter-spacing:-.025em;line-height:1.4;margin:0 0 12px}
#highlights .highlight-project .highlight-description{font-size:12px;line-height:1.95;color:#72808a;margin:0}
.highlight-caption{margin:18px 0 0;font-size:9px;color:#8c9da3;letter-spacing:.025em}
.highlight-project>.detail-trigger{margin-top:20px!important;padding:14px 0 0!important}
.ai-section-label{font-family:'Plus Jakarta Sans','Noto Sans SC',sans-serif;font-size:10px;letter-spacing:.13em;color:#98b8ce;line-height:1.8}
.ai-project-label{font-size:10px;color:#aec6dc;padding:5px 9px;background:#7295c217;border:1px solid #7295c237;border-radius:6px}
.ai-practice-kicker{font-family:'Plus Jakarta Sans','Noto Sans SC',sans-serif;font-size:11px;color:#7c9eaf}
#ai-practice .ai-step-heading{display:flex;flex-direction:column;gap:16px;margin:0 0 12px;font-family:'Plus Jakarta Sans','Noto Sans SC',sans-serif;color:#c6d8e4;font-size:13px;font-weight:600}
.ai-step-heading small{font-family:monospace;font-size:10px;font-weight:400;color:#7e9bb2;letter-spacing:.12em}
.ai-output-label{font-family:'Plus Jakarta Sans','Noto Sans SC',sans-serif;font-size:10px;line-height:1.9;color:#94acbb}
footer .footer-story-heading{font-family:'Caveat',cursive!important;font-size:35px;line-height:1.25;font-weight:500!important;letter-spacing:-.02em;color:#42647c}
.footer-reading-intro{font-size:12px;color:#7a8b91;line-height:1.9;margin-top:8px!important}
.footer-reading-cta{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:10px 17px 10px 11px;background:#f2f0fa;border:1px solid #d8d4e9;border-radius:14px;color:#4e4a82;font-size:13px;transition:transform .2s,box-shadow .2s}
.footer-reading-cta:hover{transform:translateY(-2px);box-shadow:0 7px 20px #4d438418}
.footer-reading-platform{font-size:10px;color:#9490a8}
.footer-reading-cta>span:last-child{font-size:17px;margin-left:10px}
@media(max-width:1023px) and (min-width:768px){#highlights .highlight-project:last-child{grid-column:1/-1;max-width:calc(50% - 16px);justify-self:center}}
@media(max-width:640px){.highlight-visual{margin-top:20px;aspect-ratio:16/9}.skill-cover{padding:18px 22px}.skill-cover>div{max-width:310px;width:100%;align-self:center}.footer-reading-cta{gap:10px}.ai-section-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.highlight-cover,.footer-reading-cta{transition:none}.highlight-project:hover .highlight-cover,.footer-reading-cta:hover{transform:none}}