/* RenoMe shared public typography, grid and navigation. Approved D chevrons. */
:root{--rn-ink:#002526;--rn-link:#004145;--rn-line:#d4e4e1;--rn-body:17px;--rn-page:44px;--rn-section:30px;--rn-card:22px;--rn-gutter:24px;--rn-container:1160px;--text-h2:30px;--text-h3:22px;--text-h4:20px;--text-body:17px;--text-lede:18px;--text-eyebrow:13px;--section-pad:64px;--section-pad-tight:40px;--gutter:24px;--container:1160px}
body{font-size:var(--rn-body);line-height:1.7}
body:not(.rn-home) main h1,.dynamic-site .directory-hero h1,.dynamic-site .public-article h1,.dynamic-site .event-page h1{font-size:var(--rn-page);font-weight:600;line-height:1.15;letter-spacing:-.035em;max-width:780px}
main h2,.dynamic-site .profile-related h2,.dynamic-site .event-page section h2,.dynamic-site .public-article-body h2{font-size:var(--rn-section);font-weight:600;line-height:1.25;letter-spacing:-.025em}
main h3,.dynamic-site .public-article-body h3{font-size:var(--rn-card);font-weight:600;line-height:1.3}
.page-hero h1,.public-hero h1{max-width:780px}
.page-hero,.public-hero{padding:128px max(24px,calc((100% - 1160px)/2)) 40px}
.page-hero .container,.public-hero .container{width:100%}
.page-hero p:not(.eyebrow),.public-hero p:not(.eyebrow),.lede{font-size:18px;line-height:1.7}
.page-hero::after,.public-hero::after{display:block;width:168px;aspect-ratio:728/879;right:24px;bottom:24px;background-image:url('/assets/logos/renome-fan-mark.svg');opacity:.09}
.page-hero>.container:not(.split-layout)>h1,.public-hero>.container:not(.split-layout)>h1{max-width:min(780px,calc(100% - 190px))}
.section{padding-left:max(24px,calc((100% - 1160px)/2));padding-right:max(24px,calc((100% - 1160px)/2))}
.eyebrow,.path-label,.person-role,.public-eyebrow,.directory-hero>p{font-size:13px;font-weight:600;line-height:1.5;color:var(--rn-link)}
.on-dark .eyebrow,.on-dark .path-label{color:#12c7b7}
.section-heading{margin-bottom:32px}
.audience-card h2,.audience-card h3,.path-card h2,.path-card h3,.benefit-card h3,.info-card h3,.tier-card h3,.dynamic-site .people-grid h2,.dynamic-site .article-card-content h2,.dynamic-site .event-grid h2{font-size:22px;font-weight:600;line-height:1.3}
.audience-card p,.path-card p,.benefit-card p,.info-card p,.tier-card p{font-size:16px;line-height:1.7}
.text-link,.volunteer-jump,.role-apply-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--rn-link);font-size:14px;font-weight:600}
.button,.role-button,.nav-cta,.directory-action-link{min-height:44px;font-weight:600}
.rn-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none;vertical-align:middle}
.rn-chevron-back{transform:rotate(180deg)}.rn-chevron-down{transform:rotate(90deg)}
.site-header,.dynamic-header{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:18px max(24px,calc((100% - 1160px)/2));border-bottom:1px solid var(--rn-line);background:rgba(255,255,255,.96)}
.brand img,.dynamic-brand img{width:190px;height:auto;display:block}
.site-header .nav,.dynamic-header .dynamic-desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-family:Sen,Arial,sans-serif;font-size:14px;font-weight:600}
.site-header .nav a,.dynamic-header nav a{font-size:14px;font-weight:600;color:var(--rn-link);min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;padding:6px 0}
.site-header .nav a:hover,.site-header .nav a[aria-current],.dynamic-header nav a:hover,.dynamic-header nav a[aria-current]{color:var(--rn-link);border-bottom-color:#0d9488}
.site-header .nav-cta,.dynamic-header .dynamic-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--rn-link);border-radius:6px;background:var(--rn-link);color:white;font-family:Sen,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap}
.header-actions,.dynamic-header-actions{display:flex;align-items:center;gap:10px}
.nav-toggle,.dynamic-mobile-menu summary{width:44px;height:44px;border:1px solid var(--rn-line);border-radius:6px;padding:10px;background:white}
.nav-toggle span:not(.sr-only),.dynamic-mobile-menu summary span{height:2px;background:var(--rn-link);border-radius:0}
.dynamic-site>main{padding-top:88px}
.dynamic-site .directory-hero{position:relative;isolation:isolate;padding:40px max(24px,calc((100% - 1160px)/2));background:#f5fbfb}
.dynamic-site .directory-hero::after{content:'';position:absolute;right:max(24px,calc((100% - 1160px)/2));top:24px;width:136px;height:164px;background:url('/assets/logos/renome-fan-mark.svg') center/contain no-repeat;opacity:.09;pointer-events:none;z-index:-1}
.dynamic-site .directory-hero h1{margin:12px 0 18px;max-width:min(780px,calc(100% - 170px))}
.dynamic-site .directory-hero>div{font-size:18px;line-height:1.7;max-width:720px}
.dynamic-site .people-grid,.dynamic-site .article-grid,.dynamic-site .event-grid{max-width:1208px;margin:auto;padding:32px 24px 64px;gap:24px}
.dynamic-site .public-article,.dynamic-site .event-page{max-width:1000px;padding:40px 24px 64px}
.dynamic-site .article-excerpt{font-size:18px;line-height:1.7}.dynamic-site .public-article-body{font-size:17px;line-height:1.75}
.dynamic-site .directory-action{max-width:1160px;margin:0 auto 64px}.dynamic-site .directory-action h2{font-size:30px;font-weight:600;line-height:1.25}
.dynamic-site .text-link{color:var(--rn-link);font-weight:600}
.intake-task-section{padding-top:32px;padding-bottom:64px}.intake-task-layout{gap:32px}
.intake-form label,.intake-form .field-label{font-size:14px;line-height:1.5;font-weight:600}
.intake-form .field-help,.intake-form .field-hint,.intake-form .form-privacy{font-size:13px;line-height:1.6}
.intake-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.intake-form select,.intake-form textarea{font-size:16px;min-height:48px}
.intake-form .checkbox{font-size:14px;line-height:1.6}.intake-form .form-heading h2,.intake-support h2{font-size:24px;line-height:1.3}
.breadcrumb,.public-breadcrumb{font-size:13px;line-height:1.6;flex-wrap:wrap;align-items:center;gap:10px}.breadcrumb a,.public-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--rn-link)}
main a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rn-link);outline-offset:4px}
.on-dark a:focus-visible,.site-footer a:focus-visible,.dynamic-footer a:focus-visible{outline-color:#12c7b7}
@media(max-width:1100px){.site-header .nav{position:absolute;top:100%;left:24px;right:24px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 20px;background:white;border:1px solid var(--rn-line);border-radius:8px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px)}.site-header.nav-open .nav{visibility:visible;opacity:1;pointer-events:auto;transform:none}.nav-toggle{display:flex}.dynamic-header .dynamic-desktop-nav{display:none}.dynamic-mobile-menu{display:block}.dynamic-header-actions{margin-left:auto}.site-header .nav a{min-height:44px}.site-header,.dynamic-header{gap:16px}}
@media(max-width:640px){:root{--rn-body:16px;--rn-page:32px;--rn-section:24px;--rn-card:20px;--text-h2:24px;--text-h3:20px;--text-lede:16px;--section-pad:48px;--section-pad-tight:32px}.site-header,.dynamic-header{min-height:80px;padding:16px 24px;gap:12px}.brand img,.dynamic-brand img{width:126px}.site-header .nav-cta,.dynamic-header .dynamic-cta{font-size:13px;padding:8px 12px}.dynamic-site>main{padding-top:80px}.page-hero,.public-hero{padding:104px 24px 32px}.page-hero h1,.public-hero h1,.page-hero>.container:not(.split-layout)>h1,.public-hero>.container:not(.split-layout)>h1{max-width:100%}.page-hero p:not(.eyebrow),.public-hero p:not(.eyebrow),.lede{font-size:16px}.page-hero::after,.public-hero::after{width:72px;right:16px;bottom:16px;opacity:.08}.dynamic-site .directory-hero{padding:24px 24px 32px}.dynamic-site .directory-hero h1{max-width:100%}.dynamic-site .directory-hero>div{font-size:16px}.dynamic-site .directory-hero::after{width:72px;height:87px;right:16px;top:auto;bottom:16px;opacity:.08}.eyebrow,.path-label,.person-role,.public-eyebrow,.directory-hero>p{font-size:12px}.dynamic-site .people-grid,.dynamic-site .article-grid,.dynamic-site .event-grid{padding:24px 24px 48px;gap:16px}.dynamic-site .directory-action{margin:0 24px 48px}.dynamic-site .directory-action h2{font-size:24px}.audience-card h2,.audience-card h3,.path-card h2,.path-card h3,.benefit-card h3,.info-card h3,.tier-card h3,.dynamic-site .people-grid h2,.dynamic-site .article-card-content h2,.dynamic-site .event-grid h2{font-size:20px}.dynamic-site .public-article-body{font-size:16px}.intake-task-layout{grid-template-columns:1fr;gap:32px}.intake-task-layout>.intake-form{grid-column:1;grid-row:1}.intake-support{grid-column:1;grid-row:2}.intake-task-layout>.intake-form{padding:24px 18px}.dynamic-site .article-excerpt{font-size:16px}}



