/* Global design system — unpublished visual review. */
:root{
 --color-cream:#F5EDDC;--color-bone:#E8DDC8;--color-earth:#493A30;--color-gold:#C89A3D;
 --color-deep-gold:#9B702C;--color-terracotta:#A95F43;--color-oxblood:#713C35;--color-black:#29251F;
 --font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Lato',Arial,sans-serif;
 --type-hero:clamp(76px,7.5vw,112px);--type-section:clamp(48px,4.8vw,72px);
 --type-card:clamp(28px,2.5vw,38px);--type-intro:clamp(23px,2vw,29px);
 --type-body:16px;--type-quote:clamp(26px,2.4vw,36px);--type-label:12px;
 --space-section:clamp(80px,7.5vw,120px);--space-gutter:clamp(24px,6vw,96px);
 --space-copy:clamp(48px,5vw,80px);--space-grid:clamp(28px,4vw,64px);
 --width-content:1200px;--width-reading:720px;--border-quiet:1px solid #9b702c55;
}
body.global-system{
 --cream:var(--color-cream);--bone:var(--color-bone);--gold:var(--color-gold);--deep-gold:var(--color-deep-gold);
 --terracotta:var(--color-terracotta);--oxblood:var(--color-oxblood);--brown:var(--color-earth);--black:var(--color-black);
 --section-space:var(--space-section);--page-gutter:var(--space-gutter);--copy-space:var(--space-copy);
 --ink:var(--color-earth);--paper:var(--color-cream);--display:var(--font-display);--sans:var(--font-body);
 background:var(--color-cream);color:var(--color-earth);font-family:var(--font-body);font-size:var(--type-body);line-height:1.8;
}
.global-system main h1{font-family:var(--font-display)!important;font-size:var(--type-hero);font-weight:500;line-height:1.02;letter-spacing:-.04em;margin-block:20px 28px}
.global-system main h2{font-family:var(--font-display)!important;font-size:var(--type-section);font-weight:500;line-height:1.08;letter-spacing:-.03em;margin-block:16px 28px}
.global-system main h3{font-family:var(--font-display)!important;font-size:var(--type-card);font-weight:500;line-height:1.15;letter-spacing:-.02em;margin-block:16px 20px}
.global-system main h4{font-family:var(--font-display)!important;font-size:26px;font-weight:500;line-height:1.2}
.global-system main :is(h1,h2,h3) em{font-weight:400}
.global-system main p{font-family:var(--font-body);font-size:var(--type-body);line-height:1.8}
.global-system main :is(.hero p,.music-lead,.music-hero-copy>p,.sessions-hero-intro,.voa-subtitle,.choir-subtitle,.pr-subtitle,.wcw-subtitle){font-family:var(--font-display);font-size:var(--type-intro);line-height:1.4}
.global-system main :is(.eyebrow,.kicker,.card-meta){font-family:var(--font-body);font-size:var(--type-label);font-weight:700;line-height:1.6;letter-spacing:.15em}
.global-system main blockquote,.global-system main blockquote p{font-family:var(--font-display);font-size:var(--type-quote);line-height:1.35}
.global-system main :is(.bio-copy p,.welcome-copy p,.heartfield-panel p,.creative-copy p,.soul-card p){font-size:var(--type-body);line-height:1.8}
.global-system .journey-reading{max-width:var(--width-reading)}
.global-system .journey-reading>p,.global-system .journey-work-copy>p{font-size:18px;line-height:1.85}
.global-system .journey-reading>p:first-child{font-family:var(--font-display);font-size:var(--type-intro);line-height:1.5}
.global-system :is(.wrap,.creative-inner,.bio-inner,.newsletter-inner){width:min(var(--width-content),calc(100% - 2 * var(--space-gutter)))}
.global-system :is(.bio-inner,.creative-inner,.newsletter-inner){gap:var(--space-grid)}
.global-system .offer-cards{gap:var(--space-grid)}
.global-system .wcw-whisper{overflow:hidden}
.global-system .offer-card{min-width:0}
.global-system .offer-card .img-crop{aspect-ratio:4/3;height:auto}
.global-system main .offer-card h3{font-size:var(--type-card);line-height:1.15}
.global-system :is(.voa-element-grid article,.sessions-methods article,.choir-pillars article,.wcw-inside-grid article,.pr-calls article){border-color:#9b702c55}
.global-system main .offer-at-a-glance{font-size:14px;line-height:1.75}

/* Three reusable action components. Dark chapters use a deliberate inverse. */
.global-system .action-primary,.global-system .action-secondary{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
 max-width:100%;padding:14px 24px;border:1px solid transparent;border-radius:2px;
 font:700 12px/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase;text-align:center;
 white-space:normal;text-decoration:none;box-shadow:none;cursor:pointer;
 transition:background-color .2s,border-color .2s,color .2s;
}
.global-system main a.action-primary{background:var(--color-oxblood);border-color:var(--color-oxblood);color:var(--color-cream)}
.global-system main a.action-primary:hover{background:var(--color-earth);border-color:var(--color-earth);color:var(--color-cream);transform:none}
.global-system main a.action-secondary{background:transparent;border-color:currentColor;color:inherit;padding:14px 24px}
.global-system main a.action-secondary:hover{background:var(--color-bone);border-color:var(--color-earth);color:var(--color-earth);transform:none}
.global-system main a.action-link{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:700 12px/1.6 var(--font-body);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:normal}
.global-system main a.action-link:hover{color:var(--color-oxblood);opacity:1}
.global-system .surface-ceremony a.action-primary{background:var(--color-bone);border-color:var(--color-bone);color:var(--color-earth)}
.global-system .surface-ceremony a.action-primary:hover{background:var(--color-cream);border-color:var(--color-cream);color:var(--color-earth)}
.global-system .surface-ceremony a.action-link:hover{color:var(--color-bone)}
.global-system :is(a,button,input,summary):focus-visible{outline:2px solid var(--color-oxblood);outline-offset:5px}
.global-system .surface-ceremony :is(a,button,summary):focus-visible,.global-system .unified-footer a:focus-visible{outline-color:var(--color-bone)}
.global-system :is(.hero-actions,.pr-hero-actions,.wcw-hero-actions,.voa-actions,.choir-actions,.music-actions,.sessions-actions){gap:16px;flex-wrap:wrap}

/* The homepage's sunlit reading environment extends into photographic heroes. */
.global-system :is(.voa-hero,.choir-hero,.music-hero,.about-hero){color:var(--color-earth);background:var(--color-cream)}
.global-system :is(.voa-hero-overlay,.choir-hero-overlay,.music-hero-overlay,.about-hero-overlay){background:linear-gradient(90deg,#f5eddcfc 0%,#f5eddcf5 32%,#f5eddce0 48%,#f5eddc70 66%,transparent 84%)}
.global-system :is(.voa-hero-copy,.choir-hero-copy,.music-hero-copy,.about-hero-copy){width:min(760px,62vw)}
.global-system main :is(.voa-hero,.choir-hero,.music-hero,.about-hero) :is(h1 em,.eyebrow,.kicker){color:var(--color-oxblood)}
.global-system :is(.voa-note,.choir-note,.music-note){background:#f5eddce8;color:var(--color-earth);padding:8px 12px;font-size:12px}
.global-system .wcw-hero{background:var(--color-cream);color:var(--color-earth)}
.global-system .wcw-hero::before{display:none}
.global-system .wcw-hero-art::after{background:linear-gradient(90deg,var(--color-cream),transparent 40%)}
.global-system main .wcw-hero :is(h1 em,h1 span,.eyebrow,.kicker){color:var(--color-oxblood)}
.global-system .wcw-hero-art>span{color:var(--color-cream)}
.global-system .unified-header.site-nav .nav-items a,.global-system .unified-header.site-nav .women-toggle{font-family:var(--font-body);font-size:14px;letter-spacing:.04em}
.global-system .unified-header.site-nav .wordmark small{font-size:10px;letter-spacing:1px}
.global-system .unified-footer{background:var(--color-black)}
.global-system .unified-footer nav{position:static;inset:auto;min-width:0;max-width:100%;padding:0;background:transparent;box-shadow:none}
.global-system .unified-footer nav a{font-size:14px}
.global-system .music-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.global-system .music-video-grid article{min-width:0}
.global-system .music-video-grid article iframe{display:block;position:absolute;inset:0;width:100%;height:100%}
.global-system .music-video-grid article>span{position:absolute;top:100%;left:0;margin-top:10px}

@media(max-width:900px){
 :root{--type-hero:clamp(48px,12vw,72px);--type-section:clamp(36px,8.5vw,48px);--type-card:30px;--type-intro:23px;--type-quote:28px;--space-section:64px;--space-gutter:24px;--space-copy:56px;--space-grid:32px}
 .global-system main h1{font-size:var(--type-hero);line-height:1.05;margin-block:16px 24px}
 .global-system main h2{font-size:var(--type-section);line-height:1.1;margin-block:16px 24px}
 .global-system main h3{font-size:var(--type-card);line-height:1.15}
 .global-system .hero h1{font-size:clamp(54px,13vw,76px)}
 .global-system :is(.voa-hero,.choir-hero,.music-hero,.about-hero,.wcw-hero) :is(.eyebrow,.kicker){color:var(--color-oxblood)}
 .global-system .unified-header.site-nav .wordmark small{font-size:10px;letter-spacing:.25px}
 .global-system .unified-header.site-nav .nav-items>a,.global-system .unified-header.site-nav .women-toggle{font-size:14px!important}
 .global-system .journey-reading>p,.global-system .journey-work-copy>p{font-size:17px}
 .global-system main .offer-at-a-glance{font-size:14px}
 .global-system .music-video-grid{grid-template-columns:minmax(0,1fr)}
 .global-system :is(.pr-hero-actions,.wcw-hero-actions,.voa-actions,.choir-actions,.music-actions,.sessions-actions){gap:14px}
}
@media(prefers-reduced-motion:reduce){.global-system .action-primary,.global-system .action-secondary{transition:none}}