/* Readability and logo refinements */
.brand{width:176px;height:72px;border-radius:0;background:transparent;display:flex;align-items:center;gap:7px;overflow:visible;text-decoration:none}
.brand img,.footer-brand img,.dash-brand img{object-fit:contain}
.brand-symbol{width:46px;height:51px;flex:0 0 auto}
.brand img.brand-symbol{width:46px;height:51px}
.footer-brand img.brand-symbol{width:37px;height:43px}
.dash-brand img.brand-symbol{width:39px;height:45px}
.brand-name{font:800 15px/1.06 var(--display);letter-spacing:-.6px;color:#f26724;white-space:nowrap}
.brand-name em{font-style:normal;color:#4c9c32;letter-spacing:1.1px}
.footer-brand{width:155px;height:57px;display:flex;align-items:center;gap:6px;overflow:visible;text-decoration:none}
.footer-brand .brand-symbol{width:37px;height:43px}
.footer-brand .brand-name{font-size:12px}
.dash-brand{width:154px;height:56px;display:flex;align-items:center;gap:6px;margin:0 0 19px 4px;overflow:visible;text-decoration:none}
.dash-brand .brand-symbol{width:39px;height:45px}
.dash-brand .brand-name{font-size:13px}
.logo-plate{width:310px;height:192px;border-radius:16px;background:#fff;padding:12px 16px;gap:7px;border:1px solid #fff;box-shadow:0 22px 55px #3a3c2c1e}
.logo-plate img.hero-logo-mark{width:128px;height:164px;flex:0 0 auto;object-fit:contain;border-radius:10px}
.hero-wordmark{font:800 22px/1.02 var(--display);letter-spacing:-1px;color:#f26724;white-space:nowrap}
.hero-wordmark em{font-style:normal;color:#4c9c32;letter-spacing:1.3px}
.hero-wordmark small{display:block;margin-top:8px;font:600 9px/1.35 var(--sans);letter-spacing:.25px;color:#646a5e;white-space:normal}
.nav-links a{font-size:12px}
.hero-lede{font-size:16px;line-height:1.8}
.hero-note{font-size:12px}
.about-body p{font-size:14px}
.about-body .large-copy{font-size:27px}
.about-stats small{font-size:11px}
.purpose-card>small{font-size:9px}
.purpose-card p{font-size:14px}
.benefit-heading>p,.contact-left>p{font-size:14px}
.benefit-list h3{font-size:15px}
.benefit-list p{font-size:12px}
.program-note p{font-size:12px}
.contact-row>span{font-size:9px}
.contact-row p,.contact-row a{font-size:14px}
.footer,.footer>span,.footer>a{font-size:11px}
.dash-greeting,.panel-kicker{font-size:9px}
.dash-header h1{font-size:20px}
.notice-banner strong{font-size:12px}
.notice-banner p,.panel-intro{font-size:11px}
.metric-card>span,.profile-fields span{font-size:8px}
.metric-card small{font-size:10px}
.panel-heading h2{font-size:15px}
.program-row strong{font-size:11px}
.program-row small,.empty-state p,.support-panel a{font-size:10px}
.empty-state strong{font-size:11px}
.profile-fields strong,.disabled-outline,.disabled-action,.dash-nav a{font-size:10px}
@media(min-width:641px) and (max-width:900px){
  .brand{width:153px;height:69px}
  .hero{grid-template-columns:1fr .82fr;min-height:560px}
  .hero h1{font-size:56px;letter-spacing:-3px}
  .hero-art{transform:scale(.78);transform-origin:center}
  .hero-lede{font-size:15px}
  .nav-links{gap:14px}
  .nav-links a{font-size:11px}
  .section-wrap{padding-left:5%;padding-right:5%}
  .about-grid{gap:5%}
  .benefit-heading h2{font-size:42px}
  .contact{grid-template-columns:.9fr 1.1fr;gap:5%}
}
@media(max-width:640px){
  .brand{width:139px;height:57px;gap:4px}
  .brand-symbol{width:35px;height:42px}
  .brand img.brand-symbol{width:35px;height:42px}
  .brand-name{font-size:12px;letter-spacing:-.4px}
  .footer-brand{width:127px;height:52px}
  .hero-lede{font-size:15px}
  .hero-art{transform:scale(.75);height:330px;margin-bottom:-64px}
  .logo-plate{width:258px;height:174px;padding:9px;gap:3px}
  .logo-plate img.hero-logo-mark{width:98px;height:142px}
  .hero-wordmark{font-size:17px;letter-spacing:-.7px}
  .hero-wordmark small{font-size:7px;margin-top:6px}
  .about-body p{font-size:14px}
  .about-body .large-copy{font-size:25px}
  .about-stats small{font-size:10px}
  .purpose-card p{font-size:13px}
  .benefit-heading>p,.contact-left>p{font-size:13px}
  .benefit-list h3{font-size:13px}
  .benefit-list p{font-size:11px;line-height:1.6}
  .program-note p{font-size:11px}
  .contact-row p,.contact-row a{font-size:13px}
  .footer,.footer>span,.footer>a{font-size:10px}
  .dash-header h1{font-size:17px}
  .notice-banner p,.panel-intro{font-size:10px}
  .program-row strong{font-size:10px}
  .program-row small,.empty-state p{font-size:9px}
  .profile-fields strong{font-size:9px}
  .dash-greeting{font-size:8px}
  .notice-banner strong{font-size:11px}
  .notice-banner p,.panel-intro{font-size:10px;line-height:1.7}
  .panel-kicker{font-size:8px}
  .panel-heading h2{font-size:13px}
  .metric-card>span,.profile-fields span{font-size:7px}
  .metric-card small{font-size:8px}
  .program-row strong{font-size:10px}
  .program-row small{font-size:9px}
  .locked{font-size:6px}
  .empty-state p{font-size:9px}
}

/* Keep supporting copy readable across the home, member and admin pages. */
body{font-size:16px}
.nav-links a,.footer>a,.button{font-size:14px}
.nav-portal{font-size:13px}
.eyebrow,.section-label,.purpose-card>small,.program-note .eyebrow,.contact-row>span{font-size:11px}
.hero-note,.floating-chip,.about-body p,.purpose-card p,.benefit-heading>p,.contact-left>p,.program-note p,.contact-row p,.contact-row a{font-size:14px}
.hero-note strong,.food-card strong,.about-stats strong,.benefit-list h3{font-size:14px}
.food-card small,.about-stats small,.benefit-num,.benefit-list p,.footer,.footer>span,.footer>a,.scroll-cue{font-size:12px}
.ticker{font-size:12px}
.dash-greeting,.panel-kicker,.panel-intro,.notice-banner p,.metric-card>span,.profile-fields span,.program-row small,.empty-state p,.support-panel small,.support-panel a,.profile-fields strong,.disabled-outline,.disabled-action,.dash-nav a,.locked{font-size:12px}
.program-row strong,.empty-state strong{font-size:13px}
.dash-programs-note,.dash-program-card dt,.dash-program-description,.portfolio-stat span,.portfolio-item p{font-size:14px}
.dash-activate-inline,.dash-readonly,.dash-stat-card span,.dash-detail span,.dash-activity time,.dash-page-actions a,.dash-signout{font-size:14px}
th,td{font-size:14px}
.role-badge{font-size:12px}
.dash-page-title p,.dash-notice,.member-card p,.admin-sub,.review-sub{font-size:16px}
.admin-card>.section-label{font-size:11px}
.admin-head>a:last-child,.review-head>a:last-child{font-size:14px}
@media(max-width:900px){
  .nav-links a{font-size:14px}
}
@media(max-width:640px){
  .nav-links a,.button,.footer,.footer>span,.footer>a{font-size:13px}
  .nav-portal{font-size:13px}
  .hero-lede,.about-body p,.purpose-card p,.benefit-heading>p,.contact-left>p,.program-note p,.contact-row p,.contact-row a{font-size:14px}
  .hero-note,.food-card small,.about-stats small,.benefit-num,.benefit-list p,.scroll-cue{font-size:12px}
  .benefit-list h3{font-size:14px}
  .dash-greeting,.panel-kicker,.panel-intro,.notice-banner p,.metric-card>span,.profile-fields span,.program-row small,.empty-state p,.support-panel small,.support-panel a,.profile-fields strong,.disabled-outline,.disabled-action,.dash-nav a,.locked{font-size:12px}
  .program-row strong,.empty-state strong{font-size:13px}
  .dash-page-actions a,.dash-signout,.dash-readonly{font-size:13px}
  .dash-programs-note,.dash-program-card dt,.dash-program-description,.portfolio-stat span,.portfolio-item p{font-size:14px}
  tbody td{font-size:14px}
  tbody td::before{font-size:13px}
}
/* Hard floor for tiny captions and responsive rules declared in page markup. */
small,.hero-wordmark small{font-size:12px!important}
.eyebrow,.section-label,.purpose-card>small,.contact-row>span,.benefit-num,.scroll-cue,.panel-kicker,.dash-greeting,.metric-card>span,.profile-fields span,.program-row small,.locked,.empty-state p,.support-panel small,.profile-fields strong,.disabled-outline,.disabled-action,.dash-nav a,.admin-card>.section-label,tbody td::before{font-size:12px!important}
.nav-links a,.button,.dash-page-actions a,.dash-signout,.dash-readonly,.dash-activate-inline,.admin-head>a:last-child,.review-head>a:last-child{font-size:14px!important}
.benefit-list p,.program-note p,.about-body p,.purpose-card p,.contact-left>p,.contact-row p,.contact-row a,.dash-programs-note,.dash-program-card dt,.dash-program-description,.admin-sub,.review-sub,.dash-page-title p,.dash-notice{font-size:14px!important}
th,td,tbody td{font-size:14px!important}