:root { --about-gold:#d9a441; --about-gold-dark:#76500a; --about-ink:#111; --about-paper:#f4f0e8; }
body { background:#fff; color:var(--about-ink); }
.about-hero { min-height:76vh; display:grid; place-items:center; padding:8rem 6vw 5rem; color:#fff; background:linear-gradient(105deg,rgba(0,0,0,.93),rgba(0,0,0,.54)),url('../hero.jpg') center/cover; }
.about-hero-inner { width:min(1120px,100%); }
.about-eyebrow,.about-kicker { margin:0 0 .8rem; color:var(--about-gold); font:900 .78rem/1.4 Outfit,sans-serif; letter-spacing:.18em; }
.about-hero h1 { max-width:820px; margin:0; font-size:clamp(2.7rem,7vw,5.7rem); line-height:1.05; letter-spacing:-.045em; }
.about-hero-lead { max-width:720px; margin:1.6rem 0 0; color:rgba(255,255,255,.82); font-size:clamp(1rem,2vw,1.2rem); line-height:1.9; }
.about-hero-actions,.about-path-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:2rem; }
.about-hero-actions .btn,.about-path-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; }
.about-intro,.web-section,.instructor-section { padding:6rem 6vw; }
.about-section-heading { width:min(820px,100%); margin:0 auto 3rem; text-align:center; }
.about-section-heading .about-kicker,.instructor-copy .about-kicker { color:var(--about-gold-dark); }
.about-section-heading h2,.method-inner h2,.instructor-copy h2,.about-path h2 { margin:.2rem 0 1rem; font-size:clamp(2rem,4.6vw,3.8rem); line-height:1.2; letter-spacing:-.025em; }
.about-section-heading>p:last-child,.method-copy p,.instructor-copy>p,.about-path>div>p:last-child { color:#555; line-height:1.9; }
.barrier-grid,.web-grid { width:min(1120px,100%); margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.barrier-grid article,.web-grid article { padding:2rem; border-radius:20px; }
.barrier-grid article { background:var(--about-paper); }
.barrier-grid svg,.web-grid svg { width:34px; height:34px; color:var(--about-gold-dark); }
.barrier-grid h3,.web-grid h3 { margin:1.2rem 0 .6rem; font-size:1.25rem; }
.barrier-grid p,.web-grid p { margin:0; color:#555; line-height:1.8; }
.method-section { padding:6rem 6vw; color:#fff; background:#111; }
.method-inner { width:min(1120px,100%); margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.method-copy p { margin:0 0 1.2rem; color:rgba(255,255,255,.72); }
.web-section { background:#fff; }
.web-grid article { position:relative; border:1px solid #e4dfd5; background:#fff; box-shadow:0 14px 36px rgba(0,0,0,.055); }
.web-grid article>span { position:absolute; right:1.2rem; top:.8rem; color:rgba(0,0,0,.055); font:900 3.8rem/1 Outfit,sans-serif; }
.wallet-note { width:min(1120px,100%); margin:1rem auto 0; padding:1.2rem 1.4rem; border-radius:14px; background:var(--about-paper); color:#453813; line-height:1.7; }
.instructor-section { background:var(--about-paper); }
.instructor-profile { width:min(1040px,100%); margin:auto; display:grid; grid-template-columns:minmax(260px,.7fr) 1.3fr; gap:4rem; align-items:center; }
.instructor-image img { width:100%; display:block; border-radius:24px; box-shadow:0 20px 45px rgba(0,0,0,.18); }
.instructor-role { margin:-.4rem 0 1.3rem!important; color:var(--about-gold-dark)!important; font-weight:900; }
.instructor-facts { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.4rem; }
.instructor-facts span { padding:.48rem .9rem; border-radius:999px; background:#fff; color:#222; font-size:.86rem; font-weight:700; }
.about-path { width:min(1120px,88vw); margin:5rem auto; padding:4rem; display:flex; align-items:center; justify-content:space-between; gap:3rem; border-radius:28px; color:#fff; background:#171717; }
.about-path>div:first-child { max-width:650px; }
.about-path>div>p:last-child { color:rgba(255,255,255,.72); }
.about-path-actions { min-width:320px; margin:0; flex-direction:column; }
.about-footer-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:1.5rem; margin:1rem 0; }
.about-footer-nav a { color:#fff; }
.copyright { text-align:center; opacity:.65; }
@media (max-width:800px) {
  .about-hero { min-height:auto; padding:7rem 1.25rem 4rem; }
  .about-hero-actions { flex-direction:column; }
  .about-hero-actions .btn { width:100%; white-space:normal; }
  .about-intro,.web-section,.instructor-section,.method-section { padding:4rem 1.25rem; }
  .barrier-grid,.web-grid,.method-inner,.instructor-profile { grid-template-columns:1fr; }
  .method-inner,.instructor-profile { gap:2rem; }
  .instructor-image { max-width:420px; margin:auto; }
  .about-path { width:auto; margin:3rem 1.25rem 6rem; padding:2rem 1.4rem; flex-direction:column; align-items:stretch; }
  .about-path-actions { min-width:0; }
  .about-path-actions .btn { width:100%; padding-inline:1.1rem; white-space:normal; text-align:center; }
}