:root{--paper:#d9edf0;--ink:#142d5c;--accent:#a23f2e;--button-text:#fff;--display:Sora,sans-serif;--mono:'IBM Plex Mono',monospace;--input-bg:#fff;--field-radius:0;--button-radius:0}
body{background:var(--paper);color:var(--ink);font:400 1rem/1.55 Sora,sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:-.07em;line-height:1.05}.index-label,.eyebrow{font:600 .7rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}.masthead{background:#d9edf0;border-bottom:1px solid #7cabc4}.masthead-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.masthead .brand{font-size:.95rem;font-weight:800;letter-spacing:-.06em}.masthead nav{display:flex;align-items:center;gap:2rem}.masthead nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font:600 .74rem var(--mono);text-transform:uppercase}.masthead nav .mast-join{gap:2rem;background:#142d5c;color:#fff;padding:0 1rem}.masthead nav a:hover{text-decoration:underline}.hero{padding-top:1.2rem}.hero-header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #7cabc4;padding-bottom:1rem}.hero-title-row{display:grid;grid-template-columns:1.2fr .55fr;gap:2rem;align-items:end;padding-block:clamp(3rem,6vw,6rem)}.hero h1{font:700 clamp(5.3rem,10vw,11rem)/.92 Sora,sans-serif;margin:0;max-width:12ch}.hero h1 em{font:400 .88em/1 'Instrument Serif',serif;letter-spacing:-.035em;color:#ce644f}.hero-title-row p{max-width:28ch;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.55}.hero-image{position:relative;width:min(100%,1600px);margin:0 auto;overflow:hidden;background:#cbe6ec}.hero-image picture,.hero-image img{display:block;width:100%}.hero-image img{height:auto;aspect-ratio:16/8.3;object-fit:cover;object-position:center 42%}.hero-image figcaption{position:absolute;left:clamp(1rem,4vw,4rem);bottom:0;padding:.8rem 1rem;background:#142d5c;color:#fff;font:500 .7rem var(--mono);letter-spacing:.07em}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.5rem 5rem;font:600 .78rem var(--mono);text-transform:uppercase}.hero-foot a,.morgan a{min-height:44px;display:inline-flex;align-items:center;gap:2rem;text-decoration:none;border-bottom:2px solid currentColor}.sequence{padding-block:clamp(6rem,10vw,11rem)}.sequence-head{display:grid;grid-template-columns:.35fr 1fr .6fr;gap:2rem;align-items:start;margin-bottom:4rem}.sequence h2{font:700 clamp(3.5rem,6vw,7rem)/1 Sora,sans-serif;max-width:13ch;margin:0}.sequence-head p{max-width:32ch;font-size:1.03rem}.step-controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #142d5c;border-bottom:2px solid #142d5c}.step-controls button{min-height:75px;background:none;border:0;border-right:1px solid #7cabc4;color:#142d5c;text-align:left;padding:1rem;font:600 clamp(1rem,1.7vw,1.4rem) Sora,sans-serif;transition:background-color .2s ease,color .2s ease}.step-controls button:last-child{border-right:0}.step-controls button span{font:500 .7rem var(--mono);margin-right:1.1rem}.step-controls button.is-active,.step-controls button:hover{background:#142d5c;color:#fff}.step-stage{min-height:340px;display:grid;grid-template-columns:.3fr 1fr .9fr;align-items:center;gap:3rem;background:#f1f7f3;padding:clamp(1.5rem,4vw,4rem);overflow:hidden}.step-stage>span{align-self:start;font:600 .75rem var(--mono);color:#a23f2e}.step-stage p{font:400 clamp(2.2rem,3.3vw,4rem)/1.1 'Instrument Serif',serif;max-width:14ch;margin:0}.step-stage img{width:100%;height:auto;max-width:350px;justify-self:end;mix-blend-mode:multiply}.subjects{padding-block:clamp(6rem,10vw,11rem);background:#142d5c;color:#f0f3ed}.subjects-grid{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(3rem,8vw,9rem)}.subjects-lead{align-self:start;position:sticky;top:3rem}.subjects h2{font:400 clamp(3.8rem,5.7vw,7rem)/.98 'Instrument Serif',serif;max-width:11ch;margin:1.5rem 0 2rem}.subjects-lead p{max-width:35ch}.subject-list{border-top:1px solid #7f9bbc}.subject-list article{padding:2.4rem 0;border-bottom:1px solid #7f9bbc}.subject-list article span{font:500 .68rem var(--mono);color:#e79c8f}.subject-list h3{font:700 clamp(2rem,3.1vw,3.5rem) Sora,sans-serif;margin:1.7rem 0 .7rem}.subject-list p{max-width:43ch;color:#dce7ed}.practice{background:#f1f7f3;padding-block:clamp(6rem,10vw,11rem)}.practice-grid{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(3rem,9vw,10rem);align-items:center}.practice figure{max-width:450px;margin:0}.practice picture,.practice img{display:block;width:100%}.practice img{height:auto;aspect-ratio:3/4;object-fit:cover}.practice figcaption{padding:1rem 0;font:500 .7rem var(--mono);text-transform:uppercase}.practice h2{font:400 clamp(4rem,6vw,7rem)/.95 'Instrument Serif',serif;max-width:12ch;margin:1.5rem 0 2rem}.practice p{max-width:45ch;font-size:1.1rem}.morgan{display:grid;grid-template-columns:.3fr 1fr;gap:clamp(3rem,7vw,8rem);padding-block:clamp(6rem,10vw,11rem)}.morgan h2{font:700 clamp(3.5rem,5.5vw,6rem)/1 Sora,sans-serif;max-width:17ch;margin:0 0 2rem}.morgan p{max-width:52ch;font-size:1.1rem}.morgan a{margin-top:1rem;font:600 .75rem var(--mono);text-transform:uppercase}.join{background:#d9a59b;padding-block:clamp(6rem,10vw,11rem)}.join-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:clamp(3rem,8vw,9rem)}.join h2{font:400 clamp(4rem,6vw,7rem)/.97 'Instrument Serif',serif;max-width:11ch;margin:1.5rem 0}.join p{max-width:35ch}.join .signup-shell{background:#f1f7f3;padding:clamp(1.2rem,3vw,2.5rem);border-left:7px solid #142d5c;box-shadow:12px 12px 0 rgba(20,45,92,.13)}.signup-form>label:first-child{font:600 .75rem var(--mono);text-transform:uppercase}.signup-form button{width:100%}.signup-consent{margin-top:.3rem;font-size:.75rem}.site-footer{background:#142d5c;color:#fff;border-top:0}.site-footer .brand{font-weight:800}
@media(max-width:1000px){.hero-title-row,.sequence-head,.subjects-grid,.practice-grid,.morgan,.join-grid{grid-template-columns:1fr}.hero-title-row p{max-width:48ch}.sequence-head{gap:1rem}.sequence-head p{max-width:55ch}.subjects-lead{position:static}.subjects h2{max-width:18ch}.practice figure{max-width:500px}.morgan{gap:1.5rem}}
@media(max-width:650px){.masthead-inner{min-height:70px}.masthead .brand{font-size:.78rem}.masthead nav a:not(.mast-join){display:none}.masthead nav .mast-join{font-size:.61rem;padding:0 .7rem;gap:.5rem}.hero-header span:last-child{display:none}.hero-title-row{padding-block:3rem;gap:1.8rem}.hero h1{font-size:clamp(3.5rem,12vw,5.2rem)}.hero-title-row p{font-size:1rem}.hero-image img{aspect-ratio:4/5;object-position:31% center}.hero-image figcaption{font-size:.53rem;left:0}.hero-foot{padding-bottom:3rem}.hero-foot span{display:none}.sequence,.subjects,.practice,.morgan,.join{padding-block:5rem}.sequence h2,.morgan h2{font-size:clamp(3.3rem,11vw,5rem)}.sequence-head{margin-bottom:2.5rem}.step-controls button{min-height:65px;font-size:.85rem;padding:.5rem}.step-controls button span{display:block;margin-bottom:.25rem}.step-stage{grid-template-columns:1fr;gap:1.2rem}.step-stage p{font-size:2.5rem}.step-stage img{width:min(100%,240px)}.subjects h2,.practice h2,.join h2{font-size:clamp(3.8rem,12vw,5.6rem)}.subject-list h3{font-size:2.2rem}.join-grid{gap:2.5rem}}
@media(max-width:360px){.hero h1{font-size:3.3rem}.masthead .brand{max-width:135px}}