/* Static page IDs override legacy specialist hero scales; profiles keep their own tier. */
body.rn-static:not(.rn-home) main h1#page-title,body.rn-static:not(.rn-home) main .page-hero h1,body.rn-static:not(.rn-home) main .public-hero h1{font-size:var(--rn-page);font-weight:600;line-height:1.15;letter-spacing:-.035em}
.team-member-grid{width:min(1160px,calc(100% - 48px))}
@media(max-width:640px){.team-member-grid{width:min(380px,calc(100% - 48px))}}
body.rn-static main h2{font-size:var(--rn-section);font-weight:600;line-height:1.25;letter-spacing:-.025em}
body.rn-static main h3{font-size:var(--rn-card);font-weight:600;line-height:1.3}
body.rn-static main :is(.audience-card,.path-card,.benefit-card,.info-card,.tier-card) :is(h2,h3){font-size:var(--rn-card);font-weight:600;line-height:1.3}
body[data-rn-page="contact"] .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body[data-rn-page="contact"] .audience-card{padding:28px;border-radius:8px}
.site-header .nav a,.dynamic-header nav a{background:transparent;border-radius:0}
.intake-task-layout{grid-template-columns:minmax(0,720px) minmax(0,320px);gap:64px}
.intake-task-layout>.intake-form{grid-column:1;grid-row:1;width:100%;max-width:none;justify-self:stretch}
.intake-task-layout>.intake-support{grid-column:2;grid-row:1;width:100%;max-width:none}
body.rn-static main .intake-support h2,body.rn-static main .form-heading h2{font-size:24px;max-width:none;line-height:1.3;overflow-wrap:normal;word-break:normal}
.team-member-linkedin svg{width:22px;height:22px;fill:currentColor}
.intake-masthead{padding:128px max(24px,calc((100% - 1160px)/2)) 32px}
.intake-masthead::after{right:24px;bottom:24px;width:136px;aspect-ratio:728/879;opacity:.09}
.intake-masthead-copy{font-size:18px;line-height:1.7;max-width:720px}
@media(max-width:980px){.intake-task-layout{grid-template-columns:1fr;gap:32px}.intake-task-layout>.intake-form{grid-column:1;grid-row:1}.intake-task-layout>.intake-support{grid-column:1;grid-row:2}}
@media(max-width:640px){body[data-rn-page="contact"] .audience-grid{grid-template-columns:1fr;gap:16px}body[data-rn-page="contact"] .audience-card{padding:24px}}
@media(max-width:640px){.intake-masthead{padding:104px 24px 32px}.intake-masthead::after{right:16px;bottom:16px;width:72px;opacity:.08}.intake-masthead-copy{font-size:16px}}

.site-header .nav-cta::before{content:none;display:none}
.dynamic-site .directory-empty h2,.dynamic-site .directory-group-title{font-size:var(--rn-section);font-weight:600;line-height:1.25}
@media(max-width:360px){.brand img,.dynamic-brand img{width:100px}.site-header,.dynamic-header{gap:8px}.site-header .nav-cta,.dynamic-header .dynamic-cta{font-size:12px;padding:8px}.header-actions,.dynamic-header-actions{gap:8px}}