@font-face{font-family:Instrument;font-display:swap;src:url(assets/instrument-serif.woff2)}@font-face{font-family:Instrument;font-display:swap;src:url(assets/instrument-serif-italic.woff2);font-style:italic}@font-face{font-family:Source;font-display:swap;src:url(assets/source-sans-3.woff2)}:root{--ink:#402c3c;--paper:#faf6ef;--muted:#6d5c64;--rust:#a54732;--line:#ded4cb;--sage:#e5e8db;--rose:#f1dfd6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 Source,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a,button{transition:background .2s,color .2s}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Instrument,Georgia,serif;font-weight:400;line-height:1.03}h1{font-size:clamp(56px,7.2vw,102px);letter-spacing:-2px;margin-bottom:26px}h2{font-size:clamp(38px,4vw,58px)}h3{font-size:32px}em{color:var(--rust)}small{font-size:14px}.notice{padding:9px 5%;background:var(--ink);color:var(--paper);font-size:13px;display:flex;justify-content:space-between;gap:20px}.notice span{letter-spacing:1.5px;white-space:nowrap}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;font-size:30px;line-height:1;font-weight:600}.brand small{display:block;letter-spacing:2px;font-size:9px;margin-top:9px}.brandmark{background:var(--ink);color:var(--paper);border-radius:50%;height:48px;width:48px;display:grid;place-content:center;font-family:Instrument;font-style:italic}nav{display:flex;align-items:center;gap:30px;font-size:16px}nav a{text-decoration:none}nav a[aria-current=page]{color:var(--rust);text-decoration:underline}.navbutton{border:1px solid var(--ink);padding:10px 18px;border-radius:3px}.shell{max-width:1320px;margin:auto;padding:64px 5%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding-top:55px;padding-bottom:55px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2.6px;font-weight:600;margin-bottom:24px;display:block}.lead{font-size:21px;max-width:510px;color:var(--muted)}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;padding:13px 23px;border:1px solid var(--ink);border-radius:3px;text-decoration:none;font-size:16px;font-weight:600}.button:hover{background:#624457}.button.secondary{background:transparent;color:var(--ink)}.art{position:relative;background:#e9c5b5;border-radius:48% 48% 3px 3px;overflow:hidden;min-height:470px}.art svg{width:100%;height:100%;min-height:470px;display:block}.art-caption{position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px}.ribbon{border-block:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;padding:22px 5%;font-size:13px;letter-spacing:2px;text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.sectionhead h2{margin:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{border-top:1px solid var(--ink);padding:26px 0}.tile .num{font-family:Instrument;font-size:42px;color:var(--rust)}.tile h3{margin:18px 0}.tile p{color:var(--muted)}.feature{background:var(--ink);color:var(--paper);padding:50px;border-radius:4px}.feature em{color:#ebad91}.feature .button{background:var(--paper);color:var(--ink)}.feature p{color:#e5d6dd}.stats{display:flex;gap:38px;margin:30px 0}.stats strong{display:block;font:54px Instrument}.stats small{color:inherit}.tag{display:inline-block;background:var(--sage);color:var(--ink);padding:4px 10px;font-size:12px;letter-spacing:.5px;border-radius:20px}.tag.rose{background:var(--rose)}.panel{background:white;border:1px solid var(--line);padding:30px;border-radius:6px;margin-bottom:24px}.panel h3{margin-bottom:15px}.pagehead{padding-bottom:30px}.pagehead h1{font-size:clamp(52px,6vw,78px)}.narrow{max-width:850px}.lesson-grid{display:grid;grid-template-columns:230px 1fr;gap:60px}.aside{border-top:1px solid var(--ink);padding-top:20px}.aside a{display:block;margin:16px 0;font-size:15px}.sources{font-size:14px;color:var(--muted)}.sources a{display:inline-block;margin-right:18px}.lesson-text h2{font-size:39px;margin-top:35px}.lesson-text p{max-width:680px}.check label{display:block;border:1px solid var(--line);padding:14px;margin:10px 0;border-radius:4px;cursor:pointer}.check input{margin-right:10px}.feedback{margin-top:15px;font-weight:600;min-height:27px}.timeline{counter-reset:week}.week{display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid var(--line);padding:24px 0}.week h3{margin-bottom:8px}.week p{margin:0;color:var(--muted)}.stepper{display:flex;gap:12px;margin-bottom:28px}.stepper span{flex:1;padding-bottom:12px;border-bottom:3px solid var(--line);font-size:14px}.stepper .active{border-color:var(--rust);color:var(--rust)}label.field{display:block;margin:18px 0;font-weight:600}input[type=text],select,textarea{display:block;width:100%;border:1px solid #99888f;border-radius:3px;padding:12px;margin-top:7px;background:var(--paper);color:var(--ink)}textarea{min-height:110px;resize:vertical}.hint{color:var(--muted);font-size:14px}.dashboard{display:grid;grid-template-columns:1.65fr 1fr;gap:28px}.progress{height:8px;background:var(--line);border-radius:8px;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;background:var(--rust)}.module{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:20px 0}.module strong{font-weight:600}.module small{display:block;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.metric{border:1px solid var(--line);background:white;padding:22px}.metric strong{display:block;font:48px Instrument}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}th,td{padding:15px 12px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:1px}details{border-block-start:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}.textbutton{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px}.dot{color:var(--rust)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;padding:45px 5% 110px;font-size:15px}footer small{display:block;margin-top:15px;color:var(--muted)}.tour{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);display:flex;gap:25px;justify-content:center;padding:13px 20px;font-size:13px;z-index:5;box-shadow:0 -3px 20px #402c3c12}.tour a{text-decoration:none}.tour a[aria-current=page]{color:#f5bb9f;text-decoration:underline}.tour span{opacity:.65}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #a54732;outline-offset:5px}#main:focus{outline:none}#toast{position:fixed;bottom:65px;right:24px;background:var(--ink);color:white;padding:0 18px;border-radius:4px;z-index:8}#toast:not(:empty){padding:14px 18px}.success{border-left:4px solid #486c51}.mini-art{border:1px dashed #d9b49d;border-radius:50%;aspect-ratio:1;display:grid;place-content:center;text-align:center;font:70px Instrument;max-width:300px;margin:auto}.mini-art small{font:12px Source;letter-spacing:2px;margin-top:12px}.onlyprint{display:none}@media(max-width:800px){header{flex-wrap:wrap;padding:20px 6%}nav{gap:18px;width:100%;font-size:14px;overflow:auto}.navbutton{white-space:nowrap;padding:8px 12px}.notice{font-size:11px}.notice span{display:none}.hero,.split,.dashboard,.lesson-grid{grid-template-columns:1fr}.hero{gap:35px}h1{letter-spacing:-1px}.shell{padding:38px 6%}.art,.art svg{min-height:330px}.art{max-width:500px;width:100%;margin:auto}.ribbon{font-size:10px;gap:15px}.tiles{grid-template-columns:1fr}.tile{padding:15px 0}.feature{padding:28px}.split{gap:25px}.sectionhead{display:block}.sectionhead p{margin-top:20px}.aside{display:none}.metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:38px}.metric small{font-size:12px}.tour{gap:16px;font-size:11px;padding:14px 8px}.tour span{display:none}footer{flex-direction:column;padding-bottom:100px}.week{grid-template-columns:70px 1fr}.stats{gap:25px}.panel{padding:22px}.pagehead h1{font-size:54px}.lead{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,.tour,.notice,.actions{display:none}body{background:white}.shell{padding:15px}.onlyprint{display:block}}
/* Shared Hub identity and programme hierarchy */
.hub-brand{font-size:24px}.breadcrumbs{padding:18px 5% 0;font-size:14px;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}.hub-opening{background:#e9ede8}.hub-opening h1 em{color:#416258}.hub-opening .hero{padding-block:65px}.possibility-art{background:#d6dfd5;border-radius:48% 48% 5px 5px;padding:52px 20px 25px;text-align:center}.possibility-art>.eyebrow{font-size:10px;letter-spacing:2px}.orbit{position:relative;aspect-ratio:1;max-width:420px;margin:0 auto;border:1px solid #6f8676;border-radius:50%;display:grid;place-content:center}.orbit:before{content:'';position:absolute;inset:35px;border:1px dashed #8e9d8d;border-radius:50%}.orbit-center{font:68px Instrument;z-index:1}.orbit-center small{display:block;font:10px Source;letter-spacing:3px;margin-top:12px}.orbit-label{position:absolute;background:#faf6ef;padding:8px 15px;border-radius:30px;font-size:14px;z-index:2}.orbit-label.one{top:10%;left:0}.orbit-label.two{top:10%;right:0}.orbit-label.three{bottom:10%;right:2%}.orbit-label.four{bottom:10%;left:0}.possibility-art>p{font-size:13px;letter-spacing:1px;margin:25px 0 0}.pilot-card{padding:42px;background:var(--rose);border:1px solid #d8beb1;border-radius:4px}.programme-wordmark{display:block;font:58px Instrument;margin-bottom:20px}.path-note{border-left:3px solid var(--rust);padding:18px 25px;background:var(--sage);max-width:900px}.hub-page .feature{background:#304b42}.hub-page .feature p{color:#e4ebe3}@media(max-width:800px){.hub-brand{font-size:22px}.hub-opening .hero{padding-block:40px}.orbit-center{font-size:52px}.possibility-art{padding:38px 15px 25px}.orbit-label{font-size:11px;padding:6px 10px}.pilot-card{padding:26px}.breadcrumbs{padding-inline:6%}nav{flex-wrap:wrap;overflow:visible;gap:12px 18px}.tour{gap:12px}}
/* Hands-on learning studio */
.learning-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px}.learning-content{min-width:0}.learning-content h2{font-size:42px;margin-top:38px}.course-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:sticky;top:20px}.course-nav a{padding:14px 8px;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:12px}.course-nav a span{color:var(--rust);font-weight:600}.course-nav a[aria-current=page]{background:var(--rose);text-decoration:none}.lesson-banner{display:flex;gap:15px;justify-content:space-between;border-block:1px solid var(--line);padding:16px 0;margin-bottom:30px;font-size:13px}.learning-content .tiles{gap:18px}.learning-content .tile h3{font-size:29px}.learning-content .tile p{font-size:16px}.learning-content .check input{width:18px;height:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}input[type=number]{display:block;width:100%;border:1px solid #99888f;border-radius:3px;padding:12px;margin-top:7px;background:var(--paper);color:var(--ink)}.calculation:not(:empty){background:var(--sage);padding:22px;margin-top:25px}.calculation strong{font:38px Instrument}.calculation p{margin:12px 0}.lesson-video{width:100%;aspect-ratio:16/9;border:0;border-radius:4px}.builder{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.builder .panel{padding:22px}.builder .field{font-size:15px}.preview-column{position:sticky;top:20px;min-width:0}.preview-toolbar{background:var(--ink);color:white;padding:13px;display:flex;justify-content:space-between;gap:12px;font-size:13px}#website-preview,#coordinator-project{display:block;width:100%;height:610px;background:white;border:1px solid var(--line)}#website-preview.phone-preview{max-width:320px;margin:0 auto}#coordinator-project{height:420px;margin-bottom:25px}.preview-column pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sage);padding:18px;font:13px/1.6 monospace}.learning-content blockquote{margin:20px 0;border-left:3px solid var(--rust);padding:15px;background:var(--rose)}#digital-lab .textbutton{display:block;margin-top:18px}.learning-content dd{overflow-wrap:anywhere}@media(max-width:1100px){.learning-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.builder{grid-template-columns:1fr}.preview-column{position:static}}@media(max-width:800px){.learning-layout{grid-template-columns:1fr}.learning-layout>aside{display:block}.course-nav{display:grid;grid-template-columns:1fr 1fr;position:static;width:100%}.course-nav a{font-size:13px;padding:10px 5px}.learning-layout>aside>.hint{display:none}.lesson-banner{font-size:11px;gap:8px}.form-pair{grid-template-columns:1fr}.learning-content .tiles{grid-template-columns:1fr}.builder{gap:0}.learning-content h2{font-size:35px}#website-preview{height:520px}.learning-content .button{max-width:100%;gap:10px}}
.learning-layout>aside{position:sticky;top:20px;align-self:start}.course-nav{position:static}@media(max-width:800px){.learning-layout>aside{position:static}}
/* Guided health learning: calm illustration, clear actions, readable on a phone. */
.health-course{background:#fffaf4;border:1px solid var(--line);border-radius:12px;padding:28px}.chapter-heading{display:flex;justify-content:space-between;gap:18px;font-size:13px}.chapter-heading .eyebrow{margin:0}.chapter-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:24px 0 38px;align-items:stretch}.chapter-nav button{border:0;border-top:3px solid var(--line);background:transparent;text-align:left;padding:12px 5px;font-size:13px;color:var(--muted)}.chapter-nav button span{display:block;font-size:11px;line-height:1.3;margin-top:8px}.chapter-nav button[aria-current=step]{background:var(--rose);border-color:var(--rust);color:var(--ink)}#health-chapter{scroll-margin-top:25px;outline:none}.health-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}.health-emblem{background:#e9d9cb;border-radius:50% 50% 8px 8px;padding:28px;text-align:center;font:34px/1.15 Instrument}.health-emblem svg{width:100px;height:100px;display:block;margin:0 auto 20px}.health-icon{width:62px;height:62px;color:var(--rust);display:block;margin-bottom:14px}.remember{padding:24px;border-left:3px solid var(--rust);background:var(--sage);border-radius:0 8px 8px 0;margin:24px 0}.remember p{margin:8px 0 0}.cycle-explorer{display:grid;grid-template-columns:.8fr 1.3fr;gap:24px;align-items:center}.cycle-orbit{position:relative;max-width:300px;aspect-ratio:1}.cycle-orbit svg{width:100%;height:100%}.cycle-orbit>span{position:absolute;inset:0;display:grid;align-content:center;text-align:center;font:28px/1.1 Instrument}.cycle-orbit>span em{display:block}#cycle-arc{transition:transform .35s ease}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid button,.myth button{background:white;color:var(--ink);border:1px solid #a58b91;border-radius:8px;padding:12px;text-align:left;min-height:44px}.choice-grid button[aria-pressed=true],.care-stages button[aria-pressed=true]{background:var(--ink);color:white}.kit-bag{display:flex;align-items:center;gap:20px;margin:22px 0}.kit-bag svg{margin:0}.illustrated-choice{border:1px solid var(--line);border-radius:10px;background:white;padding:18px;cursor:pointer}.illustrated-choice:has(input:checked){background:var(--sage);border-color:#526354}.illustrated-choice input{width:18px;height:18px;accent-color:var(--rust)}.kit-activity .button{margin-top:20px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.product-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:white}.product-card summary{font-size:18px}.product-card p{margin-top:16px;font-size:16px}.care-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.care-stages button{background:white;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:16px 8px;display:grid;justify-items:center;font-size:15px}.care-stages button[aria-pressed=true] svg{color:#f5bb9f}.myth{border:0;padding:18px 0;margin:0;border-bottom:1px solid var(--line)}.myth legend{font-weight:600}.myth button{margin:10px 10px 0 0;min-width:80px}.chapter-footer{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}button:disabled{opacity:.55;cursor:default}.health-summary{margin-top:24px}.health-course article{animation:chapter-in .25s ease-out}@keyframes chapter-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Contextual tutor, separate from programme completion. */
.tutor-launch{position:fixed;bottom:70px;right:24px;z-index:9;border:1px solid #d4b2a5;background:var(--ink);color:white;padding:14px 22px;border-radius:30px;box-shadow:0 6px 24px #402c3c26;font-weight:600}.tutor-panel{position:fixed;right:24px;bottom:128px;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 155px);z-index:12;border:1px solid #cdbcb5;border-radius:16px;background:var(--paper);box-shadow:0 18px 70px #402c3c40;display:flex;flex-direction:column;overflow:auto;font-size:15px}.tutor-panel[hidden]{display:none}.tutor-head{display:flex;justify-content:space-between;align-items:start;background:var(--ink);color:white;padding:19px 20px 8px;gap:10px}.tutor-head .eyebrow{font-size:10px;margin:0 0 8px}.tutor-head h2{font-size:28px;margin:0}.tutor-close{background:transparent;border:0;color:white;font:30px/1 Source;min-width:35px;min-height:35px}.tutor-module{padding:0 20px 16px;background:var(--ink);color:#e6c4b5;margin:0;font-size:13px}.tutor-mode{background:var(--sage);padding:9px 20px;font-size:12px;margin:0}.tutor-messages{overflow:auto;min-height:100px;max-height:280px;flex:1 0 150px;padding:15px 20px;overscroll-behavior:contain}.tutor-message{padding:13px 15px;background:white;border:1px solid var(--line);border-radius:10px;margin:0 0 12px;overflow-wrap:anywhere}.tutor-message strong{font-size:11px;letter-spacing:.5px}.tutor-message p{margin:7px 0 0;white-space:pre-line}.from-learner{background:var(--rose);margin-left:25px}.tutor-prompts{display:flex;gap:7px;flex-wrap:wrap;padding:10px 20px;border-top:1px solid var(--line)}.tutor-prompts button{background:white;color:var(--ink);border:1px solid #baa7ae;border-radius:18px;padding:8px 12px;font-size:12px;min-height:36px}#tutor-form{padding:8px 20px 18px}#tutor-form>label{font-weight:600}.tutor-input{display:flex;gap:8px;align-items:stretch;margin:8px 0 10px}.tutor-input textarea{min-height:66px;max-height:150px;margin:0;font-size:16px}.tutor-input .button{padding:12px}.tutor-privacy{display:block;font-size:12px;font-weight:400!important}.tutor-privacy input{vertical-align:middle}#tutor-form .hint{font-size:10px;line-height:1.4;margin:8px 0 0}.tutor-suggestion{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.tutor-suggestion small{display:block;margin:10px 0}.tutor-suggestion .button{padding:9px 14px;font-size:13px}.tutor-suggestion .textbutton{display:block;margin-top:10px}.tutor-suggestion .textbutton[hidden]{display:none}#toast{bottom:125px;max-width:calc(100vw - 48px)}
@media(max-width:800px){.health-course{padding:20px 15px}.chapter-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chapter-nav button{padding:10px 5px}.health-intro,.cycle-explorer{grid-template-columns:1fr}.health-emblem{display:none}.cycle-orbit{width:230px;margin:auto}.product-grid{grid-template-columns:1fr}.care-stages{grid-template-columns:1fr 1fr}.chapter-footer{flex-wrap:wrap}.chapter-footer .button{font-size:13px;padding:12px}.choice-grid{gap:8px}.illustrated-choice{padding:12px;font-size:15px}.tutor-launch{right:16px;bottom:64px;font-size:14px}.tutor-panel{right:16px;bottom:120px;max-height:calc(100dvh - 135px)}.tutor-head{padding:14px 16px 8px}.tutor-head h2{font-size:25px}.tutor-prompts{padding:10px 14px}.tutor-messages{padding:12px 14px}.tutor-input{flex-wrap:nowrap}.tutor-input textarea{min-width:0}#tutor-form{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{#learning-tutor{display:none}}

/* Public pathways and editorial film feature */
.possibility-map{position:relative;display:block;isolation:isolate;aspect-ratio:500/520;padding:0;margin:0 0 14px;width:100%;overflow:visible}
.possibility-map svg{width:100%;height:100%;display:block;filter:drop-shadow(0 16px 28px #2a4c3b19)}
.possibility-map a{position:absolute;left:clamp(20%,var(--x),80%);top:var(--y);transform:translate(-50%,-50%);padding:10px 15px;background:#fcf6e6;color:#284a3f;border:1px solid #92a38b;border-radius:24px;white-space:nowrap;min-height:42px;font-weight:600;box-shadow:0 5px 14px #2d483822;font-size:clamp(12px,1.12vw,16px)}
.possibility-map a:is(:hover,:focus-visible){background:#254f42;color:#fff9eb}
.public-story{background:#273d35;color:#fff6e8}
.story-grid,.harvard-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,90px);align-items:center}
.story-grid h2 em{color:#edaf98}
.story-grid figure{margin:0}
.story-grid figcaption{font-size:14px;color:#e0e9dd;margin-top:10px}
.story-grid .lesson-video{display:block;background:#172820}
.harvard-feature{padding-block:74px}
.harvard-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#ead6c8;padding:clamp(24px,5vw,68px);border-radius:6px;isolation:isolate}
.film-arch{position:relative;isolation:isolate;padding:12px}
.film-arch::before{content:"";position:absolute;inset:0;border:1px dashed #9a6658;border-radius:50% 50% 8px 8px / 35% 35% 8px 8px;transform:rotate(-5deg);z-index:-1}
.film-arch button{width:100%;position:relative;display:grid;place-items:center;aspect-ratio:5/4;isolation:isolate;overflow:hidden;border:0;border-radius:50% 50% 5px 5px / 36% 36% 5px 5px;background:#483244;color:#fff7eb;box-shadow:0 16px 32px #4c2e3826}
.film-arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.film-arch button::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 28%,#20172798 67%,#201727e8)}
.film-play{display:grid;place-items:center;padding-left:4px;width:66px;height:66px;border-radius:50%;background:#fbefdd;color:#402c3c;box-shadow:0 0 0 10px #fff6e238;transition:box-shadow .35s ease, transform .35s ease}
.film-arch button:is(:hover,:focus-visible) .film-play{transform:scale(1.08);box-shadow:0 0 0 17px #fff6e235}
.film-label{position:absolute;bottom:19px;font-size:15px;font-weight:600}
.film-links{font-size:15px;margin-bottom:0}
#harvard-dialog{max-width:min(880px,94vw);width:100%;padding:clamp(13px,3vw,30px);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px}
#harvard-dialog[open]{animation:film-reveal .48s ease-out both}
#harvard-dialog::backdrop{background:#231823d9}
@keyframes film-reveal{from{clip-path:inset(8% 18% round 160px 160px 16px 16px);opacity:.2;transform:scale(.93)}to{clip-path:inset(0 round 12px);opacity:1;transform:scale(1)}}
.film-dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.film-dialog-head h3{margin:0}
#harvard-screen .lesson-video{display:block;background:#29212a}

/* Learning scenes. Illustration and controls share the same space. */
.health-course{background:none;border:0;padding:0}
.chapter-heading{border-block-start:1px solid #bda59b;padding-top:15px}
.chapter-nav{margin:15px 0 38px}
.chapter-nav button{font-size:14px;min-height:56px}
.chapter-nav button span{font-size:13px}
#health-chapter{scroll-margin-top:20px}
#health-chapter>p{max-width:72ch}
#health-chapter h2{margin:0 0 18px;font-size:clamp(43px,5.2vw,76px);letter-spacing:-.025em}
#health-chapter h3{margin:28px 0 14px}
.anatomy-figure,.cycle-scene,.kit-table,.care-scene,.product-shelf,.classroom-scene{background:#efddcf;border-radius:180px 180px 8px 8px / 86px 86px 8px 8px;box-shadow:inset 0 0 0 1px #bb998b44;position:relative;margin:28px 0 14px}
.anatomy-figure{max-width:610px;margin-inline:auto}
.anatomy-figure svg,.care-scene svg,.classroom-scene svg{width:100%;height:auto;display:block}
.anatomy-point,.dial-point{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a57a71;border-radius:50%;background:#fff6e7;color:#553046;font-weight:700;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fbefe77a}
.anatomy-point{left:var(--x);top:var(--y)}
.anatomy-point[aria-pressed=true],.dial-point[aria-pressed=true]{background:#65344d;color:white;border-color:#65344d}
.anatomy-key{display:flex;gap:8px 20px;flex-wrap:wrap;justify-content:center;font-size:14px}
.scene-choices{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.scene-choices button,.kit-supplies button,.product-shelf button{background:#fbf6e9;color:var(--ink);border:1px solid #b59488;border-radius:24px;min-height:44px;padding:8px 15px;font-size:15px;font-weight:600}
.scene-choices button[aria-pressed=true],.kit-supplies button[aria-pressed=true],.product-shelf button[aria-pressed=true]{background:#603850;color:#fff8e9;border-color:#603850}
.scene-detail{margin:14px 0 22px;padding:12px 0 12px 18px;border-left:2px solid #a05962;max-width:65ch}
.scene-detail strong{font:28px Instrument,Georgia,serif}
.scene-detail p{margin:4px 0 0}
.cycle-scene{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:18px;padding:22px 25px;background:#eadccd}
.cycle-dial{position:relative;aspect-ratio:1;max-width:380px;width:100%;margin:auto}
.cycle-dial>svg{width:100%;height:100%}
.cycle-drawing{position:absolute;inset:12%;display:grid;place-items:center}
.cycle-drawing svg{width:100%}
.dial-0{left:50%;top:6%}.dial-1{left:94%;top:50%}.dial-2{left:50%;top:94%}.dial-3{left:6%;top:50%}
#cycle-arc{transform-origin:50% 50%;transform:rotate(-125deg);transition:transform .45s ease}
.womb-lining,.womb-flow,.womb-egg{transition:transform .42s ease,opacity .42s ease;transform-box:fill-box;transform-origin:center}
.womb-flow,.womb-egg{opacity:0;transform:translateY(-5px)}
[data-phase=shed] .womb-lining{transform:scale(.72,.7)}
[data-phase=renew] .womb-lining{transform:scale(.56,.51)}
[data-phase=shed] .womb-flow,[data-phase=release] .womb-egg{opacity:1;transform:translateY(0)}
.kit-table{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:15px 26px;background:#ebd9c8;align-items:center;gap:15px}
.open-pouch{position:relative;isolation:isolate}
.open-pouch>svg{display:block;width:100%}
.packed-items{position:absolute;left:23%;right:23%;top:28%;height:31%;display:flex;align-items:center;justify-content:center;gap:5px}
.packed-items span{width:32%;background:#fbebd2;box-shadow:0 5px 15px #432b433d;border-radius:14%;opacity:0;transform:translateY(-26px) rotate(-9deg);transition:transform .42s ease,opacity .3s ease}
.packed-items span.packed{opacity:1;transform:translateY(0) rotate(-6deg)}
.packed-items svg{width:100%;height:auto;margin:0}
.kit-plan{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:30px;background:#244c3e;color:white;padding:4px 12px;font-size:13px}
.kit-supplies{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kit-supplies button,.product-shelf button{border-radius:12px;padding:9px;font-size:14px}
.kit-supplies svg,.product-shelf svg{margin:0 auto 5px;width:52px;height:52px}
.kit-supplies button[aria-pressed=true] svg,.product-shelf button[aria-pressed=true] svg{color:#fff5e5}
.product-shelf{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 28px;gap:13px;background:#e8ddca}
.product-shelf button{min-height:96px;border-color:transparent}
.local-notes{margin:26px 0 14px;background:#e8ebdd;padding:15px 18px;border-radius:0 22px 22px 0;border-left:2px solid #627b68}
.local-notes p:first-of-type{margin-top:12px}
.local-notes p:last-child{margin-bottom:0}
.care-scene{overflow:hidden;background:linear-gradient(#e9ddcb,#f6e7d1)}
.care-pad{transform:translate(150px,126px) rotate(-28deg);transition:transform .5s ease}
[data-care-step="1"] .care-pad{transform:translate(156px,123px) rotate(34deg)}
[data-care-step="2"] .care-pad{transform:translate(366px,139px)}
[data-care-step="3"] .care-pad{transform:translate(554px,163px) rotate(75deg) scale(.72)}
.care-bubbles,.care-water,.care-air{opacity:0;transition:opacity .35s}
[data-care-step="0"] .care-bubbles,[data-care-step="1"] .care-water,[data-care-step="2"] .care-air{opacity:1}
.classroom-scene{overflow:hidden;background:#dec3ad}
.classroom-scene figcaption{padding:12px 15px;background:#f2dfc9}
.support-thread{opacity:0;transition:opacity .3s}
[data-outcome=supported] .support-thread{opacity:1}
#support-scenario{padding:0;background:transparent;border:0}
#support-scenario label{background:#fff9f0}
@media(max-width:800px){
 .story-grid,.harvard-stage,.cycle-scene,.kit-table{grid-template-columns:1fr}
 .harvard-feature{padding-block:38px}
 .possibility-map{max-width:520px;margin:0 auto 10px}
 .possibility-map a{padding:8px 11px;font-size:12px}
 .chapter-nav button span{font-size:12px}
 .cycle-scene,.kit-table{padding:21px 16px}
 .cycle-dial{max-width:310px}
 .product-shelf{padding:24px 12px;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .harvard-copy h2{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){#harvard-dialog,.womb-lining,.womb-flow,.womb-egg,.care-pad,.packed-items span{animation:none!important;transition:none!important}}
.comfort-scene{padding:24px;background:linear-gradient(120deg,#e7ebdb,#efe2cc);border-radius:36px 5px 36px 5px;margin:24px 0}
.comfort-objects{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:8px}
.comfort-objects button{border:0;border-radius:90px 90px 28px 28px;background:#faf4e5;color:#3d4d40;padding:13px 12px;flex:1 1 120px;font-weight:600;font-size:15px}
.comfort-objects button[aria-pressed=true]{background:#345547;color:white}
.comfort-objects svg{margin:0 auto 7px}
.comfort-objects button[aria-pressed=true] svg{color:#f4d2b5}
.comfort-scene .scene-detail{margin-bottom:0}
.supplies-scenario{padding:4px 20px 16px;margin:24px 0;background:#e9e9dc;border-radius:4px 48px 4px 4px}
.supplies-scenario .scene-detail{margin-bottom:0}

/* Offset paper and stitching give the film portrait depth at rest. */
.film-arch::after {
 content:"";
 position:absolute;
 inset:17px 6px 0 19px;
 border-radius:50% 50% 8px 8px / 36% 36% 8px 8px;
 background:#b18376;
 transform:translate(8px,10px) rotate(3deg);
 box-shadow:0 18px 26px #4c2e3821;
 z-index:-2;
}
.film-arch button {transition:transform .32s ease,box-shadow .32s ease}
@media (prefers-reduced-motion:no-preference) {
 .film-arch button:focus-visible {
  transform:translateY(-5px);
  box-shadow:0 24px 38px #4c2e3830;
 }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .film-arch button:hover {
  transform:translateY(-5px);
  box-shadow:0 24px 38px #4c2e3830;
 }
}

/* A shared sense of depth, from the Hub to the learning workspace. */
:root {
 --lift-shadow: 0 1px 2px #3c293318, 0 16px 32px -20px #3c293354;
 --deep-shadow: 0 2px 4px #36252e14, 0 24px 42px -24px #36252e72;
 --paper-light:#fffaf0;
}
.hub-opening {
 position:relative;
 isolation:isolate;
 background:radial-gradient(ellipse at 79% 47%,#f4efda 0%,#e4eadd 48%,#eef0ea 80%);
}
.hub-opening .hero {position:relative}
.possibility-map svg {filter:drop-shadow(0 25px 24px #2c4d3820)}
.map-ribbon,.map-stitch,.map-trace {fill:none;stroke-linecap:round}
.map-ribbon {stroke:#f8f1dc;stroke-width:15}
.map-stitch {stroke:#5d7e6f;stroke-width:2;stroke-dasharray:3 7}
.map-trace {stroke:#9c5a4f;stroke-width:3.5;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .42s ease,opacity .25s}
.possibility-map:has([data-path=health]:is(:hover,:focus-visible)) [data-thread=health] .map-trace,
.possibility-map:has([data-path=lesson]:is(:hover,:focus-visible)) [data-thread=lesson] .map-trace,
.possibility-map:has([data-path=digital]:is(:hover,:focus-visible)) [data-thread=digital] .map-trace,
.possibility-map:has([data-path=branding]:is(:hover,:focus-visible)) [data-thread=branding] .map-trace,
.possibility-map:has([data-path=website]:is(:hover,:focus-visible)) [data-thread=website] .map-trace {
 stroke-dashoffset:0;opacity:1
}
.possibility-map a {box-shadow:0 2px 0 #819d8a48,0 8px 16px #29483826;transition:transform .28s ease,box-shadow .28s ease,background .2s,color .2s}
.possibility-map a:focus-visible {transform:translate(-50%,calc(-50% - 4px));box-shadow:var(--deep-shadow)}
.art {box-shadow:var(--deep-shadow);border:1px solid #a5645033}
.public-story .story-grid figure {position:relative;isolation:isolate}
.public-story .story-grid figure::before {
 content:"";position:absolute;z-index:-1;inset:-8px -8px 37px 8px;transform:rotate(1.4deg);
 border:1px solid #a6b79c66;border-radius:8px;background:#8ea88c24
}
.public-story .lesson-video {box-shadow:0 17px 38px #0e241e67;border:1px solid #9fb49b59}
.pilot-card,.feature {box-shadow:var(--lift-shadow)}
.pilot-card {background:linear-gradient(130deg,#f7e8dc,#ead2c6)}
.pagehead,.learning-layout>aside,.dashboard>div,.dashboard>aside {min-width:0}
.learning-layout>aside {
 background:linear-gradient(160deg,#fff9ee,#f1e4d8);border:1px solid #bfa99b75;
 border-radius:12px;padding:8px 12px 10px;box-shadow:var(--lift-shadow)
}
.learning-layout>aside>.hint {margin:14px 2px 2px}
.course-nav a {border-bottom-color:#b9a49970;border-radius:5px}
.course-nav a[aria-current=page] {background:#713f58;color:#fff8ee;box-shadow:0 6px 14px #6234492e}
.course-nav a[aria-current=page] span {color:#f5c8b4}
.chapter-nav button[aria-current=step] {border-radius:0 0 6px 6px;box-shadow:0 6px 10px -8px #6339519c}
.anatomy-figure,.cycle-scene,.kit-table,.care-scene,.product-shelf,.classroom-scene,.comfort-scene {
 isolation:isolate;
 background-image:radial-gradient(ellipse at 48% 19%,#fff4dca6,transparent 78%);
 box-shadow:inset 0 0 0 1px #b4938463,0 10px 0 -4px #ddc6b4,0 24px 34px -25px #50334280
}
.care-scene {background-image:radial-gradient(ellipse at 48% 19%,#fff3d0,transparent 80%)}
.cycle-drawing svg,.open-pouch>svg {filter:drop-shadow(0 9px 8px #53313d23)}
.product-shelf button,.kit-supplies button,.comfort-objects button {box-shadow:0 3px 0 #9e6d6431,0 8px 13px #55334218;transition:transform .2s ease,background .22s,color .22s}
.product-shelf button[aria-pressed=true],.kit-supplies button[aria-pressed=true],.comfort-objects button[aria-pressed=true] {transform:translateY(-3px);box-shadow:0 5px 0 #703c5033,0 12px 20px #55334226}
.anatomy-point,.dial-point {transition:background .2s,color .2s,box-shadow .2s}
.anatomy-point[aria-pressed=true],.dial-point[aria-pressed=true] {box-shadow:0 0 0 6px #fff3dfc2,0 7px 17px #53313d50}
.learning-content form.panel,.dashboard .panel,.metric {box-shadow:var(--lift-shadow);border-color:#d6c6bc;background:linear-gradient(160deg,#fffaf2,#fffdf8)}
.dashboard .journey-sheet {position:relative;isolation:isolate;background:#fff9ee}
.journey-sheet::before {
 content:"";position:absolute;z-index:-1;inset:0 2px -7px;border:1px solid #cbb5a4;
 border-radius:inherit;background:#eadacc;transform:rotate(-.6deg)
}
.journey-sheet::after {content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:#fffbf3}
.dashboard .module {padding-inline:10px}
.dashboard .module:focus-within {background:#f3e6db;border-radius:5px}
.dashboard .module a {min-height:44px;display:inline-flex;align-items:center}
.metrics .metric {border-top:3px solid #956650}
.preview-toolbar {border-radius:12px 12px 0 0;background:#463047;padding:14px 16px}
.preview-title,.browser-dots {display:inline-flex;align-items:center;gap:8px}
.browser-dots {margin-right:5px;gap:5px}
.browser-dots i {width:7px;height:7px;border-radius:50%;background:#da9d8f}
.browser-dots i:nth-child(2) {background:#e7cda2}
.browser-dots i:nth-child(3) {background:#a8bea2}
.preview-plinth {
 border:1px solid #b8a2aa;border-top:0;border-radius:0 0 12px 12px;
 padding:8px;background:linear-gradient(130deg,#eee1d7,#e3e8db);box-shadow:var(--deep-shadow);margin-bottom:24px
}
.preview-plinth #website-preview {border-radius:5px;box-shadow:0 4px 15px #33302325}
.preview-plinth #website-preview.phone-preview {border:5px solid #463047;border-radius:26px}
.tutor-panel {box-shadow:0 0 0 5px #f2d5c54d,0 22px 52px #3c293547}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .possibility-map a:hover {transform:translate(-50%,calc(-50% - 4px));box-shadow:var(--deep-shadow)}
 .product-shelf button:not([aria-pressed=true]):hover,.kit-supplies button:not([aria-pressed=true]):hover,.comfort-objects button:not([aria-pressed=true]):hover {transform:translateY(-2px)}
}
@media (max-width:800px) {
 .learning-layout>aside {padding:3px 8px}
 .journey-sheet::before {transform:none}
 .preview-plinth {padding:5px}
}
@media (prefers-reduced-motion:reduce) {
 .possibility-map a:focus-visible {transform:translate(-50%,-50%)}
}
/* The kit animation controls movement. The resting stack only fades out. */
.packed-items span {transition:opacity .25s ease}

/* Presentation refinement: editorial public pages, a quieter learning workspace. */
:root {--accent:#294f43;--ink:#382e36;--muted:#675a61}
html {scroll-padding-bottom:100px}
body {padding-bottom:16px}
header {gap:30px}
header .brand {flex-shrink:0}
header nav {flex-wrap:nowrap;gap:24px}
header nav a {white-space:nowrap;min-height:44px;display:flex;align-items:center}
h1,h2,h3 {text-wrap:balance}
p {text-wrap:pretty}
.sectionhead>div,.sectionhead>h2 {flex:1;min-width:0}
.sectionhead>.lead {flex:1;margin-bottom:0}
.button {min-height:48px}
.button:hover {background:#584150}
.button.secondary:hover {background:#eadfd7;color:var(--ink)}
.feature .button:hover {background:#e5eadc;color:#294f43}
.feature .eyebrow {color:#f1d3bb}
.brandmark,.notice,.tour {background:var(--accent)}
.reading-position {position:fixed;inset:0 0 auto;height:4px;z-index:25;pointer-events:none;background:transparent}
.reading-position i {display:block;width:100%;height:100%;background:#bf8056;transform:scaleX(0);transform-origin:left}
.hub-opening .button:not(.secondary) {background:var(--accent);border-color:var(--accent)}
.leadership-story {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(36px,7vw,100px);align-items:center;padding-block:90px}
.leadership-portrait {position:relative;isolation:isolate;margin:0 14px 0 8px;max-width:390px}
.leadership-portrait::before {content:"";position:absolute;inset:18px -15px -12px 12px;background:#d8dfce;border:1px solid #a7b29e;border-radius:150px 150px 8px 8px;transform:rotate(3deg);z-index:-1}
.leadership-portrait img {display:block;object-fit:cover;width:100%;height:auto;aspect-ratio:4/5;border-radius:150px 150px 5px 5px;object-position:50% 25%;box-shadow:var(--deep-shadow)}
.leadership-portrait figcaption {position:absolute;left:16px;right:16px;bottom:16px;padding:16px 19px;background:#fffaf0f2;border:1px solid #fff8eb;border-radius:3px;font:26px/1.2 Instrument,Georgia,serif;box-shadow:var(--lift-shadow)}
.leadership-portrait figcaption span {display:block;font:13px/1.5 Source,Arial,sans-serif;margin-top:5px;color:var(--muted)}
.leadership-copy h2 {margin-bottom:24px}
.leadership-copy .lead {max-width:unset}
.vision-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #c4c9b9;padding:19px 0;margin:28px 0;gap:12px;font-size:15px;color:var(--accent)}
.vision-steps b {display:block;font:28px Instrument,Georgia,serif;color:#996349;margin-bottom:4px}
.portrait-credit {margin-top:22px;font-size:12px;max-width:52ch}
.text-link {font-weight:600;text-decoration-thickness:1px}
.learning-layout {grid-template-columns:210px minmax(0,1fr);gap:42px}
.learning-layout>aside {background:#f0f1e8;border-color:#c9cfbf;padding:18px 14px;border-radius:8px}
.course-progress>div:first-child {display:flex;justify-content:space-between;gap:8px;font-size:14px}
.course-progress small {font-size:12px;color:var(--muted)}
.progress {height:10px;background:#dedfd2;margin:12px 0 6px}
.progress i {background:linear-gradient(90deg,#789b7d,#294f43);border-radius:inherit;transition:width .35s ease}
.module-menu {border:0;padding:12px 0 0}
.module-menu>summary {font-size:13px;padding:10px 0;color:var(--accent)}
.course-nav {gap:0}
.course-nav a {font-size:15px;line-height:1.4;padding:15px 8px}
.course-nav a[aria-current=page] {background:var(--accent);box-shadow:0 5px 14px #294f4320}
.course-nav a[aria-current=page] span {color:#e4dec1}
.health-progress {margin:14px 0 6px;height:7px}
.chapter-picker {display:none}
.chapter-nav {gap:8px;margin:16px 0 36px}
.chapter-nav button {min-width:0;overflow-wrap:break-word;padding:12px 8px;line-height:1.5}
.chapter-nav button span {font-size:13px;line-height:1.4}
.anatomy-key {margin:26px 0 18px;gap:10px}
.anatomy-key button {font-size:14px;border:1px solid #b49a91;background:#fffaf0;color:var(--ink);border-radius:22px;padding:9px 14px;min-height:44px}
.anatomy-key button[aria-pressed=true] {background:#603850;border-color:#603850;color:#fffaf0}
.cycle-scene {grid-template-columns:1fr;gap:28px;padding:36px}
.cycle-scene>.cycle-dial {max-width:350px}
.cycle-scene>div:last-child {width:100%}
.cycle-scene .scene-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cycle-scene .scene-detail {margin-bottom:0}
.chapter-footer {align-items:center;margin-top:36px;padding-bottom:12px}
.chapter-footer .button {white-space:normal}
.sources {line-height:1.8;margin-block:24px}
.sources a {margin:0 12px 6px 0;overflow-wrap:anywhere}
.learning-content>.actions {padding-top:20px;border-top:1px solid var(--line);margin-top:32px}
.health-summary .progress {margin-bottom:20px}
.tour {min-height:58px;align-items:center;gap:28px}
.tour a {display:flex;min-height:32px;align-items:center;white-space:nowrap}
.tour a[aria-current=page] {color:#f8d5ae;text-decoration-thickness:2px}
.tutor-launch {bottom:74px;background:var(--accent);border-color:#90a796}
.tutor-head,.tutor-module {background:var(--accent)}
.tutor-module {color:#e5dbc3}
.tutor-panel {bottom:135px}
.tutor-prompts button {min-height:44px}
.check label:has(input) {display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.check input {flex:none;accent-color:var(--accent);margin:5px 0 0!important;width:18px;height:18px}
.pagehead {padding-top:44px;padding-bottom:36px}
@media(min-width:1250px){.cycle-scene {grid-template-columns:1fr 1fr;gap:30px;padding:32px}}
@media(min-width:1001px) and (max-width:1249px){.chapter-nav {grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){
 header {flex-wrap:wrap;padding-block:20px;gap:18px}
 header nav {width:100%;justify-content:space-between}
 .sectionhead {align-items:start}
 .sectionhead>.lead {font-size:19px}
}
@media(max-width:1000px){
 .learning-layout {grid-template-columns:1fr;gap:28px}
 .learning-layout>aside {position:static;padding:16px 20px}
 .course-nav {display:grid;grid-template-columns:1fr 1fr}
 .learning-layout>aside>.hint {display:none}
 .module-menu {padding-top:0}
 .module-menu>summary {padding:14px 0 2px}
 .course-progress small {display:none}
 .course-nav a {font-size:14px}
 .chapter-nav {grid-template-columns:repeat(4,minmax(0,1fr))}
 .leadership-story {gap:40px;padding-block:60px}
 .leadership-copy h2 {font-size:44px}
}
@media(max-width:650px){
 header {padding:18px 6% 12px;gap:18px}
 .brandmark {width:42px;height:42px;flex:none;font-size:28px}
 .hub-brand {font-size:21px}
 .brand small {font-size:8px;letter-spacing:1.25px}
 header nav {display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:14px;border-top:1px solid var(--line);padding-top:8px}
 header nav a {justify-content:center;border-radius:4px}
 header nav a[aria-current=page] {background:#e6e9dd;color:var(--accent)}
 header .navbutton {padding:7px 10px}
 h1,.pagehead h1 {font-size:clamp(42px,11.5vw,64px);letter-spacing:-.025em}
 h2 {font-size:38px}
 h3 {font-size:29px;line-height:1.12}
 .shell {padding-block:36px}
 .lead {font-size:19px;line-height:1.55}
 .eyebrow {font-size:10px;letter-spacing:1.8px;margin-bottom:20px}
 .sectionhead {margin-bottom:24px}
 .sectionhead .tag {margin-top:18px}
 .hub-opening .hero {padding-top:36px;padding-bottom:34px;gap:30px}
 .hub-opening .hero .actions {gap:12px}
 .hero .actions .button {width:100%}
 .ribbon {gap:12px;font-size:9px;letter-spacing:1px;padding:18px 6%;text-align:center}
 .ribbon>span {flex:1}
 .leadership-story {grid-template-columns:1fr;gap:38px;padding-block:50px}
 .leadership-portrait {width:min(80%,300px);justify-self:center}
 .leadership-copy h2 {font-size:40px}
 .vision-steps {font-size:14px}
 .pilot-card {padding:24px}
 .mini-art {font-size:60px}
 .learning-layout {gap:24px}
 .learning-layout>aside {padding:14px 16px}
 .pagehead {padding-top:32px;padding-bottom:26px}
 .health-course {padding:0}
 .chapter-heading {align-items:center;gap:12px}
 .chapter-heading .eyebrow {font-size:10px;letter-spacing:1.5px}
 #health-read-count {font-size:12px;white-space:nowrap}
 .chapter-picker {display:block;font-size:13px;font-weight:600;margin:18px 0 12px}
 .chapter-picker select {font-size:16px;min-height:48px}
 .chapter-nav {grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:12px 0 28px}
 .chapter-nav button {text-align:center;font-size:14px;padding:8px 0;min-height:44px}
 .chapter-nav button span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #health-chapter h2 {font-size:40px;line-height:1.08}
 .anatomy-key {display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .anatomy-key button {font-size:13px;text-align:left;padding:9px 10px}
 .anatomy-point,.dial-point {width:40px;height:40px;box-shadow:0 0 0 3px #fbefe77a}
 .anatomy-point[aria-pressed=true],.dial-point[aria-pressed=true] {box-shadow:0 0 0 3px #fff3dfc2,0 7px 17px #53313d30}
 .cycle-scene {padding:30px 20px;gap:24px}
 .cycle-scene .scene-choices button {font-size:14px;padding:10px 9px;border-radius:12px}
 .scene-detail {padding-left:14px;margin-top:20px}
 .scene-detail strong {font-size:27px}
 .scene-detail p {font-size:17px}
 .kit-table {padding:22px 16px;gap:22px}
 .care-scene {border-radius:44px 44px 6px 6px}
 .scene-choices {gap:10px}
 .scene-choices button {font-size:14px}
 .chapter-footer {gap:12px;align-items:stretch}
 .chapter-footer .button {font-size:14px;flex:1;padding:12px}
 .chapter-footer .button:last-child {flex:1.8}
 .panel {padding:22px 18px}
 .module {align-items:flex-start}
 .module a {flex:none}
 .dashboard .module {padding-inline:0}
 .metrics {grid-template-columns:1fr}
 .metric {display:flex;align-items:center;gap:20px;padding:16px 20px}
 .metric strong {min-width:80px}
 .metric small {font-size:14px}
 .tablewrap {margin-inline:-6px}
 th,td {padding:12px 10px}
 .narrow h1 {font-size:46px!important}
 .tour {gap:0;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom));font-size:11px;min-height:60px;flex-wrap:nowrap}
 .tour a {min-height:44px;padding:0 5px}
 .tour span {display:none}
 .learning-page .tour {justify-content:flex-start;padding-right:150px;gap:12px}
 .learning-page .tour a {display:none}
 .learning-page .tour a[href="#home"],.learning-page .tour a[href="#student"] {display:flex}
 .learning-page .tutor-launch {right:12px;bottom:max(13px,env(safe-area-inset-bottom));padding:10px 14px;min-height:44px;font-size:14px;border-color:#a7bba3;box-shadow:none}
 .tutor-panel {right:12px;bottom:77px;width:calc(100vw - 24px);max-height:calc(100dvh - 94px)}
 #toast {bottom:82px;right:16px;max-width:calc(100vw - 32px)}
 footer {padding-bottom:94px}
}
.table-hint {display:none}
.tablewrap table {min-width:580px}
.learning-page .tour {padding-right:205px}
.learning-page .tour>span {display:none}
.learning-page .tutor-launch {bottom:7px;min-height:44px;padding:10px 18px;border-color:#a7bba3;box-shadow:none}
.learning-page .tutor-panel {bottom:76px;max-height:calc(100dvh - 94px)}
@media(min-width:1001px){
 .learning-page .pagehead {display:grid;grid-template-columns:1.1fr .9fr;gap:0 52px;align-items:start;padding-bottom:44px}
 .learning-page .pagehead>.eyebrow {grid-column:1/-1}
 .learning-page .pagehead>h1 {grid-column:1;grid-row:2/4;margin-bottom:0;font-size:clamp(58px,5.5vw,78px)}
 .learning-page .pagehead>.lead {grid-column:2;grid-row:2;margin:4px 0 20px}
 .learning-page .pagehead>.tag {grid-column:2;grid-row:3;justify-self:start}
}
#application dl {margin:24px 0}
#application dt {font-size:13px;color:var(--muted);margin-top:20px}
#application dd {margin:5px 0 0;overflow-wrap:anywhere}
@media(max-width:650px){
 .table-hint {display:block}
 .anatomy-point,.dial-point {width:44px;height:44px}
 .learning-page .tour {padding-right:150px}
 .learning-page .tutor-launch {bottom:max(13px,env(safe-area-inset-bottom));padding:10px 14px}
}

/* The First Lady's voice: a photographic opening and an editorial film collection. */
.hub-opening .hero {gap:7%;padding-block:72px 78px}
.hub-opening h1 {font-size:clamp(60px,7.1vw,100px)}
.first-lady-opening {position:relative;margin:0 0 36px;isolation:isolate;padding:24px 0 0}
.portrait-halo {position:absolute;inset:0 -18px 30px 22px;border:1px solid #8ba18d;border-radius:50% 50% 8px 8px;transform:rotate(5deg);z-index:-1}
.portrait-halo:after {content:'';position:absolute;inset:16px;border:1px dashed #8ba18d77;border-radius:inherit}
.hero-photo {overflow:hidden;aspect-ratio:1/1.06;border-radius:48% 48% 5px 5px;background:#304b42;box-shadow:0 24px 44px -22px #28453577;position:relative}
.hero-photo img {width:100%;height:100%;object-fit:cover;object-position:51% center;display:block}
.hero-photo:after {content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#132d25e8)}
.first-lady-opening figcaption {position:absolute;left:30px;right:24px;bottom:44px;color:#fff8e8;line-height:1.4}
.first-lady-opening figcaption .eyebrow {font-size:10px;margin-bottom:9px;letter-spacing:3px}
.first-lady-opening figcaption strong {display:block;font:clamp(29px,3.4vw,43px)/1.1 Instrument,Georgia,serif}
.first-lady-opening figcaption>span:last-child {font-size:14px}
.hero-film-link {position:relative;display:flex;gap:18px;align-items:center;background:#fff9ed;color:var(--accent);border:1px solid #d4c6af;border-radius:4px;padding:15px 20px;width:calc(100% - 44px);margin:-23px -20px -35px auto;box-shadow:var(--deep-shadow);text-align:left;min-height:80px;z-index:1}
.hero-film-link>span:nth-child(2) {flex:1;font-size:21px;line-height:1.2;font-weight:600}
.hero-film-link small {display:block;font-weight:400;font-size:13px;margin-top:6px}
.round-play {display:grid;place-items:center;border:1px solid currentColor;width:48px;height:48px;border-radius:50%;flex:none;font-size:14px;padding-left:2px}
.hero-photo-credit {display:block;font-size:11px;color:#647668;margin-top:49px;text-align:right}
.pathways-story {display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:88px}
.pathways-story .possibility-map {max-width:480px;width:100%;justify-self:center}
.pathways-story .vision-steps {margin:30px 0}
.voice-section {background:#203e34;color:#fff8e8;border-block:1px solid #799286}
.voice-section .shell {padding-block:76px}
.voice-section h2 em {color:#e8b69c}
.voice-section .lead {color:#d1ddd1;max-width:370px;font-size:19px}
.voice-section .eyebrow {color:#c9d5bd}
.voice-films {display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:32px;margin-top:46px}
.voice-film {min-width:0}
.voice-film>button {display:block;border:0;width:100%;position:relative;aspect-ratio:1.36;background:#132c26;padding:0;overflow:hidden;border-radius:100px 100px 4px 4px;box-shadow:0 15px 25px #0d251f44;margin-bottom:26px;color:white}
.voice-film>button:after {content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#091e17a6);pointer-events:none}
.voice-film img {width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}
.voice-film img.film-portrait {object-position:center 25%;filter:saturate(.7);opacity:.65}
.voice-film .round-play {position:absolute;bottom:18px;right:18px;background:#fff8edee;color:#28483e;z-index:1}
.film-number {position:absolute;left:21px;bottom:16px;font:36px Instrument;color:#fff8ed;z-index:1}
.film-poster-caption {position:absolute;inset:25px 20px auto;text-align:center;color:white;font:26px/1.1 Instrument;text-shadow:0 1px 7px #0d251f;z-index:1}
.voice-film .eyebrow {font-size:10px;letter-spacing:1.8px;margin-bottom:12px}
.voice-film h3 {font-size:32px;line-height:1.1;margin-bottom:17px}
.voice-film p {font-size:16px;color:#d5e0d4;line-height:1.55}
.voice-film .film-meta {font-size:12px;min-height:38px;letter-spacing:.3px;color:#c3d1bb}
.voice-film>a {font-size:14px}
.film-footnote {border-top:1px solid #ffffff26;padding-top:24px;margin:32px 0 0;color:#c3d1bb;font-size:12px;max-width:800px}
.learning-film {margin-block:38px 12px;padding:28px 0 0;border-top:1px solid #b6b8a7}
.learning-film-heading {display:flex;justify-content:space-between;gap:16px;color:var(--accent);font-size:12px;align-items:center}
.learning-film-heading .eyebrow {margin:0 0 16px}
.learning-film-heading>span:last-child {margin-bottom:16px;white-space:nowrap}
.learning-film h3 {font-size:33px;margin:0 0 16px}
.learning-film .film-meta {font-size:13px;margin-top:15px}
.learning-film .lesson-video {border-radius:8px;box-shadow:var(--lift-shadow);background:#1f372d}
.learning-film .film-links {font-size:14px;margin-bottom:22px}
.learning-film details p {margin:15px 0 0}
.scene-tour {display:flex;align-items:center;gap:18px;margin:22px 0;color:var(--accent)}
.scene-tour button {flex-shrink:0;font-size:14px;min-height:44px}
.scene-tour>span {font-size:12px;color:var(--muted);max-width:270px}
.anatomy-womb,.anatomy-vagina,.anatomy-ovaries {transition:filter .3s,stroke-width .3s,stroke .3s}
[data-part="0"] .anatomy-womb,[data-part="1"] .womb-lining,[data-part="2"] .anatomy-ovaries,[data-part="3"] .anatomy-vagina {stroke:#fff2c9;stroke-width:4;filter:drop-shadow(0 0 4px #834a45)}
[data-phase=shed] .womb-flow {animation:period-flow 2.1s ease-in-out 1}
[data-phase=release] .womb-egg {animation:egg-release 2.2s ease-out 1 both}
[data-care-step="0"] .care-bubbles {animation:soap-rise 1.6s ease-in-out 1}
[data-care-step="1"] .care-water {animation:rinse-flow 1.5s ease-in-out 1}
[data-care-step="2"] .care-air {animation:air-flow 2s ease-in-out 1}
.product-inspector {display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin:30px 0;background:#f1eddf;border-radius:6px;padding:26px}
.product-inspector figure {margin:0;position:relative;background:radial-gradient(ellipse,#fdf8ec 50%,#e0d6bf);border-radius:50%;aspect-ratio:1;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #c5b99c}
.product-inspector .health-icon {width:125px;height:125px;margin:0;filter:drop-shadow(4px 9px 3px #67483024);animation:product-arrive .4s ease-out}
.product-inspector figure span {position:absolute;bottom:10px;font-size:10px;letter-spacing:2px}
.product-inspector .scene-detail {margin:0;padding-left:20px}
@keyframes period-flow {0%{transform:translateY(-8px);opacity:.2}50%{opacity:1}100%{transform:translateY(10px);opacity:.3}}
@keyframes egg-release {from{transform:translate(0,0)}to{transform:translate(-25px,-15px)}}
@keyframes soap-rise {0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes rinse-flow {0%,100%{transform:translate(-2px,-4px);opacity:.4}50%{transform:translate(-5px,8px);opacity:1}}
@keyframes air-flow {0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(12px);opacity:1}}
@keyframes product-arrive {from{opacity:.4;transform:translateY(8px) rotate(-8deg)}to{opacity:1;transform:none}}
@media(hover:hover){.voice-film>button:hover img{transform:scale(1.04)}.hero-film-link:hover{background:#f5ecd7}}
@media(max-width:1000px){.voice-films{gap:22px}.voice-film h3{font-size:29px}.voice-film>button{border-radius:75px 75px 4px 4px}.hero-film-link{margin-right:-8px}.first-lady-opening figcaption{left:20px}.film-poster-caption{font-size:23px}}
@media(max-width:800px){.hub-opening .hero{padding-block:40px 30px}.first-lady-opening{max-width:470px;width:calc(100% - 20px);justify-self:center;margin-block:0 12px}.hero-photo{aspect-ratio:1.05}.first-lady-opening figcaption strong{font-size:39px}.pathways-story{grid-template-columns:1fr;padding-block:54px;gap:25px}.pathways-story .possibility-map{max-width:420px}.voice-films{grid-template-columns:1fr;gap:35px}.voice-film{display:grid;grid-template-columns:.85fr 1fr;column-gap:24px}.voice-film>button{grid-column:1;grid-row:1/6;margin:0;align-self:start;aspect-ratio:1}.voice-film>:not(button){grid-column:2}.voice-film .film-meta{min-height:0}.voice-section .shell{padding-block:48px}.voice-film p{margin-bottom:15px}.voice-film .eyebrow{margin-top:5px}.voice-film h3{font-size:29px}}
@media(max-width:500px){.hub-opening h1{font-size:clamp(57px,13vw,68px)}.portrait-halo{right:-10px}.first-lady-opening figcaption strong{font-size:34px}.hero-film-link{width:calc(100% - 20px);padding:13px 16px;gap:12px}.hero-film-link>span:nth-child(2){font-size:20px}.hero-photo-credit{font-size:10px}.voice-film{display:block}.voice-film>button{aspect-ratio:1.55;margin-bottom:22px}.voice-film h3{font-size:33px}.voice-film .film-meta{font-size:12px}.voice-films{gap:42px}.film-poster-caption{font-size:27px}.scene-tour{align-items:flex-start;flex-direction:column;gap:4px}.product-inspector{grid-template-columns:1fr;padding:24px 20px;gap:24px}.product-inspector figure{width:170px;justify-self:center}.product-inspector .scene-detail{padding-left:15px}.learning-film h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.first-lady-opening figcaption {bottom:132px}

/* A learning product first: the opening previews knowledge becoming a personal project. */
.learning-opening {position:relative;isolation:isolate;padding:32px 10px 30px;margin-bottom:20px}
.opening-orbit {position:absolute;inset:0 -14px 30px;border-radius:49% 49% 8% 8%;background:linear-gradient(135deg,#c1d0b6,#e5e5cf);border:1px solid #93aa8b;transform:rotate(4deg);z-index:-2}
.opening-orbit:before {content:'';position:absolute;inset:17px;border:1px dashed #758e704f;border-radius:inherit}
.opening-paper {position:relative;padding:24px 28px 29px;background:#fffaf0;border:1px solid #c6c7ad;box-shadow:0 18px 32px -15px #28453555;border-radius:9px;transform:rotate(-2deg)}
.opening-paper:before {content:'';position:absolute;inset:8px -7px -8px 8px;background:#ded8bf;border:1px solid #b8b89c;border-radius:8px;z-index:-1}
.opening-paper-head {display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d6d8c3;padding-bottom:17px;color:#45634f;font-size:9px;letter-spacing:1.7px}
#opening-visual {height:245px;display:grid;align-items:center}
#opening-visual>svg {width:100%;max-height:245px;filter:drop-shadow(0 5px 4px #283d2922);animation:product-arrive .4s ease-out}
#opening-detail {min-height:174px}
#opening-detail .eyebrow {font-size:10px;margin-bottom:13px;color:#6d765c}
#opening-detail h3 {font-size:37px;margin-bottom:13px;color:#294d3e}
#opening-detail p {font-size:16px;margin-bottom:16px;max-width:340px;color:#63705e}
#opening-detail a {font-size:14px;font-weight:600;color:#315a49}
.opening-stepper {display:flex;position:relative;margin:18px -8px 0 24px;background:#294d3e;padding:8px;border-radius:7px;box-shadow:0 12px 22px -12px #153b2c88;gap:6px;transform:rotate(1deg)}
.opening-stepper button {flex:1;background:transparent;border:1px solid transparent;color:#f7efde;padding:9px 5px;min-height:55px;text-align:left;font-size:14px;border-radius:4px}
.opening-stepper button span {display:block;font-size:9px;letter-spacing:1.5px;color:#b8caae;margin-bottom:4px}
.opening-stepper button[aria-pressed=true] {background:#f7efde;color:#294d3e;border-color:#fffaf0}
.opening-stepper button[aria-pressed=true] span {color:#506a4f}
.opening-note {margin:22px 0 -24px 15px;color:#455d45;font-size:13px;text-align:center}
.opening-note>span {color:#a56b53;font-size:20px;margin-right:8px}
.sample-site {background:#e4eee7;border:1px solid #a4b8a6;border-radius:5px;position:relative;padding:17px;overflow:hidden;animation:product-arrive .4s ease-out;box-shadow:0 8px 12px #20413215}
.sample-site-nav {display:flex;justify-content:space-between;font-size:9px;gap:12px;border-bottom:1px solid #b9cbbd;padding-bottom:10px;color:#2f594a}
.sample-site-nav span {font-size:7px;white-space:nowrap}
.sample-site-body {position:relative;z-index:1;padding:16px 0 4px;max-width:80%}
.sample-site-body>span {font-size:7px;letter-spacing:1px;display:block;margin-bottom:10px;color:#456958}
.sample-site-body strong {display:block;font:29px/.98 Instrument,Georgia,serif;color:#285444}
.sample-site-body em {color:#52765e}
.sample-site-body p {font-size:9px;line-height:1.4;margin:10px 0;color:#456958;max-width:170px}
.sample-site-body i {font:8px Source,Arial;background:#315d4b;color:#fbf5df;padding:5px 8px;display:inline-block}
.sample-site-sun {position:absolute;right:10px;bottom:30px;font-size:92px;line-height:1;color:#b9ca96}
.access-scene {margin-block:28px;padding:28px;background:#e7ecdd;border-left:3px solid #52765e;border-radius:0 7px 7px 0}
.access-scene .eyebrow {font-size:10px;letter-spacing:1.4px}
.access-scene h3 {font-size:34px}
.access-scene .scene-detail {background:#f6f6e9;padding:20px;border:0;border-radius:6px}
.access-scene .scene-detail strong {font-size:26px}
.access-scene .sources {margin-bottom:0}
.other-products {margin-top:16px}
.other-products>.hint {margin-top:14px}
.other-products .product-shelf {margin-top:15px}
.product-context {font-size:15px;color:#62705f;border-left:2px solid #799780;padding-left:17px}
@media(max-width:1100px) and (min-width:801px){.opening-paper{padding:20px}#opening-visual{height:205px}#opening-detail h3{font-size:32px}.opening-stepper{margin-left:0}.opening-stepper button{font-size:12px}.sample-site-body strong{font-size:25px}.sample-site-sun{font-size:66px}}
@media(max-width:800px){.learning-opening{max-width:470px;width:calc(100% - 16px);justify-self:center;margin-top:12px}.opening-orbit{inset:0 -8px 30px}#opening-visual{height:230px}#opening-detail{min-height:180px}}
@media(max-width:500px){.opening-paper{padding:20px}.opening-paper-head{font-size:8px;letter-spacing:.9px}#opening-visual{height:190px}#opening-detail h3{font-size:32px}#opening-detail p{font-size:15px}#opening-detail{min-height:192px}.opening-stepper{margin-left:0;margin-right:-10px}.opening-stepper button{font-size:12px;padding-inline:6px}.sample-site{padding:12px}.sample-site-body strong{font-size:24px}.sample-site-body{max-width:86%}.sample-site-sun{font-size:60px;right:5px}.sample-site-nav span{display:none}.access-scene{padding:22px 18px}.access-scene h3{font-size:30px}.access-scene .scene-choices{flex-direction:column;align-items:stretch}.access-scene .scene-choices button{text-align:left}}
@media(max-width:500px){.learning-opening .opening-orbit{inset-inline:2px}}
.opening-note {margin:22px 0 0 15px}
.opening-paper:before {inset:0;background:transparent;border:0;box-shadow:8px 8px 0 #ded8bf}

/* Warm, welcoming learning spaces; distinct from the Office's civic green. */
:root {--accent:#60394f;--ink:#422f3b;--paper:#fff9f1;--muted:#705f66;--rust:#914d5e;--line:#e0cec4;--sage:#f2e9dc;--rose:#f2ded4}
body {background:var(--paper)}
header {background:#fffaf4}
.brandmark {background:#7a485d}
.notice,.tour {background:#4d3043}
.hub-opening {background:radial-gradient(ellipse at 79% 40%,#f8e7c9 0%,#f6e3d5 42%,#fbf1e6 85%)}
.hub-opening h1 em {color:#8a4a60}
.hub-opening .button:not(.secondary),.button {background:var(--accent);border-color:var(--accent)}
.button:hover {background:#78475f}
.button.secondary {background:transparent;color:var(--accent)}
.button.secondary:hover {background:#f0ddd4}
.feature,.hub-page .feature {background:#5a384d}
.feature p,.hub-page .feature p {color:#f2e2db}
.feature .button {background:#fff5e5;color:#60394f;border-color:#fff5e5}
.feature .button:hover {background:#f2ddc8;color:#60394f}
.vision-steps {border-color:#ddc6b9}
.vision-steps b {color:#986045}
.possibility-map a {color:#60394f;border-color:#c2a79a;background:#fff8ea;box-shadow:0 5px 14px #6a3d4b22}
.possibility-map a:is(:hover,:focus-visible) {background:#74455e;color:#fff8ea}
.map-stitch {stroke:#aa786c}
.map-trace {stroke:#78405a}
.possibility-map svg {filter:drop-shadow(0 25px 24px #703f4b1c)}
.public-story,.voice-section {background:#432d3d;border-color:#947282}
.voice-section .lead,.voice-film p {color:#edddd8}
.voice-section .eyebrow,.voice-film .film-meta,.film-footnote {color:#dcc7bb}
.voice-section h2 em {color:#eebc9b}
.voice-film>button {background:#342330;box-shadow:0 15px 25px #22152244}
.voice-film .round-play {color:#60394f}
.voice-film>button:after {background:linear-gradient(transparent 48%,#2e1a2ba6)}
.film-poster-caption {text-shadow:0 1px 7px #2e1a2b}
.story-grid figcaption {color:#ecddd5}
.learning-layout>aside {background:#f4e9df;border-color:#ddc8bc}
.progress {background:#eadbd2}
.progress i {background:linear-gradient(90deg,#b0675f,#6b3b55)}
.reading-position i {background:#bf8153}
.course-nav a[aria-current=page] {box-shadow:0 5px 14px #63394f20}
.module-menu>summary {color:var(--accent)}
.chapter-nav button[aria-current=step] {background:#f2ded4;border-color:#98576a}
.tutor-module {color:#f4dfd0}
.learning-page .tutor-launch {border-color:#d6b3bf}
.access-scene {background:#f3e5d8;border-left-color:#a47460}
.access-scene .scene-detail {background:#fff7eb}
.product-context {color:#76615e;border-left-color:#b08978}
.learning-film {border-top-color:#ccb1a3}
.learning-film .lesson-video {background:#432d3d}
.opening-orbit {background:linear-gradient(140deg,#e7bfae,#f4dfbc);border-color:#bf927f}
.opening-orbit:before {border-color:#a374684f}
.opening-paper {border-color:#d3b5a0;background:#fff9ed;box-shadow:0 18px 32px -15px #70425455}
.opening-paper:before {box-shadow:8px 8px 0 #e3cab4}
.opening-paper-head {border-color:#e5d3bd;color:#825f57}
#opening-detail .eyebrow {color:#896b5d}
#opening-detail h3 {color:#663d53}
#opening-detail p {color:#79645f}
#opening-detail a {color:#75435b}
.opening-stepper {background:#623a50;box-shadow:0 12px 22px -12px #56334788}
.opening-stepper button span {color:#dfc1bd}
.opening-stepper button[aria-pressed=true] {color:#60394f;background:#fff0da;border-color:#fff8e8}
.opening-stepper button[aria-pressed=true] span {color:#896252}
.opening-note {color:#795a54}
.sample-site {background:#e5eef0;border-color:#adc3cb}
.sample-site-nav,.sample-site-body>span,.sample-site-body p {color:#4a6773;border-color:#bbced3}
.sample-site-body strong {color:#294e66}
.sample-site-body em {color:#4b7185}
.sample-site-body i {background:#345e75}
.sample-site-sun {color:#a9c7d0}
@media(max-width:650px){header nav a[aria-current=page]{background:#f2e2d8;color:#60394f}}
@media(max-width:800px){.hub-opening .hero{gap:36px}}

/* Film covers fill their frames; live playback keeps its full native rectangle. */
.voice-films {grid-template-columns:repeat(3,minmax(0,1fr))}
.voice-film>button {aspect-ratio:16/9;border-radius:60px 60px 5px 5px}
.voice-film .letterboxed-poster {position:absolute;top:-16.667%;left:0;height:133.334%;width:100%;object-fit:fill}
.film-poster-caption {display:none}
.film-arch button {aspect-ratio:16/9;border-radius:65px 65px 5px 5px}
.film-arch img {object-fit:cover}
@media(max-width:800px){.voice-films{grid-template-columns:1fr}.voice-film>button{aspect-ratio:16/9;border-radius:45px 45px 5px 5px}}

/* Her-Cycle's public graphics are working previews, with one clear next step. */
.programme-journey {position:relative;isolation:isolate;margin:18px 0 0;padding:16px 0 0}
.programme-journey:before {content:'';position:absolute;inset:0 -12px 36px 15px;background:#e4c5b2;border:1px solid #c49783;border-radius:46% 46% 9px 9px;transform:rotate(3deg);z-index:-1}
.journey-cover {background:#fff7e8;border:1px solid #d9bfa8;border-radius:120px 120px 6px 6px;padding:42px 30px 28px;box-shadow:var(--deep-shadow)}
.journey-cover-top {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:8px}
.journey-cover-top .programme-wordmark {font-size:54px;margin:0;color:#7b485e}
.journey-cover-top>span:last-child {font-size:11px;letter-spacing:1px;color:#8c6558;padding-right:12px}
#programme-visual {height:215px;display:grid;align-items:center}
#programme-visual>svg {height:210px;width:100%;animation:product-arrive .45s ease-out}
#programme-visual .sample-site {margin:8px 0}
#programme-detail {min-height:215px}
#programme-detail .eyebrow {font-size:10px;letter-spacing:1.6px;margin:12px 0 13px;color:#936c59}
#programme-detail h3 {font-size:34px;margin-bottom:14px;color:#673e52}
#programme-detail p {font-size:16px;line-height:1.5;margin-bottom:16px;color:#78615e}
#programme-detail a {font-size:14px;font-weight:600;color:#75435b}
.journey-tabs {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;gap:3px;padding:8px;background:#643c52;border:1px solid #734c60;border-radius:6px;margin:14px -8px 0 10px;box-shadow:var(--lift-shadow)}
.journey-tabs button {background:transparent;border:1px solid transparent;border-radius:3px;color:#fff2de;font-size:11px;padding:8px 2px;min-height:55px;text-align:center}
.journey-tabs button span {display:block;font-size:9px;color:#dfc5ba;margin-bottom:5px}
.journey-tabs button[aria-pressed=true] {background:#fff0d9;color:#693e53;border-color:#fff7e9}
.journey-tabs button[aria-pressed=true] span {color:#9c6f58}
.journey-hint {font-size:12px;margin:20px 0 0;text-align:center;color:#866456}
.health-gateway {position:relative;padding:30px;background:linear-gradient(145deg,#f0d2c2,#f6e6cd);border:1px solid #d6b29c;border-radius:120px 120px 9px 9px;box-shadow:0 9px 0 -3px #e1c0ac,0 24px 36px -26px #66364e70;margin:18px 0}
.gateway-top {display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px}
.gateway-top .eyebrow {font-size:9px;letter-spacing:1.5px;margin:0;color:#815950}
.gateway-top>span:last-child {font-size:35px;color:#ad755a}
#gateway-visual {height:285px;display:grid;place-items:center;position:relative}
#gateway-visual>svg {max-height:275px;width:100%;filter:drop-shadow(0 8px 5px #8146511a);animation:product-arrive .45s ease-out}
.gateway-choices {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 25px}
.gateway-choices button {border:1px solid #ba9589;background:#fff4e4;color:#704354;border-radius:22px;font-size:12px;min-height:44px;padding:8px 5px}
.gateway-choices button[aria-pressed=true] {background:#704354;color:#fff4e4;border-color:#704354;box-shadow:0 5px 9px #70435420}
#gateway-detail h3 {font-size:34px;line-height:1.06;color:#653e51;margin-bottom:16px}
#gateway-detail p {font-size:16px;line-height:1.5;color:#755d59}
#gateway-detail a {font-size:14px;font-weight:600;color:#704354}
#gateway-detail {min-height:185px}
.gateway-kit {width:100%;height:100%;position:relative;display:grid;place-items:center;max-width:380px}
.gateway-bag .health-icon {width:190px;height:190px;stroke-width:1;color:#9e5d6b;margin:30px 0 0;filter:drop-shadow(0 10px 3px #80515d22)}
.gateway-supply {position:absolute;padding:10px;background:#fff3dc;border:1px solid #c79886;border-radius:50%;box-shadow:0 7px 12px #74495624;animation:product-arrive .5s ease-out}
.gateway-supply .health-icon {width:57px;height:57px;margin:0;color:#9a5b6a}
.supply-pad {left:4%;top:18%;transform:rotate(-12deg)}
.supply-soap {right:0;top:24%;transform:rotate(13deg)}
.supply-shirt {top:1%;left:43%;transform:rotate(4deg)}
.gateway-care {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;width:100%;position:relative}
.gateway-care:before {content:'';position:absolute;left:10%;right:10%;top:45%;border-top:2px dashed #b88979}
.gateway-care>span {position:relative;display:grid;justify-items:center;gap:12px}
.gateway-care .health-icon {width:76px;height:76px;padding:15px;background:#fff5df;border:1px solid #d2b09b;border-radius:50%;color:#995e6a;margin:0;box-shadow:0 8px 12px #7449561c}
.gateway-care b {font-weight:400;font-size:12px;color:#805c58}
#gateway-visual .classroom-scene {margin:0;width:100%;box-shadow:none;background:transparent}
#gateway-visual .classroom-scene figcaption {font-size:12px;text-align:center;padding-top:10px}
@media(max-width:1100px) and (min-width:801px){.journey-cover{padding:34px 22px 24px;border-radius:95px 95px 6px 6px}.journey-cover-top .programme-wordmark{font-size:42px}.journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.health-gateway{padding:25px 20px}.gateway-care{grid-template-columns:1fr 1fr}.gateway-care:before{display:none}}
@media(max-width:800px){.programme-journey,.health-gateway{width:100%;max-width:500px;justify-self:center}.programme-journey{width:calc(100% - 10px)}.programme-journey:before{right:-6px}.health-gateway{margin-top:0}.journey-tabs{margin-right:0}.journey-cover{border-radius:90px 90px 6px 6px}}
@media(max-width:500px){.journey-cover{padding:35px 22px 24px}.journey-cover-top .programme-wordmark{font-size:46px}.journey-cover-top>span:last-child{font-size:10px;padding:0}.journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0}.journey-tabs button{font-size:13px}#programme-detail{min-height:230px}#programme-detail h3{font-size:32px}.health-gateway{padding:28px 18px;border-radius:90px 90px 8px 8px}#gateway-visual{height:240px}#gateway-visual>svg{height:235px}.gateway-top .eyebrow{font-size:8px;letter-spacing:1px}.gateway-choices{grid-template-columns:1fr 1fr;gap:8px}#gateway-detail h3{font-size:31px}#gateway-detail{min-height:205px}.gateway-care{grid-template-columns:1fr 1fr;gap:16px}.gateway-care:before{display:none}.gateway-care .health-icon{width:65px;height:65px;padding:12px}.gateway-care>span{gap:6px}.gateway-supply .health-icon{width:45px;height:45px}.gateway-bag .health-icon{width:160px;height:160px}}
.film-arch img {top:-16.667%;bottom:auto;height:133.334%;width:100%;object-fit:fill}
[data-route=programme] .hero,[data-route=health] .hero {align-items:start}
.journey-cover {padding:28px 26px 24px;border-radius:90px 90px 6px 6px}
#programme-visual {height:170px}
#programme-visual>svg {height:165px}
#programme-visual .sample-site {padding:12px;margin:4px 0}
#programme-visual .sample-site-body {padding-top:9px}
#programme-visual .sample-site-body strong {font-size:24px}
#programme-detail {min-height:190px}
#programme-detail h3 {font-size:30px}
.journey-tabs {padding:6px}
.journey-tabs button {min-height:48px}
@media(max-width:500px){.journey-cover{padding:30px 20px 22px}#programme-detail{min-height:230px}.journey-tabs button{min-height:52px}}

/* Presentation rehearsal: distinct compositions, with room for content at every size. */
.programme-journey {padding:10px 0 0;margin-top:12px}
.programme-journey:before {inset:0 0 56px 12px;border-radius:7px 24px 7px 7px;transform:rotate(1.5deg);background:#d9af98}
.journey-cover {position:relative;border-radius:5px 22px 5px 5px;padding:28px 28px 25px 36px;background:linear-gradient(90deg,#e6c9b4 0 9px,#fff7e8 9px);box-shadow:0 20px 32px -22px #60394f70}
.journey-cover:before {content:'';position:absolute;left:17px;top:24px;bottom:24px;border-left:1px dashed #c79d86;pointer-events:none}
.journey-cover-top {padding-bottom:16px;border-bottom:1px solid #dbc0a8}
.journey-cover-top .programme-wordmark {font-size:50px}
.journey-cover-top>span:last-child {text-align:right;font-size:11px;line-height:1.6;padding:0;flex:none}
#programme-visual {height:205px;margin:12px 0 4px;background:radial-gradient(ellipse at center,#f0dcc1 0%,#fff7e800 68%)}
#programme-visual>svg {height:200px;filter:drop-shadow(0 8px 5px #784b5016)}
#programme-detail {min-height:200px}
.journey-tabs {margin:16px 0 0 12px}
.health-gateway {border-radius:5px 5px 28px 5px;padding:26px 28px;background:linear-gradient(150deg,#f6e3d5,#f8eddc);box-shadow:0 7px 0 -3px #e2c4ad,0 22px 32px -28px #66364e80}
.gateway-top {padding:0 0 12px;border-bottom:1px solid #d9b9a6}
.gateway-top .eyebrow {font-size:10px;letter-spacing:1.4px;line-height:1.5}
.gateway-top>span:last-child {font-size:30px;line-height:1}
#gateway-visual {margin:12px 0;background:radial-gradient(ellipse at center,#eac8b7 0%,#edcfbd88 48%,transparent 70%)}
.gateway-choices {border-bottom:1px solid #d9b9a6;padding-bottom:22px;margin-bottom:24px}
.gateway-choices button {border-radius:6px}
#gateway-detail {min-height:190px}
/* Curves describe the subject, rather than enclosing every chapter. */
.anatomy-figure {background:radial-gradient(ellipse at center,#eed3c5 0%,#f4e2d2 58%,#fff9f100 72%);border-radius:0;box-shadow:none}
.cycle-scene {border-radius:12px;background:linear-gradient(135deg,#f2e2d5,#f5e9db);box-shadow:inset 0 0 0 1px #d6b9a366}
.kit-table {border-radius:8px;background:linear-gradient(165deg,#f4e4ce,#e8cbb4);box-shadow:inset 0 -7px 0 #d3b49a,0 14px 22px -20px #69424977}
.product-shelf {border-radius:6px;background:#efe3d1;box-shadow:inset 0 -5px 0 #d2baa0}
.care-scene {border-radius:12px;box-shadow:inset 0 0 0 1px #cfb59d,0 12px 20px -20px #69424977}
.classroom-scene {border-radius:6px;box-shadow:0 12px 20px -20px #69424977}
.comfort-objects button {border-radius:12px}
.voice-film>button {border-radius:8px}
.builder-jump {display:none}
@media(max-width:1000px){
 .builder-jump {display:inline-flex;align-items:center;min-height:44px;margin:0 0 14px;color:var(--accent)}
 .preview-column {scroll-margin-top:20px}
 #website-form {scroll-margin-top:20px}
}
@media(max-width:650px){
 header {padding:14px 5% 8px;gap:12px}
 header nav {grid-template-columns:.8fr 1fr 1.4fr 1.2fr;gap:3px;width:100%;padding-top:6px;font-size:12px}
 header nav a,header .navbutton {display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 2px;line-height:1.25;text-align:center}
 .notice {font-size:10px;padding:7px 5%;line-height:1.5}
 .learning-page .pagehead {padding-top:24px;padding-bottom:22px}
 .learning-page .pagehead h1 {font-size:40px;margin-bottom:16px}
 .learning-page .pagehead .eyebrow {margin-bottom:14px}
 .learning-page .pagehead .lead {font-size:17px;line-height:1.5;margin-bottom:16px}
 .learning-page .pagehead .tag {font-size:11px;line-height:1.5}
 .learning-layout {gap:22px}
 .chapter-nav {display:none}
 .chapter-picker {margin-bottom:26px}
 #health-chapter h2 {font-size:36px}
 #health-chapter h3 {font-size:29px}
 .programme-journey {width:calc(100% - 8px)}
 .journey-cover {padding:24px 20px 22px 29px;border-radius:5px 18px 5px 5px}
 .journey-cover:before {left:15px}
 .journey-cover-top {gap:12px}
 .journey-cover-top .programme-wordmark {font-size:43px}
 .journey-cover-top>span:last-child {font-size:10px}
 #programme-visual {height:190px}
 #programme-visual>svg {height:185px}
 #programme-detail {min-height:215px}
 #programme-detail h3 {font-size:30px}
 .journey-tabs {margin-left:0}
 .health-gateway {padding:24px 20px;border-radius:5px 5px 24px 5px}
 .gateway-top .eyebrow {font-size:9px;letter-spacing:1px}
 #gateway-detail {min-height:200px}
 .cycle-scene {padding:26px 20px}
 .care-scene {border-radius:8px}
 .voice-film>button {border-radius:6px}
 .film-arch button {border-radius:36px 36px 5px 5px}
}
@media(max-width:360px){
 header nav {font-size:11px}
 .journey-cover-top .programme-wordmark {font-size:36px}
 .journey-cover {padding-right:16px}
 #programme-detail {min-height:235px}
 .gateway-top .eyebrow {font-size:8px}
}
/* On a phone, follow the active care station instead of shrinking the whole room. */
@media(max-width:650px){
 .care-scene {aspect-ratio:1.36}
 .care-scene>svg {width:200%;max-width:none;height:auto;transform:translateX(0);transition:transform .5s ease}
 .care-scene[data-care-step="2"]>svg {transform:translateX(-29%)}
 .care-scene[data-care-step="3"]>svg {transform:translateX(-50%)}
}
/* Keep the decorative backdrop clear of the opening's caption and controls. */
.learning-opening .opening-orbit {bottom:120px}
.opening-note {position:relative;margin:26px 0 0;line-height:1.5}

/* Short guided beats; manual steps remain available at any pace. */
[data-phase=shed] .womb-flow{animation-duration:1s}
[data-phase=release] .womb-egg{animation-duration:1s}
[data-care-step="0"] .care-bubbles,[data-care-step="1"] .care-water,[data-care-step="2"] .care-air{animation-duration:1s}

/* Open path identity — editorial public pages, focused learning spaces. */
.hub-symbol{width:50px;height:44px;flex:none;object-fit:contain}
header .hub-brand{font-size:25px;letter-spacing:-.6px;font-weight:600}
header .brand small{letter-spacing:1.5px;font-size:8px}
body{font-size:17px;line-height:1.6}
h1,h2,h3{text-wrap:balance}
p{max-width:68ch}
.lead{font-size:21px;line-height:1.55;max-width:38ch}
.hub-opening h1{font-size:clamp(58px,6.6vw,94px);line-height:.98;letter-spacing:-2px}
.hub-opening .hero{padding-top:65px;padding-bottom:64px}
.hub-opening{background:radial-gradient(ellipse at 75% 35%,#eed5bb,transparent 53%),#fbf2e7}
.hero .eyebrow{max-width:44ch;line-height:1.6}
.button{border-radius:4px;min-height:48px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a56a32;outline-offset:4px}
.hub-page .pilot-card{background:#ecd9c7;border:0;border-radius:4px;box-shadow:none}
.hub-page .pilot-card .programme-wordmark{font-size:70px}
.hub-page .tile{padding:24px 0;background:transparent;box-shadow:none;border-top:2px solid #b98970}
.hub-page .tile .num{font:36px Instrument,Georgia;color:#a6665f}
.hub-page .tile h3{font-size:29px}
.hub-page .tile .tag{background:transparent;padding:0;font-size:12px}
.hub-page .feature{padding:40px}
.voice-section{padding-block:60px}
.voice-film h3{font-size:30px;line-height:1.08}
.voice-film p{font-size:15px;line-height:1.55}
.learning-page .pagehead{position:relative;max-width:1320px;padding-top:36px;padding-bottom:30px;padding-right:18%}
.learning-page .pagehead h1{font-size:clamp(42px,5vw,68px);margin-bottom:18px;letter-spacing:-1px}
.learning-page .pagehead .lead{font-size:18px;max-width:65ch}
.module-seal{position:absolute;right:6%;top:46px;font:110px/.9 Instrument,Georgia;color:#bd8b7a;letter-spacing:-5px;border-bottom:1px solid #c9a18b;padding-bottom:15px}
.learning-content>h2{font-size:39px}
.learning-content .panel{border-color:#dbc8b8;box-shadow:none;border-radius:7px;background:#fffdf7}
.learning-content .panel .eyebrow{color:#89594d}
.digital-desk{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:0 0 32px;padding:30px;background:linear-gradient(130deg,#f0dbc7,#f8ead4);border-radius:7px;position:relative;overflow:hidden;border-bottom:5px solid #cda68d}
.desk-art{transform:rotate(-3deg)}
.desk-art svg{width:100%;display:block;filter:drop-shadow(0 14px 8px #67415215);animation:product-arrive .3s ease-out}
.desk-copy h2{font-size:44px;margin-bottom:22px}
.desk-copy .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:15px}
.desk-tabs{display:flex;gap:6px;flex-wrap:wrap}
.desk-tabs button{border:1px solid #b49383;background:#fff8e9;color:#60394f;font-size:14px;min-height:44px;padding:8px 12px;border-radius:5px}
.desk-tabs button[aria-pressed=true]{background:#60394f;color:#fff8e9}
#desk-detail{min-height:165px;padding-top:20px}
#desk-detail h3{font-size:28px;margin-bottom:9px}
#desk-detail p{font-size:16px;margin-bottom:0}
.video-panel{margin-top:32px}
.web-foundations{margin-bottom:28px;padding:25px 0;border-block:1px solid #dbc8b8}
.web-foundations h3{font-size:34px}
.web-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.web-layers>div{background:#eee0cf;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:9px;box-shadow:0 4px 0 #d3baa2}
.web-layers>div:nth-child(2){background:#ecd2c8;box-shadow:0 4px 0 #cfa89b}
.web-layers>div:nth-child(3){background:#e1e7df;box-shadow:0 4px 0 #bdcbbf}
.web-layers b{font-size:10px;letter-spacing:1.7px}
.web-layers span{font:25px Instrument,Georgia}
.web-layers i{font-style:normal;font-size:30px;line-height:1.1;margin-top:12px;color:#805066}
.web-layers .layer-window{background:#fff8e9;border:1px solid #b4b6a5;font:18px Instrument,Georgia;padding:14px 10px}
.web-layers .layer-swatches{color:#915768;letter-spacing:3px}
[data-route=student] .journey-sheet{border-top:5px solid #a76f65;padding-top:26px}
[data-route=student] .module{padding-block:22px}
[data-route=student] .module strong{font-size:17px;font-weight:600}
[data-route=student] .module a{display:grid;place-items:center;min-width:65px;min-height:44px}
[data-route=coordinator] .pagehead h1{font-size:clamp(42px,5vw,70px)}
[data-route=coordinator] .metric{border:0;border-left:3px solid #b47b68;box-shadow:none;background:#f1e3d5}
[data-route=coordinator] .metric strong{font:60px Instrument,Georgia;color:#77485d}
[data-route=coordinator] tbody tr:nth-child(even){background:#faf2e7}
[data-route=programme] .week{position:relative;border-bottom:0;border-left:2px solid #d2b29c;padding-left:24px;margin-left:8px}
[data-route=programme] .week:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#9e6b65;left:-6px;top:28px;box-shadow:0 0 0 5px #fff9f1}
@media(max-width:1000px){.digital-desk{grid-template-columns:1fr 1.2fr}.module-seal{font-size:80px}}
@media(max-width:650px){
 header .hub-brand{font-size:21px}.hub-symbol{width:40px;height:36px}header .brand{gap:10px}
 header .brand small{font-size:7px;letter-spacing:1px}
 .hub-opening .hero{padding-top:30px;padding-bottom:34px;gap:26px}
 .hub-opening h1{font-size:57px;line-height:.98;letter-spacing:-1.5px;margin-bottom:20px}
 .lead{font-size:18px;line-height:1.5}
 .hero .eyebrow{margin-bottom:18px;font-size:9px}
 .hub-page .hero .actions{display:grid;grid-template-columns:1fr;gap:9px}
 .hub-page .hero .actions .button{padding-block:12px}
 .learning-opening{margin-top:0}
 .opening-paper{padding:19px}.opening-paper-head{font-size:8px}
 #opening-visual{height:165px}#opening-detail{min-height:165px}
 #opening-detail h3{font-size:30px}#opening-detail p{font-size:15px}
 .opening-stepper{margin-top:14px}.opening-note{margin-top:20px}
 .voice-section{padding-block:38px}.voice-film h3{font-size:29px}
 .voice-films{gap:30px}.voice-film>button{margin-bottom:18px}
 .hub-page .sectionhead{gap:14px}.hub-page .sectionhead h2{font-size:36px;margin-bottom:10px}
 .hub-page .pilot-card{gap:24px}.hub-page .pilot-card .programme-wordmark{font-size:60px}
 .hub-page .tiles{gap:4px}.hub-page .tile{padding:20px 0;display:grid;grid-template-columns:36px 1fr;column-gap:16px}
 .hub-page .tile h3{font-size:28px;margin:0 0 8px}.hub-page .tile p,.hub-page .tile .tag{grid-column:2;margin-bottom:10px}
 .hub-page .feature{padding:25px;gap:15px}
 .learning-page .pagehead{padding:24px 6% 22px}.module-seal{position:static;font:20px Source,Arial;letter-spacing:0;padding:0;margin:0 9px 14px 0;display:inline-block;border:0;color:#946359}
 .learning-page .pagehead>.eyebrow{display:inline;font-size:9px;letter-spacing:1.3px}
 .learning-page .pagehead h1{font-size:38px;line-height:1.03;margin-bottom:14px}
 .learning-page .pagehead .lead{font-size:16px;line-height:1.5;margin-bottom:14px}
 .digital-desk{display:flex;flex-direction:column;padding:22px;gap:4px}
 .desk-art{width:100%;max-width:300px}.desk-copy{width:100%}.desk-copy h2{font-size:36px;margin-bottom:16px}.desk-copy h2 br{display:none}
 .desk-copy>.eyebrow{margin-bottom:12px}#desk-detail{min-height:155px}
 .web-layers{gap:8px}.web-layers>div{padding:12px 8px;gap:8px}
 .web-layers b{font-size:8px;letter-spacing:.6px}.web-layers span{font-size:22px;line-height:1.1}.web-layers i{font-size:23px}.web-layers .layer-window{font-size:15px;padding:10px 5px}
 .web-foundations h3{font-size:29px}
 [data-route=student] .pagehead{padding-bottom:12px}[data-route=student] .pagehead .sectionhead{margin-bottom:8px}
 [data-route=student] .module{padding-block:19px}
 [data-route=coordinator] .pagehead h1{font-size:40px}
}
@media(max-width:360px){header .hub-brand{font-size:19px}.hub-opening h1{font-size:50px}.desk-tabs button{font-size:12px;padding-inline:9px}}
@media(max-width:650px){.hub-opening .hero .actions .button.secondary{border:0;min-height:44px;padding:5px 0;justify-content:flex-start;background:transparent;box-shadow:none}.hub-opening .hero .actions{margin-top:20px}.hub-opening .hero .eyebrow{margin-bottom:15px}}

/* Leadership conversations belong on the Hub; distribution coverage belongs on health. */
.voice-films{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.voice-films{grid-template-columns:1fr}}

/* Health is a doorway into seven guides, with local context after the learning choices. */
.health-entry{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding-block:45px}
.health-entry h1{font-size:clamp(52px,6.5vw,88px);line-height:1.02;margin-bottom:22px}
.health-entry .eyebrow{font-size:10px;line-height:1.5}
.health-entry .lead{max-width:30ch}
.health-entry .hint{font-size:13px;margin:18px 0 0}
.health-entry-art{position:relative;display:grid;justify-items:center;background:radial-gradient(ellipse,#edd0bd 0%,#f4e4cf88 55%,transparent 71%);padding:16px}
.health-entry-art svg{width:100%;max-height:320px;filter:drop-shadow(0 12px 7px #6f3c5017)}
.health-entry-art>span{font:25px Instrument,Georgia;color:#805364;margin-top:5px}
.health-guide-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:30px;padding-bottom:65px}
.guide-heading{padding-top:24px;border-top:2px solid #a46b63}
.guide-heading h2{font-size:43px;margin-bottom:20px}
.guide-heading p{font-size:16px;max-width:30ch;color:var(--muted)}
.health-guide-index{display:block;border-top:1px solid #cbb4a1}
.health-guide-index>a{display:grid;grid-template-columns:38px 1fr 28px;gap:16px;align-items:center;padding:20px 6px;border-bottom:1px solid #ddcaba;min-height:80px;transition:background .2s}
.health-guide-index>a:hover{background:#f2e3d3}
.guide-number{font:27px Instrument,Georgia;color:#a26962}
.health-guide-index strong{display:block;font-size:18px;font-weight:600;line-height:1.3}
.health-guide-index small{display:block;color:var(--muted);font-size:14px;margin-top:5px;line-height:1.4}
.guide-arrow{font-size:23px;color:#925969}
.health-local-feature{background:#efe0ce;border-block:1px solid #dfc7ae}
.health-local-feature .shell{padding-block:45px}
.health-local-feature .sectionhead h2{font-size:44px;margin-bottom:0}
.health-local-feature .sectionhead>p{font-size:17px;max-width:26ch;margin:0}
.local-learning-stories{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.local-learning-stories article{border-top:1px solid #b9957d;padding-top:20px}
.local-story-label{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#80594c}
.local-learning-stories h3{font-size:33px;margin:18px 0 14px}
.local-learning-stories p{font-size:16px;max-width:45ch}
.local-learning-stories a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.local-learning-stories .local-lesson{display:flex;font-weight:600;text-decoration:none;border-top:1px solid #d3b79f;margin-top:12px;padding-top:10px}
.local-source-note{font-size:12px;color:#765f53;margin:27px 0 15px;max-width:90ch}
.public-work-note{border-top:1px solid #b9957d;font-size:15px}
.public-work-note summary{min-height:44px;padding-block:14px}
.public-work-note p{max-width:75ch}
.health-next{display:flex;align-items:center;justify-content:space-between;gap:35px}
.health-next h2{font-size:40px;margin-bottom:18px}
.health-next p{font-size:16px;max-width:45ch;margin-bottom:0}
.health-next>.button{flex-shrink:0}
@media(max-width:800px){.health-entry{gap:24px}.health-guide-section{gap:30px;grid-template-columns:1fr 1.4fr}.health-next{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){
 .health-entry{grid-template-columns:1fr;gap:15px;padding-top:26px;padding-bottom:20px}
 .health-entry h1{font-size:49px;letter-spacing:-1px;margin-bottom:18px}
 .health-entry .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:17px}
 .health-entry .lead{font-size:18px;max-width:31ch;margin-bottom:20px}
 .health-entry .button{width:100%;justify-content:space-between}
 .health-entry-art{padding:0;grid-template-columns:130px 1fr;gap:15px;background:linear-gradient(110deg,#f0dcc8,#fff9f1);border-radius:5px}
 .health-entry-art svg{height:120px;width:130px}.health-entry-art>span{font-size:25px;line-height:1.1;max-width:10ch;text-align:left;margin:0}
 .health-guide-section{display:block;padding-top:22px;padding-bottom:35px}
 .guide-heading{padding-top:19px}.guide-heading .eyebrow{margin-bottom:12px}
 .guide-heading h2{font-size:34px;margin-bottom:12px}.guide-heading h2 br{display:none}
 .guide-heading p{max-width:none;font-size:15px;margin-bottom:23px}
 .health-guide-index>a{padding:16px 0;gap:10px;grid-template-columns:29px 1fr 21px;min-height:78px}
 .health-guide-index strong{font-size:16px}.health-guide-index small{font-size:13px}.guide-number{font-size:24px}
 .health-local-feature .shell{padding-block:32px}.health-local-feature .sectionhead{display:block;margin-bottom:23px}
 .health-local-feature .sectionhead h2{font-size:35px;margin-bottom:14px}.health-local-feature .sectionhead>p{font-size:16px;max-width:none}
 .local-learning-stories{grid-template-columns:1fr;gap:25px}.local-learning-stories h3{font-size:29px;margin-block:12px}
 .local-learning-stories article{padding-top:15px}.local-learning-stories p{font-size:15px;margin-bottom:8px}
 .public-work-note .actions{flex-direction:column;align-items:flex-start;gap:10px}.public-work-note .actions a{min-height:44px;display:flex;align-items:center}
 .health-next{gap:20px;padding-block:32px}.health-next h2{font-size:34px}
}

/* Interactive health opening: one scene and one useful next step. */
.health-spark{position:relative;isolation:isolate;background:linear-gradient(140deg,#f5e1ca,#f4e4d7);border:1px solid #d9bba4;border-radius:8px 32px 8px 8px;padding:25px;box-shadow:8px 9px 0 -3px #e4cbb7,0 22px 25px -24px #73435a66}
.spark-label{font-size:9px!important;letter-spacing:1.4px;line-height:1.4;margin:0!important}
#health-spark-art{height:245px;display:grid;place-items:center;margin:12px 0;background:radial-gradient(ellipse,#e6c5ad66,transparent 70%)}
#health-spark-art>svg{height:240px;width:100%;filter:drop-shadow(0 8px 5px #6e40521c);animation:product-arrive .35s ease-out}
#health-spark-art .gateway-kit{max-width:310px}
#health-spark-art .gateway-bag .health-icon{width:170px;height:170px}
#health-spark-art .classroom-scene{margin:0;max-width:340px;background:transparent;box-shadow:none;animation:product-arrive .35s ease-out}
#health-spark-art .classroom-scene figcaption{font-size:12px;line-height:1.4;background:transparent;text-align:center;padding:6px}
.health-spark-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-top:1px solid #d3b49e;padding-top:15px}
.health-spark-tabs button{min-height:44px;padding:8px 5px;border:1px solid #b88f81;border-radius:5px;background:#fff7e7;color:#60394f;font-size:14px}
.health-spark-tabs button[aria-pressed=true]{background:#60394f;border-color:#60394f;color:#fff8e9;box-shadow:0 4px 9px #60394f22}
#health-spark-detail{min-height:112px;padding-top:18px}
#health-spark-detail p{font-size:16px;line-height:1.5;margin:0 0 10px;max-width:34ch}
#health-spark-detail a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
.health-action-films{background:#49313f;color:#fff5e6}
.health-action-films .shell{padding-block:48px}
.health-action-films h2{font-size:46px;margin-bottom:0}.health-action-films h2 em{color:#edb99b}
.health-action-films .sectionhead>p{max-width:28ch;color:#ead8cd;font-size:17px;margin-bottom:0}
.health-action-films .eyebrow{color:#e5b9a2}
.health-film-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.film-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#dfb7a4}
.health-film-pair h3{font-size:31px;margin:12px 0 23px}
.health-film-pair .lesson-video{border:1px solid #846575;border-radius:7px;box-shadow:0 12px 18px #27182422;overflow:hidden}
.health-film-pair p{font-size:16px;color:#f0e1d8;margin:12px 0}
.health-film-pair .health-film-caption{font-size:12px;color:#d9bcb0;margin-top:17px}
.health-film-links{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:13px}
.health-film-links a{min-height:44px;display:inline-flex;align-items:center}
.health-film-note{font-size:12px;color:#ddc8bc;margin:30px 0 0;max-width:90ch;padding-top:20px;border-top:1px solid #876573}
@media(max-width:650px){.health-spark{padding:20px;margin:9px 4px 10px 0;border-radius:6px 24px 6px 6px}#health-spark-art{height:180px;margin-block:6px}#health-spark-art>svg{height:175px}#health-spark-art .gateway-kit{max-width:245px}#health-spark-art .gateway-bag .health-icon{width:135px;height:135px}#health-spark-art .gateway-supply .health-icon{width:35px;height:35px}#health-spark-art .classroom-scene{max-width:265px}#health-spark-art .classroom-scene svg{max-height:140px}#health-spark-art .classroom-scene figcaption{font-size:11px}#health-spark-detail{min-height:115px;padding-top:13px}#health-spark-detail p{font-size:15px;margin-bottom:4px}.health-spark-tabs{padding-top:12px}.health-spark-tabs button{font-size:13px}.health-action-films .shell{padding-block:34px}.health-action-films .sectionhead{display:block;margin-bottom:27px}.health-action-films h2{font-size:37px;margin-bottom:15px}.health-action-films .sectionhead>p{font-size:16px;max-width:none}.health-film-pair{grid-template-columns:1fr;gap:32px}.health-film-pair article+article{border-top:1px solid #876573;padding-top:25px}.health-film-pair h3{font-size:29px;margin-bottom:18px}.health-film-pair p{font-size:15px}.health-film-note{margin-top:24px}}

.health-watch-jump{display:flex;align-items:center;min-height:44px;font-size:14px;margin-top:10px;color:var(--accent)}
#health-action-title{scroll-margin-top:22px}

/* A shorter route from public story to personal learning. */
header nav .navbutton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#60394f;color:#fff7e9;border:1px solid #60394f;border-radius:7px 7px 7px 2px;box-shadow:0 4px 0 #d6b49c;text-decoration:none;min-height:44px;padding:10px 15px}
header nav .navbutton:hover,header nav .navbutton[aria-current=page]{background:#492b3e;color:#fff7e9}
.navbutton svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.programme-hero h1{font-size:clamp(52px,6.1vw,84px);letter-spacing:-1.5px}
.programme-hero .lead{max-width:32ch}
.programme-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;border-block:1px solid #d7c0b1;padding-block:14px;max-width:390px}
.programme-facts span+span:before{content:'·';margin-right:14px;color:#9b6765}
.programme-application{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.programme-journey .journey-tabs{margin:17px 0 4px;box-shadow:none;border:0;padding:5px;grid-template-columns:repeat(3,minmax(0,1fr))}
.programme-journey .journey-tabs button{font-size:13px;min-height:44px;padding:5px 3px}
.programme-journey .journey-tabs button span{display:inline;margin:0 6px 0 0}
#programme-detail a{display:inline-flex;align-items:center;min-height:44px}
.programme-possibility{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center;padding-block:38px;border-block:1px solid #d9beaa;background:linear-gradient(115deg,#f3e1cb,#faeee0)}
.programme-possibility h2{font-size:46px;margin-bottom:0}
.programme-possibility p{max-width:47ch;margin-bottom:18px}
.direction-path{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #c6a18b;padding-top:15px;margin-bottom:16px}
.direction-path span{font-size:15px;position:relative;padding-left:14px}
.direction-path span:before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#9a596c;box-shadow:0 0 0 3px #e4c5b2}
.programme-possibility .hint{font-size:14px;margin-bottom:0}
.programme-plan{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:50px}
.programme-plan h2{font-size:46px;margin-bottom:20px}
.programme-plan>div>p{max-width:43ch;font-size:17px}
.programme-practical summary{min-height:58px;padding-block:17px;font-weight:600}
.programme-practical details p{font-size:15px}
.programme-practical .week{grid-template-columns:85px 1fr;gap:15px;padding-left:16px}
.programme-practical .week h3{font-size:27px}
.health-local-compact{padding-block:18px}
.health-local-compact summary{min-height:52px;padding-block:14px;font-size:16px}
.health-local-compact .local-learning-stories{padding-top:18px}
.health-film-pair .lesson-video{display:block;min-height:200px}
.lesson-video{min-height:200px}
@media(max-width:800px){.programme-plan{gap:30px}.programme-possibility{gap:30px}}
@media(max-width:650px){
 header nav .navbutton{padding:7px 5px;gap:5px;font-size:12px}.navbutton svg{width:16px;height:16px}
 .programme-hero{padding-top:26px;padding-bottom:25px;gap:24px}.programme-hero h1{font-size:46px;line-height:1.05;margin-bottom:17px}.programme-hero .lead{font-size:17px;margin-bottom:16px}
 .programme-facts{font-size:12px;gap:6px 12px;padding-block:10px;margin-bottom:15px}.programme-facts span+span:before{margin-right:10px}
 .programme-hero .actions{margin-top:0;gap:3px}.programme-hero .actions .button{width:100%;justify-content:space-between}.programme-application{font-size:14px}
 .programme-journey{max-width:470px;width:calc(100% - 7px)}.journey-cover{padding-top:18px;padding-bottom:15px}.journey-cover-top{padding-bottom:9px}.journey-cover-top .programme-wordmark{font-size:40px}
 #programme-visual{height:150px;margin-block:9px}#programme-visual>svg{height:145px}
 #programme-detail{min-height:185px}#programme-detail .eyebrow{margin:8px 0 10px}#programme-detail h3{font-size:29px;margin-bottom:10px}#programme-detail p{font-size:15px;margin-bottom:5px}
 .journey-hint{font-size:12px;margin:14px 0 0}
 .programme-possibility{grid-template-columns:1fr;gap:18px;padding-block:29px}.programme-possibility h2{font-size:36px}.programme-possibility p{font-size:16px}.programme-possibility h2 br{display:none}
 .programme-plan{grid-template-columns:1fr;gap:26px;padding-block:31px}.programme-plan h2{font-size:36px}.programme-plan>div>p{font-size:16px}.programme-practical summary{font-size:16px;min-height:52px;padding-block:14px}
 .health-entry .hint{margin-top:12px}.health-watch-jump{margin-top:3px}.health-entry .lead{margin-bottom:17px}
 .health-spark{padding:16px 18px;margin-top:2px}.health-spark .spark-label{margin-bottom:5px}
 #health-spark-art{height:135px;margin-block:3px}#health-spark-art>svg{height:130px}#health-spark-art .gateway-bag .health-icon{height:112px;width:112px}#health-spark-art .classroom-scene svg{max-height:104px}#health-spark-art .classroom-scene figcaption{font-size:10px}
 #health-spark-detail{min-height:105px;padding-top:10px}.health-spark-tabs{padding-top:9px}
 .health-guide-section{padding-top:12px}.guide-heading{padding-top:16px}.guide-heading h2{font-size:32px;margin-bottom:10px}.guide-heading p{margin-bottom:17px}
 .health-guide-index>a{padding-block:12px;min-height:74px}.health-guide-index small{margin-top:3px}
 .health-action-films .shell{padding-block:29px}.health-action-films .sectionhead{margin-bottom:22px}.health-film-pair h3{font-size:28px;margin:9px 0 16px}.health-film-pair{gap:23px}.health-film-pair article+article{padding-top:22px}.health-film-pair .health-film-caption{margin-top:12px}.health-film-pair p{margin-block:10px}.health-film-links{gap:0 20px}.health-film-note{margin-top:18px;padding-top:15px}
 .health-local-compact{padding-block:12px}.health-local-compact summary{font-size:15px}.health-next{padding-top:20px}
}
@media(max-width:360px){.navbutton svg{width:13px;height:13px}header nav .navbutton{font-size:11px;gap:3px;padding-inline:3px}.programme-hero h1{font-size:40px}#programme-detail{min-height:205px}.programme-facts{font-size:11px;gap:6px 8px}.programme-facts span+span:before{margin-right:7px}}
/* HTML website previews need intrinsic height; SVG scenes retain their frame. */
#opening-visual:has(.sample-site),#programme-visual:has(.sample-site){height:auto;min-height:210px;padding-block:16px;align-items:start}
#opening-visual .sample-site,#programme-visual .sample-site{width:100%;margin:0}
.programme-hero>.programme-journey{min-width:0}
.programme-hero>div>.eyebrow{max-width:none;line-height:1.5}
@media(max-width:650px){#opening-visual:has(.sample-site),#programme-visual:has(.sample-site){min-height:0;padding-block:16px}.programme-hero>div>.eyebrow{font-size:8px;letter-spacing:1px}}

/* My learning: one clear next step, then a compact, revisitable learning path. */
.learner-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-block:25px 27px}
.learner-heading .eyebrow{margin-bottom:14px;font-size:10px}.learner-heading h1{font-size:clamp(40px,4.6vw,62px);letter-spacing:-1px;margin:0;line-height:1.08}.learner-title-break{display:none}
.learner-demo{font-size:12px;color:var(--muted);max-width:24ch;flex:none;padding-bottom:5px}
.learner-overview{padding-block:0 42px}
.continue-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1.4fr .65fr .8fr;gap:35px;align-items:center;padding:36px 40px;background:#56354b;color:#fff4e3;border-radius:7px 28px 7px 7px;box-shadow:0 20px 30px -24px #58394e80}
.continue-card:before{content:'';position:absolute;z-index:-1;inset:8px -5px -6px 10px;background:#dbb89d;border-radius:inherit;transform:rotate(.5deg)}
.continue-card:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 65% 10%,#7c526280,transparent 60%),#56354b;border-radius:inherit}
.continue-copy .eyebrow{color:#efc4a4;font-size:10px;margin-bottom:14px}
.continue-copy h2{font-size:42px;margin:0 0 14px;line-height:1.08}.continue-copy h2 em{color:#f0c4a5}
.continue-copy p{font-size:17px;line-height:1.5;color:#f1dfd3;max-width:39ch;margin-bottom:21px}
.continue-card .button{background:#fff0d8;color:#503247;border:1px solid #f2d5b3;box-shadow:0 4px 0 #b88972;gap:30px;min-height:48px;justify-content:space-between}
.continue-card .button:hover{background:#f5d8b2}.continue-card a:focus-visible{outline-color:#f1c68e}
.continue-location{display:block;margin-top:17px;color:#edd5c6;font-size:12px}
.continue-art svg{display:block;width:100%;max-width:260px;filter:drop-shadow(0 9px 6px #291b2525)}
.learner-progress{border-left:1px solid #a67f8d;padding-left:27px;min-width:0}
.learner-progress>div:first-child{display:flex;flex-direction:column;gap:13px}.learner-progress strong{font:64px/1 Instrument,Georgia}.learner-progress strong span{font-size:30px;color:#d5b8bc}
.learner-progress>div>span{font-size:14px;color:#efdcd1}.learner-progress .progress{margin-block:17px 12px;height:8px;background:#886377}
.learner-progress .progress i{background:linear-gradient(90deg,#d49c78,#f3d8ad)}.learner-progress p{font-size:12px;line-height:1.5;color:#e7cdbf;margin:0;max-width:25ch}
.learner-body{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;padding-block:0 40px;align-items:start}
.learner-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:18px}
.learner-section-title h2{font-size:33px;margin:0}.learner-section-title>span{font-size:12px;color:var(--muted)}
.learner-module-list{display:block;border-top:1px solid #cdb5a4}
.learner-module{display:grid;grid-template-columns:37px minmax(0,1fr) 65px;gap:15px;align-items:center;padding:20px 8px;border-bottom:1px solid #decbba;text-decoration:none;min-height:98px}
.learner-module-number{display:grid;place-items:center;font:22px Instrument,Georgia;width:34px;height:34px;border:1px solid #cdb29f;border-radius:50%;color:#946858}
.is-complete .learner-module-number{font:16px Source,Arial;color:#5f775f;background:#e4e8dc;border-color:#bdc8b5}
.learner-module-text strong{font-size:17px;line-height:1.3;font-weight:600;display:block}.learner-module-text small{font-size:13px;line-height:1.45;display:block;color:var(--muted);margin-top:6px}
.learner-module-action{font-size:12px;color:var(--accent);text-align:right}.learner-module-action b{display:block;font-size:19px;font-weight:400;margin-top:3px}
.learner-module.is-next{background:#f0e0ce;box-shadow:inset 3px 0 #976475;padding-inline:12px 8px}
.is-next .learner-module-number{background:#60394f;color:#fff4e3;border-color:#60394f}
.learner-module:hover{background:#f2e6d8}.learner-module:focus-visible{outline-offset:-3px}
.learner-side{display:grid;gap:30px}
.learner-project{position:relative;background:#e8ede8;padding:23px 27px 26px;border:1px solid #c0cdc5;border-radius:7px 7px 25px 7px;box-shadow:5px 6px 0 #d2dcd2}
.project-window{display:flex;gap:5px;align-items:center;border-bottom:1px solid #bacac1;padding-bottom:14px;margin-bottom:25px}.project-window i{width:5px;height:5px;background:#7d9790;border-radius:50%}.project-window span{font-size:8px;letter-spacing:1.2px;color:#55746c;margin-left:auto}
.learner-project .eyebrow{font-size:9px;color:#56746c;margin-bottom:15px}.learner-project h2{font-size:36px;line-height:1.08;margin-bottom:16px;color:#385e57;overflow-wrap:anywhere}.learner-project h2 em{color:#607d6d}
.learner-project p{font-size:16px;color:#526c62;margin-bottom:14px}.learner-project a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#35594e;font-weight:600}.learner-project>small{display:block;font-size:12px;color:#526c62;margin-top:9px}
.learner-health{padding-top:5px}.learner-health .learner-section-title h2{font-size:29px}.learner-health p{font-size:14px;color:var(--muted);margin:12px 0 0}.learner-health>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.health-chapter-dots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.health-chapter-dots a{display:grid;place-items:center;min-height:44px;border-bottom:2px solid #cdb6a2;text-decoration:none;font-size:15px;color:#825d5a;border-radius:4px 4px 0 0}.health-chapter-dots .is-explored{background:#f0e0cc;border-color:#a66c6d;color:#653e50}.health-chapter-dots a:hover{background:#e6cfb9}
.learner-tools{padding-block:16px 48px}.learner-tools>.learner-section-title{border-top:1px solid #d8c1ae;padding-top:27px}
.learner-tools details{margin:0;border-bottom:1px solid #ddc9b8}.learner-tools summary{min-height:62px;display:list-item;padding:18px 0;font-size:17px}.learner-tools summary small{float:right;font-size:13px;color:var(--muted);margin:3px 0 0 15px}.learner-tools details[open] summary{color:#805065}
.learner-tools form,.learner-tool-content{max-width:700px;padding:18px 0 24px}.learner-tools h3{font-size:30px;margin-bottom:15px}.learner-tools p{font-size:16px}.learner-tool-content h3:not(:first-child){margin-top:30px}.learner-tool-content>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
@media(max-width:1000px){.continue-card{grid-template-columns:1fr .6fr;gap:20px}.learner-progress{grid-column:1/-1;border-left:0;border-top:1px solid #a67f8d;padding:20px 0 0}.learner-progress>div:first-child{flex-direction:row;justify-content:space-between;align-items:baseline}.learner-progress strong{font-size:34px}.learner-progress strong span{font-size:23px}.learner-progress .progress{margin-top:12px}.learner-progress p{max-width:none}.learner-body{gap:30px;grid-template-columns:1.3fr 1fr}.learner-module{gap:10px;grid-template-columns:32px minmax(0,1fr) 53px}.learner-section-title{align-items:start;flex-direction:column;gap:7px}.health-chapter-dots{gap:2px}.learner-heading{align-items:start}.learner-demo{max-width:18ch}}
@media(max-width:700px){
 .learner-heading{padding-top:18px;padding-bottom:20px;display:block}.learner-heading .eyebrow{font-size:9px;margin-bottom:10px}.learner-heading h1{font-size:37px;line-height:1.05}.learner-title-break{display:block}.learner-demo{display:block;max-width:none;font-size:11px;margin-top:12px;padding:0}
 .learner-overview{padding-bottom:31px}.continue-card{padding:23px 22px 20px;display:block;border-radius:6px 23px 6px 6px}
 .continue-art{position:absolute;right:13px;top:18px;width:91px;pointer-events:none;opacity:.9}
 .continue-copy .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.5;max-width:calc(100% - 87px);min-height:38px;margin-bottom:10px}
 .continue-copy h2{font-size:32px;max-width:19ch;margin-bottom:13px;line-height:1.05}.continue-copy p{font-size:15px;margin-bottom:18px;line-height:1.45}.continue-card .button{width:100%;font-size:15px;padding:12px 15px;min-height:48px}.continue-location{font-size:11px;margin-top:14px}
 .learner-progress{padding-top:15px;margin-top:20px}.learner-progress strong{font-size:31px}.learner-progress strong span{font-size:21px}.learner-progress>div>span{font-size:12px}.learner-progress>div:first-child{gap:10px}.learner-progress .progress{margin-block:11px 10px;height:7px}.learner-progress p{font-size:11px}
 .learner-body{grid-template-columns:1fr;gap:28px;padding-bottom:22px}.learner-section-title{flex-direction:row;align-items:baseline;gap:12px;margin-bottom:15px}.learner-section-title h2{font-size:29px}.learner-section-title>span{font-size:11px;text-align:right}
 .learner-module{min-height:91px;padding:16px 0;grid-template-columns:30px minmax(0,1fr) 52px;gap:12px}.learner-module-number{width:29px;height:29px;font-size:19px}.learner-module-text strong{font-size:16px}.learner-module-text small{font-size:12px;margin-top:5px}.learner-module-action{font-size:11px}.learner-module.is-next{padding-left:9px}.learner-module-action b{font-size:17px}
 .learner-side{gap:25px}.learner-project{padding:19px 22px 20px}.project-window{margin-bottom:19px;padding-bottom:12px}.learner-project h2{font-size:32px;margin-bottom:13px}.learner-project p{font-size:15px;margin-bottom:6px}.learner-project .eyebrow{margin-bottom:12px}.learner-project>small{margin-top:4px}
 .learner-tools{padding-block:0 30px}.learner-tools>.learner-section-title{padding-top:23px}.learner-tools summary{font-size:16px;padding:15px 0;min-height:64px}.learner-tools summary small{float:none;display:block;font-size:12px;margin:5px 0 0 18px}.learner-tools h3{font-size:28px}
}
@media(max-width:360px){.learner-heading h1{font-size:32px}.continue-card{padding-inline:18px}.continue-copy h2{font-size:29px}.continue-art{width:78px}.continue-copy .eyebrow{max-width:calc(100% - 73px)}.learner-section-title h2{font-size:26px}.learner-module{gap:9px;grid-template-columns:27px minmax(0,1fr) 48px}.learner-module-text strong{font-size:15px}.project-window span{font-size:7px}.learner-health .learner-section-title h2{font-size:26px}}
@media(max-width:700px){.continue-copy .eyebrow{min-height:60px}}
@media(max-width:1000px){.health-chapter-dots{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}}
@media(min-width:370px) and (max-width:700px){.health-chapter-dots{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Coordinator workspace: review work, understand context, then offer support. */
.coordinator-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-block:25px 28px}
.coordinator-heading .eyebrow{font-size:10px;margin-bottom:15px}.coordinator-heading h1{font-size:clamp(42px,4.5vw,63px);margin:0;letter-spacing:-1px;line-height:1.04}.coordinator-heading h1 br{display:none}
.coordinator-opening{padding-block:0 38px}
.coord-focus{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;background:linear-gradient(115deg,#55364b,#694456);color:#fff2df;padding:35px 40px;border-radius:7px 28px 7px 7px;box-shadow:6px 7px 0 #dbb89d}
.coord-focus .eyebrow{font-size:10px;color:#edc1a3;margin-bottom:15px}.coord-focus h2{font-size:41px;line-height:1.07;margin-bottom:16px}.coord-focus h2 em{color:#efc6a6}.coord-focus p{font-size:17px;max-width:42ch;color:#f0ded2;margin-bottom:22px}
.coord-focus .button{background:#fff0d6;color:#513449;border-color:#f0d5b6;box-shadow:0 4px 0 #ba8d74;min-height:48px;gap:25px}.coord-focus .button:hover{background:#f1d5ad}.coord-focus button:focus-visible{outline-color:#f7d59e}
.coord-overview-label{display:flex;gap:22px;align-items:center;border-bottom:1px solid #a47c8c;padding-bottom:20px;margin-bottom:20px}.coord-overview-label svg{width:150px;height:70px;flex:none}.coord-overview-label>span{font:25px/1.15 Instrument,Georgia;color:#efd4bc}
.coord-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.coord-counts button{background:transparent;border:0;color:#fff2df;text-align:left;padding:0;min-height:100px}.coord-counts button:hover{color:#f4cf9c}.coord-counts strong{font:56px/1 Instrument,Georgia;display:block;margin-bottom:14px}.coord-counts strong small{font-size:25px;color:#d9b9be}.coord-counts span{font-size:13px;line-height:1.4;display:block;max-width:14ch}
.coordinator-reviews{padding-block:0 35px}.review-desk-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.review-folder{border:1px solid #cbb8a7;border-top:4px solid #b29b8b;background:#fff8eb;border-radius:5px 16px 5px 5px;margin:0;min-width:0}.review-folder.is-pending{border-top-color:#a56857;background:#f5e6d3}
.review-folder summary{display:grid;grid-template-columns:30px 1fr 22px;gap:16px;align-items:center;list-style:none;padding:22px;min-height:95px}.review-folder summary::-webkit-details-marker,.cohort-person summary::-webkit-details-marker{display:none}
.review-folder-icon{font:25px Instrument,Georgia;color:#a06b61}.review-folder summary strong{display:block;font-size:18px;font-weight:600}.review-folder summary small{display:block;color:var(--muted);font-size:13px;margin-top:6px}.review-folder summary>b,.cohort-person summary>b{font-size:24px;font-weight:400;text-align:center;transition:transform .2s}.review-folder[open] summary>b,.cohort-person[open] summary>b{transform:rotate(45deg)}
.review-folder-body{padding:0 25px 25px}.review-folder-body h3{font-size:31px;overflow-wrap:anywhere;margin:8px 0 18px}.review-folder-body p{font-size:15px}.review-folder-body blockquote{font-size:16px;line-height:1.6;background:#efe0d1;border-left:3px solid #a46b72;padding:18px;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}
.review-folder-body .button{font-size:15px;max-width:100%}.review-folder-body .hint{font-size:12px;margin:19px 0 0}
.review-folder-body #coordinator-project{width:100%;height:420px;border:1px solid #bfc7bb;border-radius:6px;margin:0 0 20px;display:block;background:#fff}
#review-desk-title,#cohort-title,.review-folder{scroll-margin-top:20px}
.coordinator-cohort{padding-block:8px 35px}.cohort-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.cohort-filters button{min-height:44px;background:#fff8ed;border:1px solid #c4a999;color:#60394f;padding:8px 17px;border-radius:5px;font-size:14px}.cohort-filters button[aria-pressed=true]{background:#60394f;color:#fff5e5;border-color:#60394f}
#cohort-result{font-size:13px;margin:0 0 8px;color:#775867}.cohort-guidance{font-size:13px;line-height:1.5;color:var(--muted);max-width:80ch;margin-bottom:22px}
.cohort-list{border-top:1px solid #ccb39e}.cohort-person{border-bottom:1px solid #dcc5b1;margin:0}.cohort-person[hidden]{display:none}
.cohort-person summary{display:grid;grid-template-columns:36px 1fr auto 24px;gap:19px;align-items:center;padding:19px 8px;list-style:none;min-height:91px}.cohort-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e4d4c2;color:#785264;font:18px Instrument,Georgia}
.cohort-person-title strong{font-size:17px;display:block;font-weight:600}.cohort-person-title small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.cohort-status{font-size:12px;background:#e5e8dd;color:#4f624e;border-radius:4px;padding:5px 10px}.cohort-status.checkin{background:#efe0ce;color:#7a5145}.cohort-status.waiting{background:#e9d3ce;color:#743c4a}
.cohort-person[open]{background:#fbf0e3}.cohort-person-body{padding:0 26px 25px 63px}.cohort-person-body>p{font-size:15px;max-width:72ch;line-height:1.6}.cohort-person-body dl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.cohort-person-body dt{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#82685d;margin-bottom:5px}.cohort-person-body dd{margin:0;font-size:14px}
.cohort-learner-progress{max-width:460px;border-top:1px solid #d1b99f;padding-top:17px}.cohort-learner-progress>span{font-size:14px}.cohort-learner-progress .progress{height:7px;margin-block:12px}.cohort-learner-progress small{font-size:12px;color:var(--muted)}
.cohort-person-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px}.cohort-person-actions a,.cohort-person-actions button{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.cohort-person-body .hint{font-size:12px;margin-bottom:0}
.cohort-empty{padding:30px;background:#f1e3d2;border-radius:7px}.cohort-empty h3{font-size:30px;margin-bottom:12px}.cohort-empty p{font-size:15px;margin:0;max-width:55ch}
.coordinator-report{display:flex;gap:40px;justify-content:space-between;align-items:center;padding-block:30px 45px;border-top:1px solid #d9c1ac}.coordinator-report h2{font-size:36px;margin-bottom:15px}.coordinator-report .eyebrow{font-size:9px;margin-bottom:15px}.coordinator-report p{font-size:15px;max-width:65ch;margin-bottom:0}.coordinator-report .button{flex:none;font-size:15px}
@media(max-width:1000px){.coordinator-heading h1 br{display:block}.coord-focus{gap:25px;padding:30px}.coord-overview-label svg{width:100px}.coord-overview-label>span{font-size:23px}.coord-counts strong{font-size:45px}.coord-counts span{font-size:12px}.cohort-person-body dl{grid-template-columns:1fr 1fr}.coordinator-report{align-items:start;flex-direction:column;gap:23px}}
@media(max-width:700px){
 .coordinator-heading{padding-block:18px 22px;display:block}.coordinator-heading .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:12px}.coordinator-heading h1{font-size:38px}.coordinator-heading .learner-demo{margin-top:12px;font-size:11px}
 .coordinator-opening{padding-bottom:31px}.coord-focus{display:block;padding:23px 22px 21px;border-radius:6px 23px 6px 6px;box-shadow:5px 6px 0 #dbb89d}.coord-focus .eyebrow{font-size:9px;margin-bottom:13px}.coord-focus h2{font-size:33px;margin-bottom:13px}.coord-focus p{font-size:15px;line-height:1.5;margin-bottom:18px}.coord-focus .button{width:100%;font-size:14px;padding:12px 13px;gap:10px;justify-content:space-between}
 .coord-overview{margin-top:25px;border-top:1px solid #a47c8c;padding-top:18px}.coord-overview-label{display:none}.coord-counts{gap:12px}.coord-counts strong{font-size:37px;margin-bottom:9px}.coord-counts strong small{font-size:19px}.coord-counts span{font-size:11px;line-height:1.35}.coord-counts button{min-height:79px}
 .coordinator-reviews{padding-bottom:28px}.coordinator-reviews .learner-section-title{align-items:start}.review-desk-grid{grid-template-columns:1fr;gap:12px}.review-folder summary{padding:17px;gap:12px;grid-template-columns:25px 1fr 20px;min-height:83px}.review-folder summary strong{font-size:17px}.review-folder summary small{font-size:12px}.review-folder-body{padding:0 18px 20px}.review-folder-body h3{font-size:29px}.review-folder-body #coordinator-project{height:360px}.review-folder-body blockquote{padding:15px;font-size:15px}
 .coordinator-cohort{padding-block:0 27px}.coordinator-cohort>.learner-section-title{display:block}.coordinator-cohort>.learner-section-title h2{font-size:30px;margin-bottom:9px}.cohort-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cohort-filters button{font-size:13px;padding:8px 7px}.cohort-guidance{font-size:12px;margin-bottom:17px}
 .cohort-person summary{grid-template-columns:30px 1fr 19px;gap:4px 12px;padding:16px 3px}.cohort-avatar{width:29px;height:29px;font-size:16px;grid-row:1/3;align-self:start;margin-top:2px}.cohort-person-title strong{font-size:16px}.cohort-person-title small{font-size:11px}.cohort-status{grid-column:2;justify-self:start;font-size:11px;margin-top:7px;padding:3px 8px}.cohort-person summary>b{grid-column:3;grid-row:1/3;align-self:center;font-size:22px}.cohort-person-body{padding:4px 14px 21px}.cohort-person-body>p{font-size:14px}.cohort-person-body dl{gap:16px 12px}.cohort-person-body dd{font-size:13px}.cohort-person-body dt{font-size:10px}.cohort-person-actions{gap:4px;flex-direction:column;align-items:start}
 .coordinator-report{padding-block:26px 31px;gap:22px}.coordinator-report h2{font-size:31px}.coordinator-report p{font-size:14px}.coordinator-report .button{width:100%;justify-content:space-between;font-size:14px}
}
@media(max-width:360px){.coordinator-heading h1{font-size:33px}.coord-focus{padding-inline:18px}.coord-focus h2{font-size:30px}.coord-counts{gap:9px}.coord-counts span{font-size:10px}.coordinator-reviews .learner-section-title{display:block}.coordinator-reviews .learner-section-title h2{margin-bottom:8px}.review-folder summary small{font-size:11px}}

/* Rehearsal polish: keep the lesson, rather than navigation, in the foreground. */
@media(max-width:1000px){
 .learning-layout>aside{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:22px;padding:12px 16px}
 .course-progress>div:first-child{font-size:12px}.course-progress .progress{height:7px;margin:8px 0 0}
 .module-menu{margin:0}.module-menu>summary{min-height:44px;padding:12px 0;font-size:12px}.module-current-label{display:none}
 .module-menu[open]{grid-column:1/-1}.module-menu[open]>.course-nav{padding-top:8px}.learning-layout{gap:20px}
}
@media(max-width:650px){.learning-page .pagehead{padding-top:19px;padding-bottom:18px}.learning-page .pagehead .lead{font-size:15px;line-height:1.45}.learning-layout{gap:18px}}

/* Human possibility: a photographic opening, then a tactile learning journey. */
.human-opening{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 35%,#795369 0,transparent 58%),#432d40;color:#fff4e3;border-bottom:0;overflow:hidden}
.human-opening:before{content:'';position:absolute;width:730px;height:730px;border:1px solid #edc2a52b;border-radius:50%;right:-100px;top:-250px;pointer-events:none;z-index:-1}
.human-opening .hero{grid-template-columns: .9fr 1.15fr;gap:6%;padding-top:68px;padding-bottom:49px;align-items:center}
.human-opening .hero-copy{position:relative;z-index:2}
.human-opening .eyebrow{color:#e9c5b6;font-size:10px;letter-spacing:2.3px;line-height:1.8;margin-bottom:26px;max-width:39ch}
.human-opening h1{font-size:clamp(68px,7.1vw,100px);color:#fff4e3;line-height:.96;letter-spacing:-2px;margin-bottom:27px}
.human-opening h1 em{color:#efbc9e}
.human-opening .lead{font-size:19px;line-height:1.55;max-width:32ch;color:#eeded9;margin-bottom:27px}
.human-opening .actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:0}
.human-opening .button{background:#f7d4b0;color:#432d40;border:1px solid #f7d4b0;box-shadow:0 4px 0 #ba8c77;padding:15px 22px;font-size:16px;gap:28px}
.human-opening .button:hover{background:#ffe6ca;transform:translateY(-2px)}
.human-opening .hero-health-link{color:#f7e9dc;display:inline-flex;gap:25px;min-height:44px;align-items:center;font-size:15px;text-underline-offset:5px}
.human-opening :focus-visible{outline-color:#ffd3a3}
.human-portrait{margin:0;min-width:0;padding:0 9px 0 0}
.portrait-mount{position:relative;margin:10px 0 50px;isolation:isolate}
.portrait-mount:before{content:'';position:absolute;inset:-13px 17px 9px -12px;border:1px solid #d5a98b;border-radius:5px 68px 5px 5px;transform:rotate(-3deg);z-index:-1}
.portrait-mount:after{content:'';position:absolute;inset:20px -12px -14px 17px;background:#986d75;border-radius:4px 62px 4px 4px;transform:rotate(2deg);z-index:-1;box-shadow:0 25px 40px -22px #170d29b3}
.portrait-mount>img{display:block;width:100%;height:400px;object-fit:cover;object-position:43% center;border-radius:4px 62px 4px 4px;filter:saturate(.88);box-shadow:0 15px 35px #1c152835}
.portrait-caption{position:absolute;left:24px;bottom:-39px;background:#ffefd8;color:#4a3044;padding:17px 24px 19px;box-shadow:6px 7px 0 #b48678;transform:rotate(-2deg);max-width:calc(100% - 45px)}
.portrait-caption>span{font-size:8px;letter-spacing:1.7px;display:block;margin-bottom:8px}.portrait-caption strong{font:31px/1.05 Instrument,Georgia;display:block}.portrait-caption em{color:#92566a}
.portrait-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;fill:none;stroke:#f6c99c;stroke-width:2;stroke-dasharray:4 7;stroke-linecap:round}.portrait-thread path:last-child{stroke-dasharray:none}
.human-portrait figcaption{font-size:10px;color:#e2c8c7;text-align:right;line-height:1.5;padding-top:7px}.human-portrait figcaption a{color:inherit;text-underline-offset:3px}
.hero-foot.shell{padding-top:20px;padding-bottom:25px;display:flex;justify-content:space-between;gap:20px;position:relative;font-size:12px;color:#e3bba8}.hero-foot:before{content:'';position:absolute;left:5%;right:5%;top:0;height:1px;background:#ddbcab42}.hero-foot i{font-style:normal;margin-inline:17px;color:#e2c4b4}.hero-foot a{color:#f1ded1;min-height:44px;display:flex;align-items:center;gap:25px}.hero-foot>span{align-self:center}
.hub-journey{display:grid;grid-template-columns:.9fr 1.15fr;gap:8%;align-items:center;padding-block:73px 68px;scroll-margin-top:20px;position:relative}
.hub-journey .journey-copy h2{font-size:clamp(51px,5.5vw,75px);line-height:1.01;letter-spacing:-.7px;margin-bottom:25px}.journey-copy>p{font-size:18px;line-height:1.55;max-width:32ch}.journey-copy .eyebrow{font-size:9px;letter-spacing:1.7px}.journey-directions{padding-left:18px;border-left:2px solid #b47e65;color:#7e5963}.journey-invitation{display:flex;align-items:center;gap:23px;font-size:12px;color:#8c5c65;margin-top:30px}
.hub-journey .learning-opening{width:100%;max-width:510px;margin:0 auto;padding-top:15px;padding-bottom:0}
.hub-journey .opening-paper{box-shadow:0 28px 35px -24px #60394f80,0 2px 3px #60394f14;transform:rotate(-1.5deg)}
.hub-journey #opening-visual{height:195px}.hub-journey #opening-detail{min-height:190px}.hub-journey #opening-detail h3{font-size:36px}.hub-journey #opening-detail p{font-size:17px}
.hub-journey .opening-note{font-size:12px;margin-bottom:0}.hub-journey .opening-stepper{box-shadow:0 16px 20px -13px #60394f75}.hub-journey #opening-visual:has(.sample-site){height:auto;min-height:210px}
.hub-page .pilot-card{box-shadow:5px 6px 0 #d8bd9e,0 17px 28px -24px #65425280;border-color:#c9a989}
.learning-content>.panel,.learner-project,.review-folder{box-shadow:0 5px 0 -1px #e2d2bd,0 14px 24px -22px #60394f60}
.story-arrived{animation:story-arrival .55s cubic-bezier(.2,.65,.3,1) both}.hub-journey .learning-opening.story-arrived{animation-name:story-paper-arrival;animation-duration:.65s}
@keyframes story-arrival{from{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes story-paper-arrival{from{opacity:.65;transform:translateY(28px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:1000px){.human-opening .hero{gap:5%;padding-top:44px}.human-opening h1{font-size:72px}.portrait-mount>img{height:375px}.portrait-caption{left:16px;padding:15px 19px}.portrait-caption strong{font-size:28px}.hub-journey{gap:6%}.hub-journey #opening-detail h3{font-size:32px}}
@media(max-width:800px){
 .human-opening .hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:22px;gap:28px}.human-opening .eyebrow{margin-bottom:19px;font-size:9px;max-width:40ch;letter-spacing:1.7px}.human-opening h1{font-size:69px;margin-bottom:20px}.human-opening .lead{font-size:17px;max-width:36ch;margin-bottom:20px}.human-opening .actions{gap:10px}.human-opening .button{padding:13px 19px;font-size:15px}.human-opening .hero-health-link{font-size:14px}
 .human-portrait{padding:0 5px;max-width:600px;width:100%;margin:0 auto}.portrait-mount{margin-top:0;margin-bottom:39px}.portrait-mount>img{height:auto;aspect-ratio:1.85;object-position:center;border-radius:4px 40px 4px 4px}.portrait-mount:before{border-radius:4px 45px 4px 4px;inset:-5px 12px 6px -7px}.portrait-mount:after{inset:9px -8px -9px 12px;border-radius:4px 40px 4px 4px}.portrait-caption{bottom:-31px;left:14px;padding:11px 16px 13px;box-shadow:4px 5px 0 #b48678}.portrait-caption>span{font-size:7px;letter-spacing:1.1px;margin-bottom:6px}.portrait-caption strong{font-size:25px}.portrait-thread{stroke-width:2.3}.human-portrait figcaption{font-size:9px;padding-top:6px}
 .hero-foot.shell{font-size:10px;padding-block:14px 16px;display:block}.hero-foot>span{display:block}.hero-foot i{margin-inline:11px}.hero-foot a{display:none}
 .hub-journey{grid-template-columns:1fr;padding-top:37px;padding-bottom:42px;gap:16px}.hub-journey .journey-copy h2{font-size:45px;line-height:1.06;margin-bottom:16px}.hub-journey .journey-copy h2 br:first-of-type{display:none}.hub-journey .journey-copy h2 br:first-of-type:after{content:' '}.journey-copy>p{font-size:16px;max-width:38ch;margin-bottom:14px}.journey-directions{display:none}.journey-invitation{margin-top:15px;margin-bottom:8px;font-size:11px}.hub-journey .learning-opening{max-width:450px;width:calc(100% - 12px)}.hub-journey #opening-visual{height:163px}.hub-journey #opening-detail{min-height:170px}.hub-journey #opening-detail h3{font-size:31px}.hub-journey #opening-detail p{font-size:15px}.hub-journey .opening-paper{padding:20px}.hub-journey .opening-stepper{margin-inline:0 -6px}.hub-journey .opening-note{margin-top:20px}.hub-journey #opening-visual:has(.sample-site){min-height:0}
}
@media(max-width:360px){.human-opening h1{font-size:59px}.human-opening .lead{font-size:16px}.human-opening .eyebrow{font-size:8px}.human-opening .hero{padding-top:25px;gap:26px}.portrait-caption strong{font-size:22px}.portrait-caption>span{font-size:6.5px}.human-portrait figcaption{font-size:8px}.hub-journey .journey-copy h2{font-size:39px}.hub-journey #opening-detail h3{font-size:28px}.hub-journey .opening-paper{padding:17px}}
@media(prefers-reduced-motion:reduce){.story-arrived{animation:none!important}.human-opening .button:hover{transform:none}}
/* Keep opening controls legible over the new dark field. */
.hub-page .human-opening .hero .button{background:#f7d4b0;color:#432d40;border-color:#f7d4b0}
.hub-page .human-opening .hero .button:hover{background:#ffe6ca}
.hub-page .human-opening .hero .eyebrow{max-width:38ch;width:auto}
@media(min-width:801px){.portrait-mount>img{height:360px;object-position:25% center}}
@media(min-width:801px){.portrait-mount>img{height:auto;aspect-ratio:2;object-position:center}}
/* A focused control should never move while someone is using it. */
.story-arrived:focus-within{animation:none}

/* An open photographic field: colour and image share the same surface. */
.human-opening{background:#432d40}
.human-opening:before{display:none}
.human-opening .hero{display:block;position:static;padding-top:65px;padding-bottom:58px;min-height:620px}
.human-opening .hero-copy{max-width:470px}
.human-opening .human-portrait{position:absolute;inset:0 0 0 auto;width:72%;max-width:none;margin:0;padding:0;z-index:-1}
.human-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 40%;filter:saturate(.82);border:0;border-radius:0;box-shadow:none}
.human-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#432d40 0%,#432d40e6 12%,#432d4075 29%,#432d4000 47%),linear-gradient(0deg,#432d40 0%,#432d40aa 12%,#432d4000 39%,#432d401a 85%,#432d4055 100%);pointer-events:none}
.human-portrait figcaption{position:absolute;bottom:92px;right:7%;padding:5px 0;margin:0;font-size:10px;z-index:1;color:#fff0e3;max-width:80%;text-shadow:0 1px 4px #241522}
.human-opening .hero-foot{z-index:1}.hero-foot:before{background:#e9c5b64a}
.human-opening .hero-copy>.eyebrow{animation:hero-type-in .6s both}.human-opening .hero-copy>h1{animation:hero-type-in .65s .08s both}.human-opening .hero-copy>.lead{animation:hero-type-in .65s .16s both}.human-opening .hero-copy>.actions{animation:hero-type-in .65s .22s both}
@keyframes hero-type-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.story-arrived{animation:story-rise .65s cubic-bezier(.16,.7,.3,1) both}
.hub-journey .journey-copy.story-arrived{animation-name:story-from-left}
.hub-journey .learning-opening.story-arrived{animation:story-from-right .75s .1s cubic-bezier(.16,.7,.3,1) both}
.tiles .story-arrived:nth-child(2){animation-delay:.1s}.tiles .story-arrived:nth-child(3){animation-delay:.2s}
.story-arrived:focus-within{animation:none}
@keyframes story-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes story-from-left{from{opacity:0;transform:translate(-28px,12px)}to{opacity:1;transform:none}}
@keyframes story-from-right{from{opacity:0;transform:translate(28px,18px) rotate(2deg)}to{opacity:1;transform:none}}
@media(min-width:801px) and (max-width:1100px){.human-opening .hero-copy{max-width:43%}.human-opening .hero{min-height:580px}.human-opening .human-portrait{width:75%}.human-portrait>img{object-position:63% center}.human-portrait:after{background:linear-gradient(90deg,#432d40 0%,#432d40ed 17%,#432d4066 42%,transparent 62%),linear-gradient(0deg,#432d40 0%,#432d4099 17%,transparent 45%)}.human-opening h1{font-size:65px}.human-opening .lead{font-size:17px}.human-opening .button{gap:15px}}
@media(max-width:800px){
 .human-opening .hero{padding-top:29px;padding-bottom:330px;min-height:0}.human-opening .hero-copy{max-width:520px;margin:0 auto}.human-opening .human-portrait{width:100%;height:405px;inset:auto 0 38px;max-width:none}
 .human-portrait>img{object-fit:cover;object-position:center 38%;filter:saturate(.85)}
 .human-portrait:after{background:linear-gradient(180deg,#432d40 0%,#432d40dd 7%,#432d4044 22%,transparent 34%,transparent 63%,#432d4088 80%,#432d40 100%)}
 .human-portrait figcaption{bottom:12px;right:6%;font-size:8px;max-width:88%}.human-opening .hero-foot.shell{padding-top:13px;padding-bottom:17px}.hero-foot:before{left:6%;right:6%}
 .human-opening .hero-copy>.eyebrow{max-width:38ch}.human-opening h1{font-size:65px}.human-opening .lead{font-size:16px;margin-bottom:20px}.human-opening .hero-health-link{min-height:44px}.human-opening .hero-copy>.actions{position:relative;z-index:2}
 .hub-journey .journey-copy.story-arrived,.hub-journey .learning-opening.story-arrived{animation-name:story-rise;animation-delay:0;animation-duration:.6s}
}
@media(max-width:360px){.human-opening h1{font-size:58px}.human-opening .hero{padding-top:25px;padding-bottom:290px}.human-opening .human-portrait{height:360px}.human-portrait>img{object-position:52% center}.human-portrait figcaption{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.human-opening .hero-copy>*,.story-arrived,.hub-journey .learning-opening.story-arrived{animation:none!important;transform:none}}
@media(max-width:800px){.human-opening .hero{padding-bottom:290px}.human-opening .human-portrait{height:320px}.human-portrait>img{object-position:center 43%}}
@media(max-width:360px){.human-opening .hero{padding-bottom:250px}.human-opening .human-portrait{height:280px}}
.hub-journey .story-arrived:focus-within,.human-opening .hero-copy>.actions:focus-within{animation:none}
.voice-films .story-arrived:nth-child(2){animation-delay:.12s}
@media(min-width:801px) and (max-width:1100px){.human-portrait>img{object-position:82% center}}

/* Shared reveal rhythm: editorial movement on public pages, lighter in learning. */
.hub-reveal{--arrival-x:0px;--arrival-y:26px;opacity:0;transform:translate(var(--arrival-x),var(--arrival-y));transition:opacity .72s ease var(--arrival-delay,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--arrival-delay,0ms)}
.hub-reveal[data-hub-motion=left]{--arrival-x:-32px;--arrival-y:12px}
.hub-reveal[data-hub-motion=right]{--arrival-x:32px;--arrival-y:16px}
.hub-reveal[data-hub-motion=soft]{--arrival-y:10px;transition-duration:.35s,.4s}
.hub-reveal.hub-arrived,.hub-reveal:focus-within{opacity:1;transform:none}
.hub-reveal:focus-within{transition:none}
#main{overflow-x:clip}
.progress i{transform-origin:left;animation:progress-grow .75s cubic-bezier(.2,.7,.3,1) both}
@keyframes progress-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#health-chapter>section>svg,#health-chapter .body-illustration,#health-chapter .cycle-scene>svg,.desk-art{animation:scene-entrance .42s ease-out both}
@keyframes scene-entrance{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:none}}
.health-guide-index>a .guide-arrow,.learner-module-action b{transition:transform .22s ease}
.health-guide-index>a:focus-visible .guide-arrow,.learner-module:focus-visible .learner-module-action b{transform:translate(3px,-3px)}
@media(hover:hover){.health-guide-index>a:hover .guide-arrow,.learner-module:hover .learner-module-action b{transform:translate(3px,-3px)}.review-folder:hover{border-top-color:#956274}}
@media(max-width:800px){.hub-reveal,.hub-reveal[data-hub-motion=left],.hub-reveal[data-hub-motion=right]{--arrival-x:0px;--arrival-y:18px;transition-duration:.5s,.6s;transition-delay:0ms}.hub-reveal[data-hub-motion=soft]{--arrival-y:7px;transition-duration:.3s}.progress i{animation-duration:.45s}}
@media(prefers-reduced-motion:reduce){.hub-reveal{opacity:1!important;transform:none!important;transition:none!important}.progress i,.desk-art{animation:none!important}}