.representative-link{text-decoration:underline;text-underline-offset:5px}.rep-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:28px;font-size:13px;color:var(--muted)}.rep-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.rep-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;padding:55px 0 88px}.rep-role{margin-top:34px;font-size:16px}.rep-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.5;margin-block:12px}.rep-english{font-size:14px;letter-spacing:.16em;color:var(--teal)}.rep-intro{align-self:center}.rep-statement{font-family:var(--serif);font-size:28px;line-height:1.8;color:var(--navy);margin-bottom:28px}.rep-intro>p+p,.rep-prose>p+p{margin-top:20px}.rep-section{display:grid;grid-template-columns:1fr 1.7fr;gap:72px;padding:72px 0;border-top:1px solid var(--line)}.rep-section h2{font-size:30px;margin-top:18px}.rep-career{margin:0}.rep-career>div{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.rep-career dt{font-weight:600;color:var(--navy);font-size:18px;margin-bottom:12px}.rep-career dd{margin:0}.rep-note{font-size:13px;color:var(--muted)}.rep-expertise{list-style:none;padding:0;margin:0}.rep-expertise li+li{margin-top:30px}.rep-expertise h3{font-size:20px;margin-bottom:8px}.rep-contact{padding-block:72px;background:var(--ice)}.rep-contact h2{font-size:32px;margin-block:20px}.representative-page .text-link{font-size:16px;line-height:1.8;max-width:100%;gap:16px}.representative-page .text-link span{flex-shrink:0}@media(max-width:760px){.rep-hero,.rep-section{grid-template-columns:1fr;gap:32px;padding-block:36px 48px}.rep-hero h1{font-size:48px}.rep-role{font-size:14px;margin-top:22px}.rep-statement{font-size:24px}.rep-section h2{font-size:27px}.rep-contact{padding-block:48px}.rep-contact h2{font-size:25px}.rep-breadcrumb{font-size:12px;padding-block:20px}.rep-career dt{font-size:17px}}
.rep-hero h1{font-size:32px;line-height:1.6;margin-block:20px 0}.rep-role{font-size:14px;line-height:2.2;margin-top:24px}.rep-name{font-size:18px;margin-left:12px;white-space:nowrap}.rep-statement{font-size:24px}.rep-section h2{font-size:26px}.rep-contact h2{font-size:28px}@media(max-width:760px){.rep-hero h1{font-size:28px}.rep-name{font-size:18px}.rep-statement{font-size:22px}.rep-section h2,.rep-contact h2{font-size:24px}}

.rep-conversation{margin:0 0 28px;max-width:640px}.rep-conversation img{display:block;width:100%;height:auto;aspect-ratio:3/2}.rep-conversation figcaption{margin-top:8px;font:400 12px/1.5 var(--sans);color:var(--color-text-muted,#526477)}

/* A direct reading entrance before the introductory biography. */
.rep-message-link{display:block;padding:28px 32px;margin-bottom:32px;background:var(--color-primary,#193D58);color:#fff;border-radius:4px;text-decoration:none}
.rep-message-link:hover{background:#102D44}
.rep-message-link:focus-visible{outline:3px solid #193D58;outline-offset:5px}
.rep-message-label{display:block;font-size:14px;letter-spacing:.08em;margin-bottom:16px}
.rep-message-quote{display:block;font-family:var(--serif);font-size:clamp(20px,2vw,26px);line-height:1.8}
.rep-message-note{display:block;font-size:14px;line-height:1.8;margin-top:12px}
.rep-message-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #708496;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.rep-message-link{padding:24px 20px}.rep-message-quote{font-size:20px}}
.rep-message-link{margin-top:24px}.rep-message-quote{font-size:20px}.rep-intro{align-self:start}

/* Desktop pairs the portrait/message with the complete introduction. DOM keeps the heading first. */
.representative-page.v2-site .rep-hero{grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-template-areas:"visual identity" "visual intro" "links links";column-gap:64px;row-gap:24px;align-items:start}
.rep-identity{grid-area:identity}.rep-visual{grid-area:visual;min-width:0}.rep-intro{grid-area:intro}.rep-hero>.identity-links{grid-area:links}
.rep-visual .rep-portrait{margin:0;max-width:none;width:100%}
.rep-visual .rep-portrait img{display:block;width:100%;height:auto}
.rep-visual .rep-message-link{margin:20px 0 0;padding:24px}
.rep-visual .rep-message-quote{font-size:18px}
.rep-visual .rep-message-label{margin-bottom:12px}
.rep-visual .rep-message-action{margin-top:16px}
.rep-identity .rep-role{margin-top:16px}
@media(max-width:1023px){.representative-page.v2-site .rep-hero{grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:32px}.rep-visual .rep-message-link{padding:20px}.rep-visual .rep-message-quote{font-size:17px}}
@media(max-width:767px){.representative-page.v2-site .rep-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "visual" "intro" "links";row-gap:28px}.rep-visual{width:100%;max-width:400px}.rep-visual .rep-message-quote{font-size:18px}}
