/* A recognizable face and a quick professional introduction. */
[data-theme="graphite"] .hero{padding-top:50px}
.hero-identity{display:flex;align-items:center;justify-content:center;gap:22px;max-width:650px;margin-inline:auto}
.identity-avatar{width:110px;height:110px;flex:0 0 110px;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 45% 38%,#d5c8ae33,#2b2d2f 75%);border:1px solid #77756e;box-shadow:0 8px 30px #00000016;transition:transform .3s ease,border-color .3s}
.identity-avatar img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(1.06);transform-origin:center bottom}
.identity-copy{text-align:left;min-width:0}
.identity-name{font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.025em}
.identity-role{font-size:15px;color:var(--muted);line-height:1.5;margin-top:7px}
.identity-role strong{font-weight:400;color:var(--ink)}
.identity-location{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);line-height:1.4;margin-top:8px}
[data-theme="graphite"] .identity-location .location-mark{background:#d5c8ae;flex-shrink:0;width:5px;height:5px}
[data-theme="graphite"] h1{margin-top:28px}
[data-theme="graphite"] .hero-bottom{margin-top:23px;padding-bottom:38px}
[data-theme="graphite"] .hero-intro>p{font-size:19px;max-width:620px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:24px}
.hero-actions .button-dark{margin-top:0}
.hero-links{display:flex;align-items:center;gap:24px;font-size:14px}
.hero-links>a{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding-block:8px;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.hero-links>a:hover{border-color:var(--accent);color:var(--accent)}
[data-theme="editorial"] .hero-links>a:hover{color:#526c31}
@media(hover:hover) and (pointer:fine){.identity-avatar:hover{transform:translateY(-3px) rotate(-3deg);border-color:var(--belief)}}
@media(max-width:1050px){.hero-identity{gap:18px}.identity-avatar{width:100px;height:100px;flex-basis:100px}.identity-name{font-size:22px}}
@media(max-width:760px){[data-theme="graphite"] .hero{padding-top:48px}.hero-identity{gap:17px;justify-content:center}.identity-avatar{width:88px;height:88px;flex-basis:88px}.identity-name{font-size:20px}.identity-role{font-size:13px;margin-top:5px}.identity-location{font-size:11px;margin-top:6px}[data-theme="graphite"] h1{margin-top:27px}[data-theme="graphite"] .hero-intro>p{font-size:17px}.hero-actions{gap:13px 23px;margin-top:22px}.hero-links{font-size:13px;gap:22px}[data-theme="graphite"] .hero-bottom{padding-bottom:30px}}
@media(max-width:440px){.hero-identity{gap:14px}.identity-avatar{width:76px;height:76px;flex-basis:76px}.identity-name{font-size:19px}.identity-role{font-size:12px}.identity-location{font-size:10px}.hero-actions{flex-direction:column;gap:9px}.hero-links{gap:28px}.hero-links>a{min-height:42px}[data-theme="graphite"] .hero-intro>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.identity-avatar:hover{transform:none}}
[data-motion="paused"] .identity-avatar:hover{transform:none}
@media print{.identity-avatar,.hero-links{display:none}.hero-identity{justify-content:flex-start}.hero-actions{display:none}[data-theme="graphite"] .hero{padding-top:0}.identity-name{font-size:20px}.identity-role,.identity-location{color:#222426}}

/* Full-body greeting beside the introduction; a compact shared row on phones. */
.hero-stage{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:36px;padding-bottom:30px;max-width:1100px;margin-inline:auto}
.hero-character{width:240px;max-width:100%;animation:greeting-float 7s ease-in-out infinite}
.hero-character img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 18px #00000025)}
.hero-main{min-width:0;text-align:center}
.hero-main .hero-identity{max-width:none}
.hero-main .identity-copy{text-align:center}
.hero-main .identity-location{justify-content:center}
.hero-main .hero-belief{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;width:fit-content}
.hero-main .belief-mini{font-size:16px;padding:8px 12px}
.hero-main .belief-caption{font-size:10px}
.hero-main h1,[data-theme="graphite"] .hero-main h1{font-size:clamp(52px,6.4vw,84px);margin-top:24px}
.hero-main .hero-bottom,[data-theme="graphite"] .hero-main .hero-bottom{display:block;padding-bottom:0;margin-top:24px}
.hero-main .hero-intro>p{max-width:580px;margin-inline:auto}
@media(max-width:1050px){.hero-stage{grid-template-columns:190px minmax(0,1fr);gap:24px}.hero-character{width:190px}.hero-main h1,[data-theme="graphite"] .hero-main h1{font-size:clamp(48px,7vw,70px)}}
@media(max-width:760px){.hero-stage{grid-template-columns:112px minmax(0,1fr);gap:0 18px;padding-bottom:30px}.hero-character{width:112px;grid-column:1;grid-row:1;justify-self:center}.hero-main{display:contents}.hero-main .hero-identity{grid-column:2;grid-row:1;justify-content:flex-start;margin:0}.hero-main .identity-copy{text-align:left}.hero-main .identity-location{justify-content:flex-start}.hero-main .identity-name{font-size:21px}.hero-main .identity-role{font-size:13px}.hero-main .hero-belief,.hero-main h1,.hero-main .hero-bottom{grid-column:1/-1}.hero-main .hero-belief{margin-top:16px}.hero-main h1,[data-theme="graphite"] .hero-main h1{font-size:clamp(46px,9.5vw,70px);margin-top:24px;text-align:center}.hero-main .hero-bottom{margin-top:22px;text-align:center}}
@media(max-width:380px){.hero-stage{grid-template-columns:96px minmax(0,1fr);column-gap:12px}.hero-character{width:96px}.hero-main .identity-name{font-size:18px}.hero-main .identity-role{font-size:12px}.hero-main h1,[data-theme="graphite"] .hero-main h1{font-size:clamp(40px,10.5vw,46px)}}
@media(prefers-reduced-motion:reduce){.hero-character{animation:none}}
@media print{.hero-character,.hero-main .hero-belief{display:none!important}.hero-stage,.hero-main{display:block}.hero-main .identity-copy{text-align:left}.hero-main .identity-location{justify-content:flex-start}}