/* Recruitment-oriented reading layer, preserving the existing dark art direction. */
.hero #hero-title.recruiter-title{font-size:clamp(36px,4.1vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:660px;margin:22px 0}
.availability{font:500 12px/1.7 var(--font-mono,monospace);color:#e2b77c;border-left:2px solid #e2b77c;padding-left:14px;max-width:620px}
.recruiter-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin:24px 0 8px;font:12px/1.6 var(--font-mono,monospace)}
.recruiter-links a{color:#e8ecef;padding:8px 0;border-bottom:1px solid #53616a;text-decoration:none}.recruiter-links a:hover{color:#e2b77c;border-color:#e2b77c}
.case-brief{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:26px;margin:25px 0 30px;padding:24px 0;border-top:1px solid #3d484f;border-bottom:1px solid #3d484f}
.case-brief div{min-width:0}.case-brief dt{font:11px/1.6 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:#e2b77c;margin-bottom:10px}.case-brief dd{margin:0;font-size:14px;line-height:1.8;color:#c0cad0}
.case-note{font-size:13px!important;line-height:1.8!important;color:#b9c4ca!important;border-left:2px solid #647780;padding:4px 0 4px 16px;margin:22px 0}
.case-intro,.case-demo{margin:30px 0}.case-intro h3,.case-demo h3,.outreach-overview h3{font-size:22px;line-height:1.4;margin:24px 0 12px}.case-intro p{max-width:850px;line-height:1.85;color:#c2cbd0}
.case-divider{margin:35px 0 20px;padding-top:25px;border-top:1px solid #3d484f;color:#e2b77c;font:12px/1.6 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.07em}
.outreach-focus{padding:16px 0;border-bottom:1px solid #344149;max-width:900px}.outreach-focus h4{font-size:18px;margin:0 0 8px}.outreach-focus p{color:#b9c4ca;line-height:1.85;margin:0}
.case-archive{margin:30px 0}.case-archive summary{cursor:pointer;padding:16px 0;color:#e2b77c;font-size:15px}.case-archive:has(.sub-projects-grid[hidden]){display:none}
.social-links{flex-wrap:wrap}.social-links a[href^="mailto:"]{overflow-wrap:anywhere}
@media(max-width:850px){.case-brief{grid-template-columns:1fr;gap:18px}.hero #hero-title.recruiter-title{font-size:clamp(36px,6.5vw,55px)}.case-brief dd{font-size:14px}.availability{font-size:11px}.recruiter-links{gap:10px 20px}}

.q-header>.case-brief{grid-column:1/-1}

/* Personal perspective, between the project selection and profile. */
.ai-workflow{padding-top:64px;padding-bottom:70px;scroll-margin-top:100px}
.ai-workflow-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:8%;padding-top:36px;border-top:1px solid #3d484f}
.ai-workflow h2{font-size:clamp(22px,2.2vw,30px);line-height:1.4;letter-spacing:-.02em;color:#e2b77c;margin:0;max-width:360px}
.ai-workflow p{font-size:17px;line-height:1.9;color:#c4cdd2;margin:0;max-width:780px}
@media(max-width:850px){.ai-workflow{padding-top:36px;padding-bottom:44px}.ai-workflow-layout{grid-template-columns:1fr;gap:24px;padding-top:28px}.ai-workflow h2{max-width:620px}.ai-workflow p{font-size:15px;line-height:1.85}}
/* Match the numbered section labels used throughout the portfolio. */
.ai-workflow h2{font-family:var(--font-mono,monospace);font-size:11px;font-weight:400;line-height:1.8;letter-spacing:.1em;text-transform:uppercase;color:#e2b77c;max-width:360px}