.education { --max: 1380px; }
.education .hero h1 { max-width: 9em; }
.education .audience { background: var(--soft); }
.education .audience-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(60px,10vw,150px); }
.education .audience-list { border-top:1px solid var(--line); }
.education .audience-item { display:grid; grid-template-columns:70px 1fr; gap:18px; padding:26px 0 30px; border-bottom:1px solid var(--line); }
.education .audience-item b { color:var(--accent); font:10px/1.5 ui-monospace,monospace; }
.education .audience-item h3 { margin:0 0 8px; font-size:clamp(22px,2.3vw,32px); font-weight:560; }
.education .audience-item p { margin:0; color:var(--muted); }
.education .course-board { padding:clamp(100px,12vw,166px) 0; color:var(--paper); background:var(--ink); }
.education .course-head { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(60px,9vw,140px); align-items:end; margin-bottom:70px; }
.education .course-board .lead { color:rgba(240,232,220,.64); }
.education .course-map { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.22); border-left:1px solid rgba(255,255,255,.22); }
.education .course-step { min-height:310px; padding:30px; border-right:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }
.education .course-step b { display:block; margin-bottom:72px; color:var(--accent); font:10px/1 monospace; }
.education .course-step h3 { margin-bottom:14px; font-size:clamp(25px,2.7vw,38px); font-weight:560; }
.education .course-step p { margin:0; color:rgba(240,232,220,.62); }
.education .teaching { padding:clamp(100px,12vw,166px) 0; background:var(--paper); }
.education .teaching-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(20px,4vw,54px); align-items:end; }
.education .teaching-media img { aspect-ratio:4/3; object-fit:cover; filter:saturate(.65); }
.education .teaching-copy { padding:0 0 22px; }
.education .teaching-copy .display { font-size:clamp(38px,5vw,70px); }
.education .teacher { position:relative; min-height:650px; display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; color:var(--paper); }
.education .teacher > img { position:absolute; z-index:-2; inset:0; height:100%; object-fit:cover; filter:saturate(.5); }
.education .teacher::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(25,20,17,.94),rgba(25,20,17,.24)); }
.education .teacher-copy { padding-top:120px; padding-bottom:82px; }
.education .teacher .display { max-width:9em; }
.education .teacher .lead { color:rgba(240,232,220,.72); }

