.project h3 .project-title-link { font: inherit; color: var(--text); text-decoration: none; }
.project h3 .project-title-link:hover { color: var(--green-text); }
.portfolio-page { display: flex; flex-direction: column; gap: 48px; min-width: 0; }
.portfolio-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 14px; }
.portfolio-breadcrumb a { text-decoration: none; }
.portfolio-hero { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: clamp(28px,5vw,56px); border: 1px solid var(--surface-3); border-radius: 36px; background: linear-gradient(120deg,var(--purple-soft),var(--surface)); }
.portfolio-hero h1 { font-size: clamp(42px,8vw,88px); letter-spacing: -.04em; line-height: 1; margin-top: 24px; overflow-wrap: anywhere; }
.portfolio-hero p { max-width: 38ch; color: var(--muted); font-size: 22px; margin: 24px 0; }
.portfolio-logo { width: clamp(64px,12vw,128px); height: clamp(64px,12vw,128px); object-fit: contain; flex: none; border-radius: 20px; }
.portfolio-logo-corefox { object-fit: cover; object-position: left top; }
.portfolio-page h2 { font-size: clamp(28px,4vw,40px); letter-spacing: -.03em; line-height: 1.1; }
.portfolio-intro { max-width: 74ch; color: var(--muted); font-size: 19px; margin: 0; }
.portfolio-page .project h3 { font-size: 25px; }
@media(max-width:640px) { .portfolio-hero { align-items: flex-start; gap: 16px; padding: 28px 22px; } .portfolio-hero h1 { font-size: clamp(34px,8vw,48px); } .portfolio-hero p { font-size: 18px; } }