@font-face{font-family:'Departure Mono';src:url('fonts/DepartureMono.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url('fonts/CourierPrime-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url('fonts/CourierPrime-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
body{font-family:'Courier Prime','Courier New',monospace;font-size:18px;line-height:1.65}
.lead{line-height:1.65}.section-heading>p:not(.eyebrow):not(.margin-note){font-size:19px}.healthy-note p,.idea-sequence p{font-size:18px;line-height:1.6}.principle p{font-size:19px}.text-link{font-family:'Courier Prime','Courier New',monospace;font-weight:700}.mobile-diagram small{font-family:'Courier Prime','Courier New',monospace}.study-note{font-size:14px}.project-choices button{font-size:14px}
:root{--ink:#292e2a;--pencil:#54574d;--muted:#626659;--red:#a64b29;--mint:#f4e6b9;--line:#dad8c9;--gold:#f0c52c;--orange:#bc512c}
.wordmark{font-family:'Departure Mono',monospace;font-weight:400;letter-spacing:-.4px}
h1,h2,.scale-layout h2,.closing h2,.healthy-note h3,.idea-sequence h3,.people-list li{font-family:'Departure Mono',monospace;font-weight:400;font-style:normal;letter-spacing:-1px;line-height:1.2}
h1{font-size:66px;line-height:1.17;color:var(--gold);text-shadow:3px 3px 0 var(--orange);-webkit-text-stroke:.55px #745423;margin-bottom:25px}
.mobile-break{display:block}
h2{font-size:44px}
.scale-layout h2{font-size:36px}
.closing h2{font-size:44px}
.closing em,.momentum h2 em{font-style:normal;color:var(--ink)}
.eyebrow{font-family:'Departure Mono',monospace;font-size:12px;letter-spacing:.6px;color:#80611b;line-height:1.6}
.hero .eyebrow{font-size:12px;letter-spacing:.5px}
.hero-copy{margin-top:15px}
.healthy-note h3{font-size:28px}
.idea-sequence h3{font-size:26px}
.sequence-number,.person-index{font-family:'Departure Mono',monospace;color:#9a4c25}
.people-list li{font-size:25px}
.margin-note{color:#a04b27}
.pencil-button{border-color:#8a6740;box-shadow:3px 3px 0 #d7a64c;background:#fff9e8b8}
.pencil-button:hover{background:#f4dfa0}
.project-choices button.active{border-color:var(--orange);color:#8f3d20}
.project-choices button:hover{background:#f5e4b6}
.project-shape{fill:#f5e3a8;stroke:#756842}
.mobile-diagram .mobile-direct{background:#f5e3a8b0}
.text-link{color:#30342c;text-decoration-color:#af7623}
.text-link:hover{color:#974423}
.hero-note{color:#9b512c}
@media(max-width:900px){h1{font-size:55px}h2{font-size:36px}.scale-layout h2{font-size:33px}.people-list li{font-size:22px}}
@media(max-width:640px){h1{font-size:clamp(29px,8.4vw,44px);letter-spacing:-.5px;text-shadow:2px 2px 0 var(--orange);-webkit-text-stroke:.35px #745423}h2,.scale-layout h2{font-size:clamp(25px,7.1vw,33px);letter-spacing:-.5px}.closing h2{font-size:clamp(25px,7.5vw,35px)}.wordmark{font-size:11px}.hero .eyebrow{font-size:11px;letter-spacing:.2px}.healthy-note h3{font-size:26px}.people-list li{font-size:22px}.idea-sequence h3{font-size:22px;letter-spacing:-.5px}.eyebrow{font-size:11px}.margin-note{font-size:20px}}
@media(max-width:640px){body{font-size:17px}.section-heading>p:not(.eyebrow):not(.margin-note),.healthy-note p,.idea-sequence p,.principle p{font-size:17px}.project-choices button{font-size:13px}.study-note{font-size:12px}nav{font-size:12px}}
.pencil-caption,.diagram-bottom,#scale-caption,.healthy-note .healthy-signoff{font-family:'Bradley Hand','Segoe Print',cursive}
.structure-diagram text,.team-diagram text{font-family:'Bradley Hand','Segoe Print',cursive}

.hero-note{font-family:'Courier Prime','Courier New',monospace;font-style:normal;font-size:16px;line-height:1.5;transform:none;color:var(--muted);letter-spacing:0}@media(max-width:640px){.hero-note{font-size:15px}}

.closing .polite-aside{font-family:"Courier Prime",monospace;font-size:15px;margin:12px 0 28px;color:#716d5c;}

/* Selected hierarchy: original gold H1; study 04 midnight and marigold H2s. */
h2,.scale-layout h2,.closing h2{color:#293e62;letter-spacing:0;text-shadow:2px 2px 0 #fff,4px 4px 0 #dcbf51}
.closing h2 em,.momentum h2 em{color:inherit}
h3,.healthy-note h3,.idea-sequence h3{color:#293e62;text-shadow:1px 1px 0 #fff,2px 2px 0 #dcbf51}
@media(max-width:640px){h2,.scale-layout h2,.closing h2{text-shadow:1px 1px 0 #fff,3px 3px 0 #dcbf51}}