.education.e01 { --ink:#22201c; --paper:#f0e9dc; --soft:#d8cfc0; --accent:#ad4b32; }
.education.e01 .hero { background:var(--paper); }
.education.e01 .hero-inner { grid-template-columns:1.1fr .9fr; }
.education.e01 .hero-media { margin:32px 32px 32px 0; }
.education.e01 .hero-media img { object-position:center; filter:saturate(.62); }
.education.e01 .contact { background:#c56b4c; }

.education.e02 { --ink:#23352e; --paper:#e7e3d8; --soft:#c8d0c1; --accent:#bd6648; }
.education.e02 .header { background:rgba(35,53,46,.94); }
.education.e02 .hero { color:var(--paper); background:var(--ink); }
.education.e02 .hero-inner { grid-template-columns:1.08fr .92fr; }
.education.e02 .hero-copy { padding-left:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))); }
.education.e02 .hero .lead { color:rgba(231,227,216,.7); }
.education.e02 .hero .button { color:var(--ink); background:var(--paper); border-color:var(--paper); }
.education.e02 .hero .button.ghost { color:var(--paper); background:transparent; }
.education.e02 .hero-media { padding:52px var(--gutter) 52px 0; }
.education.e02 .course-board { background:#23352e; }
.education.e02 .contact { background:#c87455; }

.education.e03 { --ink:#171817; --paper:#eee7d7; --soft:#d9c84f; --accent:#d9c84f; }
.education.e03 .header { background:rgba(23,24,23,.95); }
.education.e03 .hero { color:var(--paper); background:var(--ink); }
.education.e03 .hero-inner { position:relative; display:block; }
.education.e03 .hero-media { position:absolute; inset:0; }
.education.e03 .hero-media img { filter:brightness(.38) saturate(.4); }
.education.e03 .hero-copy { position:relative; z-index:2; min-height:calc(100svh - var(--nav)); justify-content:flex-end; padding:90px max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) clamp(74px,10vh,116px); background:linear-gradient(90deg,rgba(23,24,23,.96),rgba(23,24,23,.12)); }
.education.e03 .hero .lead { color:rgba(238,231,215,.72); }
.education.e03 .hero .button { color:var(--ink); background:var(--accent); border-color:var(--accent); }
.education.e03 .hero .button.ghost { color:var(--paper); background:transparent; border-color:rgba(238,231,215,.5); }
.education.e03 .intro-quote strong { color:#927f13; }
.education.e03 .course-board { background:#171817; }
.education.e03 .audience,.education.e03 .contact { background:#d9c84f; }

.education.e04 { --ink:#292521; --paper:#e9e1d3; --soft:#c8d9dc; --accent:#c33e2d; }
.education.e04 .hero { background:#c8d9dc; }
.education.e04 .hero-inner { grid-template-columns:.94fr 1.06fr; }
.education.e04 .hero-copy { border-right:1px solid rgba(41,37,33,.2); }
.education.e04 .hero-media { margin:24px; border:1px solid rgba(41,37,33,.2); }
.education.e04 .course-board { background:#292521; }
.education.e04 .audience { background:#c8d9dc; }
.education.e04 .contact { background:#cf7059; }

.education.e05 { --ink:#35241d; --paper:#dfc5a4; --soft:#c7a176; --accent:#893a2a; }
.education.e05 .header { color:var(--ink); background:rgba(223,197,164,.9); border-color:rgba(53,36,29,.2); }
.education.e05 .brand small,.education.e05 .links a { color:rgba(53,36,29,.62); }
.education.e05 .menu { color:var(--ink); }
.education.e05 .hero { background:var(--paper); }
.education.e05 .hero-inner { grid-template-columns:1.12fr .88fr; }
.education.e05 .hero-media { margin:clamp(38px,6vw,90px) var(--gutter) clamp(38px,6vw,90px) 0; }
.education.e05 .course-board { background:#5b382b; }
.education.e05 .audience { background:#c7a176; }
.education.e05 .contact { background:#bd7654; }

.education.e06 { --ink:#121313; --paper:#d9d2c5; --soft:#272a28; --accent:#d16a40; --muted:rgba(217,210,197,.64); --line:rgba(217,210,197,.2); color:var(--paper); background:var(--ink); }
.education.e06 .header { background:rgba(18,19,19,.92); }
.education.e06 .hero { color:var(--paper); background:var(--ink); }
.education.e06 .hero-inner { position:relative; display:block; }
.education.e06 .hero-media { position:absolute; inset:0; }
.education.e06 .hero-media img { filter:brightness(.36) saturate(.4); }
.education.e06 .hero-copy { position:relative; z-index:2; min-height:calc(100svh - var(--nav)); justify-content:flex-end; padding:90px max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) clamp(74px,10vh,116px); background:linear-gradient(90deg,rgba(18,19,19,.96),rgba(18,19,19,.1)); }
.education.e06 .hero .lead { color:rgba(217,210,197,.7); }
.education.e06 .hero .button { color:var(--ink); background:var(--paper); border-color:var(--paper); }
.education.e06 .hero .button.ghost { color:var(--paper); background:transparent; }
.education.e06 .intro,.education.e06 .audience,.education.e06 .teaching { background:var(--ink); }
.education.e06 .course-board { background:#202321; }
.education.e06 .contact { color:var(--ink); background:#c46642; }
.education.e06 .contact .lead { color:rgba(18,19,19,.66); }

@media(max-width:900px){
  .education .audience-grid,.education .course-head,.education .teaching-grid { grid-template-columns:1fr; }
  .education .course-map { grid-template-columns:1fr; }
  .education .course-step { min-height:0; }
  .education .course-step b { margin-bottom:32px; }
  .education.e01 .hero-inner,.education.e02 .hero-inner,.education.e04 .hero-inner,.education.e05 .hero-inner { grid-template-columns:1fr; }
  .education.e01 .hero-media,.education.e02 .hero-media,.education.e04 .hero-media,.education.e05 .hero-media { margin:0; padding:0; }
  .education.e03 .hero-inner,.education.e06 .hero-inner { min-height:720px; }
  .education.e03 .hero-copy,.education.e06 .hero-copy { min-height:720px; }
}
@media(max-width:640px){
  .education .audience-item { grid-template-columns:42px 1fr; }
  .education.e02 .hero-media,.education.e05 .hero-media { min-height:420px; margin:0 20px 20px; }
  .education .teacher { min-height:610px; }
  .education .teacher::before { background:linear-gradient(0deg,rgba(20,18,16,.95),rgba(20,18,16,.2)); }
}