:root {
  --ink: #fbf8f2;
  --ink-2: #f4ede1;
  --panel: #fffdfa;
  --line: rgba(154, 119, 65, .22);
  --gold: #9c7840;
  --gold-light: #b58a4b;
  --text: #292522;
  --muted: #6f655c;
}

body { background: var(--ink); color: var(--text); }
.eyebrow { color: #8f6c3c; }
.text-link { color: #775631; border-color: #b49462; }
.site-header { background: rgba(255,253,248,.87); border-color: rgba(156,120,64,.16); box-shadow: 0 3px 28px rgba(77,58,38,.035); }
.nav-links a { color: #5f5347; }
.nav-links a:hover, .site-footer-links a:hover { color: #9c7840; }
.brand { color: #6e512e; }
.brand-mark { filter: none; }
.mobile-nav summary { color: #7e6035; }
.mobile-nav-panel { background: #fffdf9; box-shadow: 0 18px 40px rgba(69,51,30,.12); }
.mobile-nav-panel a { color: #44392f; border-color: rgba(156,120,64,.12); }

.button { background: linear-gradient(135deg, #7b5b30, #b8955d 58%, #8c693a); border: 1px solid #9b7847; border-radius: 2px; color: #fff; box-shadow: 0 6px 18px rgba(100,71,32,.14); letter-spacing: .08em; }
.button:hover { background: linear-gradient(135deg, #8c6939, #c5a46a 58%, #9b7847); }
.button.secondary { background: rgba(255,253,248,.7); color: #76552e; box-shadow: none; }
.button.secondary:hover { background: #f2e8d8; }

.hero { min-height: min(850px, 100svh); color: #25211e; background: linear-gradient(90deg, rgba(255,253,248,.92) 0%, rgba(255,253,248,.55) 34%, transparent 61%), url('assets/mia-hero-ivory.png') 60% center / cover no-repeat; }
.hero::after { height: 105px; background: linear-gradient(transparent, var(--ink)); }
.hero-content { max-width: 670px; padding: 160px 0 90px; }
.hero h1 { font-size: clamp(3.1rem, 6vw, 6.2rem); line-height: 1.27; letter-spacing: .08em; text-shadow: 0 2px 22px rgba(255,255,255,.5); }
.hero-lead { color: #775b37; font-size: clamp(1rem, 1.8vw, 1.25rem); letter-spacing: .18em; }
.hero-copy { max-width: 480px; color: #5a5148; }

section { position: relative; }
.intro { background: #fffdfa; }
.intro::before { background: radial-gradient(circle, rgba(210,177,123,.1), transparent 70%); }
.section-head h2, .subhero h1, .closing h2, .session-box h2, .contact-panel h2 { color: #352a21; }
.section-head p, .manifesto-copy p, .profile-copy p, .prose-body p { color: #665c52; }
.manifesto-quote, .prose-grid h2 { color: #916e42; }
.structure { background: linear-gradient(145deg, #f5efe4, #fbf8f2 62%, #f2e8d8); border-color: var(--line); }
.structure-card, .principle, .theory-item, .session-menu article { background: rgba(255,255,255,.82); border-color: var(--line); box-shadow: 0 10px 28px rgba(116,83,44,.045); }
.structure-card { position: relative; overflow: hidden; padding-top: 210px; min-height: 425px; border-radius: 3px; }
.structure-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 180px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 64% 48%, #f2dfbd 0 5%, transparent 5.3%), repeating-radial-gradient(circle at 64% 48%, transparent 0 35px, rgba(180,141,83,.25) 36px 37px, transparent 38px 62px), linear-gradient(135deg, #f9f1e4, #e8d5ba); }
.structure-card:nth-child(1)::before { background: radial-gradient(ellipse at 58% 110%, #fff 0 27%, transparent 27.4%), linear-gradient(135deg, #e9d2aa, #fffaf0 64%); }
.structure-card:nth-child(3)::before { background: radial-gradient(circle at 62% 45%, #e8cf9f 0 24%, #f9f2e6 25% 26%, transparent 27%), radial-gradient(circle at 53% 52%, transparent 0 32%, rgba(170,132,77,.4) 32.5% 33%, transparent 33.5%), linear-gradient(135deg, #f9f2e8, #e9d4b4); }
.structure-card .num { color: #947246; }
.structure-card h3, .structure-card .role, .principle strong, .theory-item b, .house-card h3, .session-menu h3 { color: #3e3127; }
.structure-card p:last-child, .principle p, .theory-item p, .house-card p, .session-menu p { color: #73685d; }
.discover-card { border-color: #ab8752; background: #fffdfa; box-shadow: 0 10px 30px rgba(116,83,44,.04); }
.discover-card p { color: #74695e; }
.comparison { background: #f4eee4; color: #342b22; }
.comparison .eyebrow { color: #8a6c3e; }
.comparison .section-head p { color: #6d6257; }
.compare-table { border-color: var(--line); box-shadow: 0 15px 40px rgba(87,64,35,.06); }
.compare-row.head { background: #725b3d; }
.compare-row.head .mia { color: #fff4dc; }
.compare-row:not(.head) .mia { color: #493924 !important; }
.compare-row:not(.head) > div:not(.compare-label) { color: #71675e; }
.session, .profile, .pathways { background: #fffdfa; }
.session-box, .contact-panel { background: linear-gradient(135deg, #fffdfa, #f6ede1); border-color: var(--line); box-shadow: 0 16px 40px rgba(105,74,35,.05); }
.session-box p, .flow-item p, .profile-copy p, .pathway-card p { color: #6f645a; }
.flow-item span { border-color: #9c7840; color: #8e6938; }
.profile-title { color: #8d6a3b; }
.profile-emblem { background: radial-gradient(circle, #f7e8cd, #fffaf1 62%); }
.profile-emblem strong { color: #826137; }
.profile-emblem::before, .profile-emblem::after { border-color: rgba(156,120,64,.3); }
.profile-fact b { color: #886537; }
.profile-fact span { color: #70655b; }
.faq-item { background: #fffdfa; }
.faq-question { color: #382c23; }
.faq-question span:last-child { color: #8b6839; }
.faq-answer p, .closing p { color: #70655b; }
.closing { background: linear-gradient(180deg, #fffdfa, #f7efdf); }
.subhero { background: radial-gradient(circle at 82% 15%, rgba(205,167,105,.23), transparent 38%), linear-gradient(145deg, #fffdfa, #f6ecda); }
.subhero p:last-child { color: #6f645a; }
.house-card { background: #fffdfa; border-color: #ae8a55; }
.pathway-card { background: #fffdfa; border-color: var(--line); box-shadow: 0 9px 26px rgba(116,83,44,.05); }
.pathway-card h3, .pathway-card b { color: #77562d; }
.pathway-card span { color: #9c7840; }
.contact-panel > p { color: #72665b; }
.note { color: #817466 !important; }
footer { background: #f7efdf; color: #7b6e5f; }

@media (max-width: 800px) {
  .hero { min-height: 780px; background: linear-gradient(180deg, rgba(255,253,248,.06) 0%, rgba(255,253,248,.45) 39%, rgba(255,253,248,.97) 70%), url('assets/mia-hero-ivory.png') 64% top / auto 58% no-repeat, #fffaf1; }
  .hero::before { background: none; }
  .hero-content { padding: 355px 4px 84px; }
  .hero h1 { font-size: clamp(2.45rem, 10vw, 4.3rem); }
  .hero-copy { font-size: .91rem; }
  .hero .actions { gap: 10px; }
  .hero .button { min-height: 46px; font-size: .8rem; padding: 10px 15px; }
  .structure-card { min-height: 385px; }
  .compare-row .compare-label { background: #f3e9d9; }
}