/* V12: scoped editorial hierarchy; accepted V1 font, palette and roles retained. */
.commercial-v12 .profile { align-items:start; padding-block:36px 56px; gap:40px; }
.commercial-v12 .profile-intro { display:block; }
.commercial-v12 .c12-hero-story { margin-top:18px; max-width:38ch; font-size:var(--type-body);line-height:1.6;color:var(--muted); }
.commercial-v12 .hero-links { border:0; padding:0; margin-top:24px; gap:8px 24px; }
.commercial-v12 .hero-links .c12-primary { background:var(--blue);color:white;padding:14px 18px;min-height:50px;gap:28px; }
.commercial-v12 .hero-links .c12-primary:hover { background:#1836a6;text-decoration:none; }
.commercial-v12 .c12-primary span { width:18px;height:18px;font-size:0;background:currentColor;mask:url('/v2/history/before-v8/assets/arrow-up-right.svg') center/contain no-repeat; }
.c12-hero-proof { margin-top:22px;max-width:38ch; }
.c12-hero-proof a { display:block;font-size:var(--type-ui);line-height:1.5; }
.c12-hero-proof strong { font-size:var(--type-card);font-weight:500;color:var(--blue);margin-right:8px; }
.c12-hero-proof>span { display:block;font-size:var(--type-meta);color:var(--muted);margin-top:7px; }
.c12-selected,.c12-stories { padding-bottom:72px; }
.c12-projects { display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,6vw,88px);align-items:start; }
.c12-project-image { position:relative; }
.c12-project-image>img { height:480px;width:100%;object-fit:contain;object-position:left top; }
.c12-film { margin-top:100px; }
.c12-film .c12-project-image>img { height:auto;aspect-ratio:4/3;object-fit:contain; }
.c12-project-title { display:flex;gap:16px;align-items:baseline;justify-content:space-between;margin-top:20px; }
.c12-project-title h3,.c12-story h3 { font-size:var(--type-card);line-height:1.25;letter-spacing:-.035em; }
.c12-project-title span,.c12-text-link { font-size:var(--type-ui);color:var(--blue); }
.c12-project>p { margin-top:12px;color:var(--muted);font-size:var(--type-body);line-height:1.6; }
.c12-text-link { display:inline-flex;align-items:center;min-height:44px;margin-top:18px;text-decoration:underline;text-underline-offset:5px; }
.c12-play { position:absolute;left:14px;bottom:14px;background:var(--paper);padding:8px 12px;font-size:var(--type-ui);color:var(--ink); }
.commercial-v12 .audience-top { grid-template-columns:.65fr 1.5fr 1fr;align-items:start; }
.commercial-v12 .audience-top>.c12-language { grid-column:auto;font-size:var(--type-ui);line-height:1.6;margin:0;max-width:30ch; }
.c12-language>a { display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;margin-top:12px; }
.commercial-v12 .metrics strong { font-variant-numeric:tabular-nums;font-size:clamp(64px,8.2vw,118px); }
.commercial-v12 .audience-secondary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.commercial-v12 .audience-secondary strong { display:block;margin-bottom:8px; }
.commercial-v12 .audience-secondary span { margin-top:6px; }
.commercial-v12 .photo-duet>figure:first-child img { max-height:none;object-fit:contain;aspect-ratio:auto; }
.c12-story-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px; }
.c12-story-image { position:relative; }
.c12-story-image img { width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#eef0f4; }
.c12-story h3 { margin-top:20px; }
.c12-story>p { margin-top:12px;font-size:var(--type-body);line-height:1.6;color:var(--muted); }
.c12-meta,.c12-note { font-size:var(--type-meta);line-height:1.5;color:var(--muted); }
.c12-meta { display:block;margin-top:16px; }
.c12-note { margin-top:24px;max-width:76ch; }
.commercial-v12 .format-note a { display:inline-flex;min-height:44px;align-items:center;color:var(--blue);text-decoration:underline;text-underline-offset:4px; }
.commercial-v12 .credit-list { grid-auto-rows:minmax(118px,auto);grid-template-rows:none; }
.commercial-v12 .footer>div { flex-wrap:wrap; }
@media(max-width:1100px) {
 .commercial-v12 .masthead nav { gap:16px; }
 .commercial-v12 .audience-top { grid-template-columns:1.5fr 1fr; }
 .commercial-v12 .audience-top>.section-index { grid-column:1/-1; }
 .commercial-v12 .audience-top>.c12-language { grid-column:2; }
 .c12-story-grid { grid-template-columns:1fr 1fr;row-gap:36px; }
 .c12-story:last-child { max-width:600px; }
 .c12-project-title { display:block; }
 .c12-project-title span { display:block;margin-top:8px; }
}
@media(max-width:700px) {
 .commercial-v12 .profile { gap:20px;padding-block:24px 40px; }
 .commercial-v12 .profile-text,.commercial-v12 .profile-intro { display:contents; }
 .commercial-v12 .profile-text>.overline { order:0; }
 .commercial-v12 .profile-text>h1 { order:1;margin:0; }
 .commercial-v12 .hero-position { order:2; }
 .commercial-v12 .hero-photo { order:4; }
 .commercial-v12 .c12-hero-story { order:5;margin:0;max-width:none; }
 .commercial-v12 .hero-links { order:3;margin:0; }
 .commercial-v12 .c12-hero-proof { order:6;margin-top:0; }
 .c12-selected,.c12-stories { padding-bottom:48px; }
 .c12-projects,.c12-story-grid { grid-template-columns:1fr;gap:36px; }
 .c12-project-image>img { height:auto;max-height:560px; }
 .c12-film { margin:0; }
 .commercial-v12 .audience-top { display:block; }
 .commercial-v12 .audience-top>.c12-language { margin-top:24px;max-width:40ch; }
 .commercial-v12 .metrics strong { font-size:clamp(48px,15vw,64px); }
 .commercial-v12 .audience-secondary { grid-template-columns:1fr; }
 .commercial-v12 .audience-secondary p { padding-left:122px; }
 .commercial-v12 .audience-secondary strong { font-size:28px; }
 .c12-story h3 { margin-top:16px; }
 .commercial-v12 .footer>div { align-items:start; }
}