/* Proposed institutional navigation by audience; shared brand and motion. */
.header-inner { gap: 1.5rem; }
.audience-nav { display:flex; align-self:stretch; align-items:stretch; gap:1.5rem; flex-shrink:0; }
.audience-nav a { display:flex; align-items:center; min-height:48px; padding:.75rem 0; color:var(--mc-text-2); border-bottom:2px solid transparent; font-size:.9375rem; white-space:nowrap; transition:color 200ms var(--mc-ease),border-color 200ms var(--mc-ease); }
.audience-nav a[aria-current] { color:var(--mc-brand-navy); border-bottom-color:var(--mc-brand-navy); font-weight:500; }
.audience-nav a:hover { color:var(--mc-brand-wine); }
.header-inner>.desktop-nav { gap:1.5rem; margin-left:auto; }
.header-inner>.brand { width:210px; flex-shrink:0; }
.header-actions .mc-button { white-space:nowrap; }
.audience-hero h1 { font-size:clamp(3rem,4.5vw,4.5rem); line-height:1.08; }
.audience-hero .lead { max-width:32rem; }
.audience-hero .home-hero-visual { min-height:560px; }
.consumer-hero .lifestyle-photo>img { object-position:50% 50%; }
.business-hero .lifestyle-photo>img { object-position:50% 50%; }
.audience-hero .hero-product-note small { font-size:.8125rem; }
.audience-hero .lifestyle-photo figcaption { font-size:.75rem; }
.audience-value-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3rem; }
.audience-value-list article { border-top:1px solid var(--mc-border-str); padding-top:1.5rem; }
.audience-value-list h3 { font-size:1.65rem; margin-block:1.5rem 1rem; }
.audience-value-list p { font-size:1.0625rem; }
.business-moncard { background:var(--mc-site-scene-surface); padding-block:clamp(3rem,5vw,5rem); }
.business-moncard dt { color:var(--mc-brand-navy); }
.business-moncard dd { color:var(--mc-text-2); }
.business-moncard .business-value-list>div { border-color:var(--mc-border-str); }
.business-moncard :focus-visible { outline-color:var(--mc-brand-blue); }
.business-moncard .two-col { align-items:center; gap:5rem; }
.business-card-visual { padding:3rem 1rem; }
.business-card-visual img { width:100%; border-radius:4% / 6.3%; filter:drop-shadow(0 24px 20px #27295c26); }
.business-card-visual p { margin-top:2rem; font-size:.8125rem; text-align:center; }
.business-value-list { margin:1.5rem 0; }
.business-value-list>div { border-top:1px solid var(--mc-border-str); padding-block:1rem; }
.business-value-list dt { font-size:1.0625rem; font-weight:500; }
.business-value-list dd { margin:.4rem 0 0; font-size:1rem; }
.business-moncard .mc-button { text-align:left; justify-content:flex-start; }
.audience-crosslink { display:flex; justify-content:space-between; gap:3rem; align-items:center; border-block:1px solid var(--mc-border-str); padding-block:2.5rem; }
.audience-crosslink .eyebrow { margin-bottom:1rem; }
.audience-crosslink h2 { max-width:42rem; font-size:clamp(1.65rem,2.4vw,2.5rem); }
.audience-crosslink .mc-button { flex-shrink:0; }
@media(max-width:1200px) {
 .header-inner { display:grid; grid-template-columns:1fr auto; grid-template-areas:"brand actions" "audience audience"; row-gap:0; padding-top:.5rem; }
 .header-inner>.brand { grid-area:brand; }
 .header-actions { grid-area:actions; }
 .header-inner>.desktop-nav { display:none; }
 .menu-toggle { display:flex; }
 .audience-nav { grid-area:audience; justify-content:center; gap:3rem; }
 html { scroll-padding-top:130px; }
 .header-inner { min-height:104px; }
 .header-inner>.brand { width:184px; padding-block:4px; }
 .audience-nav a { min-height:44px; padding-block:.5rem; }
}
@media(max-width:800px) {
 .audience-hero { padding-top:1.25rem; }
 .audience-hero h1 { font-size:clamp(2.5rem,6.5vw,3.75rem); }
 .audience-hero .home-hero-visual { min-height:0; height:460px; }
 .audience-value-list { gap:1.5rem; }
 .audience-value-list h3 { font-size:1.45rem; }
 .business-moncard .two-col { gap:2rem; }
 .business-card-visual { max-width:480px; margin:auto; padding:1rem; }
 .audience-crosslink { align-items:flex-start; flex-direction:column; gap:1rem; }
}
@media(max-width:520px) {
 .header-inner>.brand { width:184px; max-width:100%; }
 .audience-nav { gap:1.5rem; justify-content:space-between; }
 .audience-nav a { flex:1; justify-content:center; font-size:.9375rem; }
 .audience-hero h1 { font-size:clamp(2rem,8.8vw,2.85rem); }
 .audience-hero .home-hero-visual { height:350px; }
 .audience-hero .hero-product-note small { font-size:.75rem; }
 .audience-hero .eyebrow { font-size:.8125rem; letter-spacing:.1em; }
 .audience-hero .eyebrow { margin-bottom:.75rem; }
 .audience-hero .lead { margin-block:1rem; }
 .audience-hero .actions { flex-direction:row; flex-wrap:wrap; align-items:center; gap:.5rem .75rem; }
 .audience-hero .mc-button { gap:.75rem; }
 .audience-hero .mc-button.primary { padding-inline:.875rem; }
 .audience-hero .home-hero-visual { height:340px; }
 .audience-value-list { grid-template-columns:1fr; gap:2rem; }
 .audience-value-list h3 { margin-block:.75rem; font-size:1.5rem; }
}
.text-200 .header-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"brand actions" "audience audience"; row-gap:0; }
.text-200 .header-inner>.brand { grid-area:brand; width:min(100%,260px); }
.text-200 .header-actions { grid-area:actions; }
.text-200 .header-actions>.mc-button { display:none; }
.text-200 .header-inner>.desktop-nav { display:none; }
.text-200 .menu-toggle { display:flex; }
.text-200 .audience-nav { grid-area:audience; justify-content:space-between; gap:.5rem; }
.text-200 .audience-nav a { white-space:normal; flex:1; justify-content:center; text-align:center; font-size:.875rem; line-height:1.25; }
.text-200 .audience-hero .home-hero-visual { height:auto; min-height:0; }
.text-200 .audience-value-list { grid-template-columns:1fr; }
.text-200 .business-moncard .two-col { grid-template-columns:1fr; }
.text-200 .audience-crosslink { align-items:flex-start; flex-direction:column; }
.text-200 .audience-crosslink .mc-button { flex-shrink:1; }

.text-200 { scroll-padding-top:240px; }

/* Content now moves from value, to product, to participation. */
.audience-hero { grid-template-columns:.95fr 1.05fr; padding-bottom:3rem; }
.audience-values { padding-top:3rem; }
.consumer-start { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.consumer-start .section-description { margin-top:1rem; }
.business-moncard .business-card-visual p { color:var(--mc-text-on-inv); font-size:.875rem; }
.audience-crosslink h2 { font-size:clamp(1.5rem,2.2vw,2rem); }
@media(max-width:800px) {
 .audience-hero,.consumer-start { grid-template-columns:1fr; gap:1.5rem; }
 .audience-values { padding-top:1.5rem; }
 .consumer-start { gap:2rem; }
}
.text-200 .consumer-start { grid-template-columns:1fr; }

/* The heading leads on narrow screens; the official card retains a clear silhouette. */
.business-product-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-areas:"intro art" "details art"; column-gap:4rem; row-gap:1rem; align-items:start; }
.business-product-intro { grid-area:intro; min-width:0; }
.business-product-details { grid-area:details; min-width:0; }
.business-product-intro h2 { font-size:clamp(2rem,3vw,3rem); }
.business-product-intro .section-description { margin-top:1.25rem; }
.business-moncard .business-card-visual { grid-area:art; align-self:center; width:100%; max-width:440px; margin:0 auto; padding:2rem; background:var(--mc-surface); border:1px solid var(--mc-border); border-radius:var(--mc-site-photo-radius); }
.business-card-visual figcaption { margin-top:1.5rem; font-size:.875rem; color:var(--mc-text-2); text-align:center; }
.business-value-list { margin:0 0 1rem; }
@media(max-width:800px) {
 .business-product-grid { grid-template-columns:1fr; grid-template-areas:"intro" "art" "details"; gap:2rem; }
 .business-moncard .business-card-visual { max-width:380px; padding:1.5rem; }
}
.text-200 .business-product-grid { grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "art" "details"; gap:2rem; }
