/* Approved portfolio identity. Load AFTER page styles on About and each future
   specialist page. Uses Creative Work's established desktop/mobile dimensions. */
.design-e .hero{padding:70px 0}
.design-e .portfolio-identity{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.portfolio-name{grid-column:1 / 10;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(70px,10.8vw,154px);font-weight:700;line-height:.95;letter-spacing:-.075em;text-transform:none;max-width:none}
.design-e .portfolio-identity .role{grid-column:10 / 13;margin:0 0 8px;padding-left:16px;border-left:8px solid var(--accent);font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,1.7vw,25px);font-weight:700;line-height:1.12;letter-spacing:-.035em;max-width:none}
.design-e .portfolio-identity .role span{display:block}
@media(min-width:701px) and (max-width:1000px){.design-e .portfolio-identity .role{padding-left:12px}}
@media(max-width:700px){
 .design-e .hero{padding:45px 0}
 .design-e .portfolio-identity{display:block}
 .portfolio-name{font-size:clamp(44px,12.8vw,88px);max-width:none}
 .design-e .portfolio-identity .role{font-size:22px;margin:28px 0 0;padding-left:14px}
}