/* Shared rhythm: one navigation, a quiet type hierarchy, and room for the work. */
:root { --bg:#111014; --ink:#f1edf3; --muted:#b5adb9; --line:#38343d; }
body { font-family:'DM Sans',Arial,sans-serif; }
.studio-header { height:92px; padding:0 max(32px,calc((100vw - 1280px)/2)); gap:36px; }
.brand { gap:12px; flex-shrink:0; }
.brand img { border-radius:0; background:none; padding:0; width:48px; height:48px; }
.brand span { font-size:9px; line-height:1.6; letter-spacing:.09em; }
.brand b { font-size:17px; letter-spacing:.14em; }
.studio-header nav { gap:25px; margin-left:auto; font-size:12px; }
.studio-header nav a { padding:8px 0; color:#b7afbe; position:relative; }
.studio-header nav a:hover,.studio-header nav a[aria-current] { color:#f3edf7; }
.studio-header nav a[aria-current]:after { content:''; position:absolute; height:1px; background:#c9bddc; bottom:0; left:0; right:0; }
.header-tools { display:flex; gap:18px; align-items:center; flex-shrink:0; }
.header-tools .text-btn,.header-tools a { font-size:10px; white-space:nowrap; }
.header-tools .download-html { border:0; color:#b7afbe; }
.hero { max-width:1360px; margin:auto; padding:66px 40px 54px; min-height:650px; grid-template-columns:1.15fr 1fr; gap:44px; }
.hero h1 { font:400 clamp(65px,6.3vw,91px)/1.03 'Instrument Serif',Georgia,serif; letter-spacing:-.035em; margin:24px 0 27px; }
.hero h1 em { font:italic 1em/1.03 'Instrument Serif',Georgia,serif; letter-spacing:-.035em; color:#c6bad6; }
.hero-copy>p { font-size:15px; line-height:1.9; max-width:455px; color:#c1bac5; }
.hero .eyebrow { font-size:10px; letter-spacing:.12em; }
.hero-actions { margin:29px 0 24px; gap:24px; }
.hero .small { font-size:10px; line-height:1.7; letter-spacing:.02em; }
.btn { border-radius:2px; padding:13px 20px; gap:23px; transition:background .18s,border-color .18s,transform .18s; }
.restored-art { width:100%; max-width:520px; height:490px; transform:none!important; margin-left:auto; }
.pencil-orbit { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#756581; stroke-width:.8; }
.pencil-orbit path:first-child { stroke-dasharray:1500; stroke-dashoffset:1500; animation:draw-studio-line 2s .2s ease forwards; }
.studio-paper { position:absolute; left:0; top:28px; width:188px; padding:21px 21px 23px; background:#d1c7dc; color:#302836; transform:rotate(-6deg); z-index:1; box-shadow:0 8px 20px #0002; }
.studio-paper:before { content:''; position:absolute; width:62px; height:17px; background:#ded6bc9c; left:58px; top:-8px; transform:rotate(3deg); }
.studio-paper>span { font-size:8px; letter-spacing:.08em; line-height:1.7; }
.studio-paper p { font:italic 36px/1.04 'Instrument Serif',Georgia,serif; margin:17px 0; }
.studio-paper small { display:block; font-size:9px; line-height:1.6; max-width:130px; }
.avatar.blue-avatar { background-image:url('assets/akriti-sprites-v2.png'); background-size:300% 100%; background-repeat:no-repeat; background-position:0 50%; aspect-ratio:1; filter:none; flex-shrink:0; }
.avatar.blue-avatar.point { background-position:50% 50%; }
.avatar.blue-avatar.book { background-position:100% 50%; }
.restored-art .hero-blue { position:absolute; width:350px; height:350px; bottom:124px; right:0; left:auto; transform:none; z-index:2; animation:studio-arrival .65s ease both; }
.welcome-caption { position:absolute; left:180px; right:0; bottom:0; border-top:1px solid #61556c; padding-top:16px; z-index:3; }
.welcome-caption h2 { font:500 21px/1.3 'DM Sans',Arial,sans-serif; letter-spacing:-.02em; margin:0 0 5px; }
.welcome-caption>span { font-size:10px; color:#b5a9c1; }
.welcome-caption button { display:block; background:none; border:0; border-bottom:1px solid #65576f; color:#d8cce2; font-size:11px; padding:0 0 4px; margin-top:12px; }
.ticker { padding:11px 0; background:#25202d; color:#bfb6ca; border-color:#3d3448; }
.ticker-track { font:10px 'DM Sans',Arial,sans-serif; letter-spacing:.08em; gap:35px; }
.intro-strip { max-width:1280px; margin:auto; padding:64px 0; gap:80px; }
.intro-strip h2 { font:400 40px/1.12 'Instrument Serif',Georgia,serif; letter-spacing:-.025em; }
.intro-strip p { font-size:14px; line-height:1.85; }
.library { max-width:1360px; margin:auto; padding:64px 40px; }
.library .section-head h2 { font:400 56px/1.05 'Instrument Serif',Georgia,serif; letter-spacing:-.025em; }
.library-cameo { border:0; border-left:1px solid #695876; padding:8px 22px; margin:28px 0 32px; background:none; min-height:0; }
.library-cameo .library-path-graphic { display:none; }
.library-cameo p { font-size:13px; margin-bottom:4px; }
.library-cameo .handnote { font-size:21px; }
.module { grid-template-columns:195px minmax(0,1fr); gap:34px; padding:30px 0; }
.resource-card { padding:23px; min-height:260px; }
.resource-card h4 { font-size:24px; line-height:1.15; margin:31px 0 13px; letter-spacing:-.03em; }
.resource-card p { font-size:12px; line-height:1.75; }
.meet { max-width:1280px; margin:12px auto 70px; padding:38px 52px; grid-template-columns:.75fr 1.25fr; gap:50px; background:#bfb2d0; }
.meet .portrait { height:295px; }
.meet .meet-blue { position:absolute; width:280px; height:280px; bottom:-38px; left:0; }
.meet .signature { top:4px; right:0; font-size:27px; }
.meet h2 { font:400 44px/1.1 'Instrument Serif',Georgia,serif; letter-spacing:-.025em; }
.meet p { font-size:14px; line-height:1.8; }
.meet .eyebrow { font-size:9px; }
.section-cameo .current-cameo { width:160px; height:160px; left:0; bottom:0; }
.section-cameo { min-height:170px; }
.guide { border:0; border-block:1px solid #44394c; background:none; }
.guide p { line-height:1.8; }

/* The course notebook uses a ledger rather than a stack of competing panels. */
.course-header { max-width:1280px; padding:54px 0 32px; border:0; }
.course-header .eyebrow { color:#aca0b8; font-size:10px; letter-spacing:.12em; }
.course-header h1 { font:400 65px/1.06 'Instrument Serif',Georgia,serif; letter-spacing:-.025em; margin:19px 0 22px; max-width:1000px; }
.course-header>p { color:#bdb4c5; font-size:15px; line-height:1.85; max-width:700px; }
.sync-state { font-size:10px; border:0; padding:0; color:#93899c; margin-top:5px; }
.course-wrap { max-width:1280px; padding:18px 0 76px; }
.course-header+.course-wrap { padding-top:18px; }
.course-wrap h2 { font:400 40px/1.12 'Instrument Serif',Georgia,serif; letter-spacing:-.025em; }
.course-wrap h3 { font-family:'DM Sans',Arial,sans-serif; font-weight:500; letter-spacing:-.02em; }
.course-wrap p { color:#bdb4c5; font-size:14px; line-height:1.85; }
.progress-tiles { border:0; border-block:1px solid #49404f; margin-bottom:38px; }
.progress-tiles>div { padding:23px 28px 22px 0; border-color:#38303f; }
.progress-tiles>div:not(:first-child) { padding-left:30px; }
.progress-tiles strong { font:400 43px/1.1 'Instrument Serif',Georgia,serif; color:#e3d8ec; }
.progress-tiles strong small { font-size:21px; color:#8e829b; }
.progress-tiles>div>span { font-size:11px; color:#a99daf; margin-top:9px; line-height:1.6; }
.record-panel { background:none; border:0; border-bottom:1px solid #42384b; padding:0 0 35px; margin:32px 0 0; gap:80px; grid-template-columns:1fr 1fr; }
.record-panel h2 { font-size:42px; margin:15px 0 22px; }
.record-panel .small { max-width:520px; font-size:11px; }
.record-panel form { width:100%; max-width:none; }
.record-panel .course-field:first-child { margin-top:0; }
.course-field>span { font-size:12px; font-weight:500; color:#d0c5d9; margin-bottom:8px; }
.course-field small { color:#95879f; font-size:10px; line-height:1.7; }
.course-field input,.course-field select,.course-field textarea { background:#17141c; border-color:#4d4257; padding:12px 14px; line-height:1.7; font-size:13px; }
.course-field textarea { min-height:150px; resize:vertical; }
.record-panel .check { font-size:11px; line-height:1.8; }
.record-actions { gap:14px; }
.record-actions .btn { min-width:240px; }
.next-session { padding:25px 0; margin:15px 0 0; border-top:0; border-bottom:1px solid #42384b; }
.next-session .eyebrow { color:#9e8cad; font-size:9px; }
.next-session h3 { font-size:22px; margin:11px 0 8px; max-width:840px; }
.next-session p { font-size:12px; }
.course-section-heading { margin:53px 0 28px; gap:50px; }
.course-section-heading h2 { margin:14px 0 0; }
.course-section-heading p { font-size:12px; line-height:1.85; max-width:390px; margin-bottom:0; }
.journey-modules>article { grid-template-columns:52px minmax(0,1fr); gap:28px; padding:26px 0; border-color:#403646; }
.module-path-number { font-size:37px; border:0; color:#9784a6; }
.module-path-number:after { display:none; }
.module-path-body h3 { font-size:23px; margin:13px 0 12px; }
.module-path-body .eyebrow { font-size:9px; color:#9885a7; }
.module-path-body>p { font-size:12px; line-height:1.8; color:#a69aae; max-width:100%; }
.path-tags { gap:14px; margin:17px 0; }
.path-tags span { border:0; border-radius:0; padding:0; color:#97899f; font-size:10px; }
.path-tags span+span { border-left:1px solid #4d3e59; padding-left:14px; }
.path-links { font-size:11px; gap:24px; }
.advanced-preview { border:0; border-block:1px solid #6c567c; background:#1b1621; padding:28px 30px; margin:45px 0 28px; gap:55px; }
.advanced-preview h2 { font-size:39px; }
.advanced-preview p { font-size:12px; }
.advanced-price { font-size:56px; }
.advanced-price span { font-size:11px; }
.homework-layout { grid-template-columns:220px minmax(0,1fr); gap:64px; padding-top:22px!important; }
.homework-meta { font-size:11px; line-height:1.6; }
.task-steps>div>span { font-size:28px; }
.task-steps p { font-size:13px; line-height:1.85; }
.self-review { padding:24px; background:#1b1621; border:0; border-left:2px solid #7e678f; }
.self-review h3 { font:400 29px 'Instrument Serif',Georgia,serif; }
.self-review .check { font-size:12px; line-height:1.8; }
.knowledge-check { border-color:#574460; }
.knowledge-check h2 { font-size:40px; }
.knowledge-check legend { font-size:15px; line-height:1.75; }
.quiz-option { padding:13px 16px; font-size:12px; line-height:1.8; border-color:#403548; }
.quiz-feedback { background:#1e1824; color:#bfb0cd; }
.curiosity-card { border:0; border-block:1px solid #665374; background:none; padding:29px 0; gap:28px; }
.curiosity-card h3 { font:400 31px/1.1 'Instrument Serif',Georgia,serif; }
.curiosity-card p { font-size:12px; }
.curiosity-art svg { stroke:#897099; }

/* Session diary: dates, subject and attendance line up across the whole month. */
.calendar-top { padding:12px 0 28px; margin:0; align-items:center; }
.calendar-top p { font-size:13px; margin:0; }
.calendar-top .btn { margin-bottom:0; padding:11px 16px; }
.diary-note { font-size:12px; padding:15px 0; color:#aa9ab7; }
.diary-note a { text-decoration:underline; text-underline-offset:4px; color:#c6b1d6; }
.diary-month { margin:18px 0 45px; }
.diary-month-head { display:flex; align-items:baseline; justify-content:space-between; padding-bottom:19px; border-bottom:1px solid #766181; }
.diary-month-head h2 { font:400 42px 'Instrument Serif',Georgia,serif; margin:0; }
.diary-month-head>span { font-size:9px; letter-spacing:.1em; color:#9985a9; }
.session-row { display:grid; grid-template-columns:65px minmax(0,1fr) 300px; gap:31px; padding:25px 0; border-bottom:1px solid #3e3447; align-items:center; }
.diary-date { border-right:1px solid #493b53; align-self:start; padding-right:15px; }
.diary-date>span { display:block; font-size:10px; color:#9d8daa; }
.diary-date strong { display:block; font:400 43px/1.3 'Instrument Serif',Georgia,serif; color:#c7b2d6; }
.diary-subject .eyebrow { font-size:9px; color:#947fa4; }
.diary-subject h3 { font-size:21px; line-height:1.35; margin:11px 0 9px; max-width:600px; }
.diary-subject p { font-size:11px; margin:0; color:#a08eae; }
.diary-actions .session-links { margin:0 0 12px; gap:19px; }
.diary-actions .session-links span { font-size:10px; color:#8d7c98; }
.diary-actions .course-field { margin:0; }
.diary-actions .course-field>span { font-size:10px; color:#9a85a7; margin-bottom:5px; }
.diary-actions select { font-size:11px; padding:9px 11px; }
.diary-footnote { max-width:800px; margin:0 0 28px; }
.facilitator-editorial { grid-template-columns:.8fr 1.2fr; gap:65px; }
.facilitator-figure { height:390px; border:0; align-items:flex-end; }
.facilitator-figure:before { width:90%; height:88%; border-radius:0; border:0; border-bottom:1px solid #746080; }
.facilitator-figure .profile-blue { width:365px; height:365px; position:relative; z-index:1; }
.facilitator-editorial h2 { font-size:43px; }
.facilitator-stories { gap:0 50px; }
.facilitator-stories>article { border:0; border-top:1px solid #55415f; padding:27px 0; }
.facilitator-stories h3 { font:400 31px/1.15 'Instrument Serif',Georgia,serif; margin:15px 0 18px; }
.facilitator-stories p { font-size:13px; }
.facilitator-stories .eyebrow { font-size:9px; }
.off-duty { border:0; border-block:1px solid #594362; background:none; padding:30px 0; gap:60px; }
.off-duty h2 { font-size:39px; }
.challenge-grid { gap:0 45px; }
.challenge-card { border:0; border-top:1px solid #66516f; padding:29px 0 35px; }
.challenge-card h2 { font-size:37px; }
.challenge-card p { font-size:13px; }
.case-reveal { background:#1b1621; border:0; border-left:2px solid #91749e; padding:30px 34px; }
.case-reveal h2 { font-size:36px; }
.case-reveal>p { font-size:15px; line-height:1.95; max-width:76ch; }
.report-explainer { gap:70px; }
.report-explainer>div:last-child { border:0; border-left:1px solid #6c537a; background:none; padding:0 0 0 28px; }
.share-report { background:#1b1621; border:0; border-top:1px solid #6c537a; padding:28px; }
.instructor-summary>div { border:0; border-block:1px solid #594562; background:none; padding:25px 0; }
.instructor-summary { gap:60px; }
.roster-table table { border-collapse:collapse; width:100%; }
.roster-table th { font-size:10px; color:#a997b7; font-weight:500; }
.roster-table td { font-size:12px; line-height:1.8; }
.roster-table td,.roster-table th { padding:18px 15px 18px 0; border-bottom:1px solid #44334f; text-align:left; }
.price-card { background:#1b1621; border:0; border-top:1px solid #6b537a; }
.course-wrap .eyebrow { letter-spacing:.1em; }
@keyframes draw-studio-line { to { stroke-dashoffset:0; } }
@keyframes studio-arrival { from { opacity:0; translate:0 15px; } to { opacity:1; translate:0 0; } }
@media(min-width:1600px) { .hero { min-height:710px; } }
@media(max-width:1380px) { .course-header,.course-wrap { margin-inline:40px; } .intro-strip,.meet { margin-inline:40px; } }
@media(max-width:1120px) {
 .studio-header { padding-inline:28px; gap:24px; } .studio-header nav { gap:17px; font-size:11px; }
 .brand span { font-size:8px; } .brand b { font-size:15px; } .header-tools { gap:12px; }
 .hero { padding-inline:36px; gap:25px; } .hero h1 { font-size:74px; }
 .restored-art .hero-blue { width:310px; height:310px; bottom:122px; } .restored-art { height:460px; }
 .studio-paper { width:166px; top:35px; padding:18px; } .studio-paper p { font-size:32px; }
 .welcome-caption { left:100px; }
 .session-row { grid-template-columns:55px minmax(0,1fr) 250px; gap:23px; }
 .record-panel { gap:48px; } .facilitator-figure .profile-blue { width:310px; height:310px; }
}
@media(max-width:900px) {
 .studio-header { display:grid; grid-template-columns:1fr auto; height:auto; padding:18px 28px 0; gap:15px; }
 .studio-header nav { grid-column:1/-1; grid-row:2; margin:0; justify-content:space-between; gap:20px; overflow-x:auto; white-space:nowrap; padding-bottom:14px; font-size:11px; }
 .header-tools { grid-column:2; grid-row:1; gap:20px; } .brand span { font-size:9px; } .brand b { font-size:17px; }
 .hero { gap:25px; grid-template-columns:1.1fr 1fr; min-height:600px; } .hero h1 { font-size:66px; }
 .hero-copy>p { font-size:13px; } .restored-art { height:420px; }
 .restored-art .hero-blue { width:275px; height:275px; bottom:112px; right:-12px; }
 .studio-paper { left:-12px; top:15px; width:150px; padding:16px; } .studio-paper>span { font-size:7px; }
 .studio-paper p { font-size:29px; } .studio-paper small { font-size:8px; }
 .welcome-caption { left:65px; } .welcome-caption h2 { font-size:20px; }
 .intro-strip { gap:35px; } .intro-strip h2 { font-size:35px; } .intro-strip p { font-size:12px; }
 .course-header h1 { font-size:58px; } .session-row { grid-template-columns:50px minmax(0,1fr) 210px; gap:19px; }
 .diary-subject h3 { font-size:18px; } .session-links { gap:10px!important; }
 .facilitator-editorial { gap:30px; } .facilitator-editorial h2 { font-size:37px; }
 .meet { padding:32px; gap:30px; } .meet .meet-blue { width:240px; height:240px; bottom:-32px; }
 .meet .portrait { height:260px; } .meet .signature { font-size:23px; }
}
@media(max-width:720px) {
 .studio-header { padding:17px 23px 0; gap:15px; } .brand img { width:42px; height:42px; }
 .brand span { font-size:8px; } .brand b { font-size:15px; } .header-tools { gap:13px; }
 .header-tools .download-html { display:inline; font-size:10px; } .header-tools .text-btn { font-size:9px; padding:0; }
 .studio-header nav { gap:26px; justify-content:flex-start; padding-bottom:13px; font-size:11px; }
 .hero { display:flex; flex-direction:column; align-items:stretch; padding:40px 24px 36px; gap:18px; min-height:0; }
 .hero h1 { font-size:61px; letter-spacing:-.025em; margin:20px 0 24px; }
 .hero h1 em { letter-spacing:-.025em; } .hero-copy>p { font-size:14px; line-height:1.85; }
 .hero .eyebrow { font-size:8px; } .hero-actions { margin:26px 0 19px; gap:20px; }
 .hero-actions .btn { font-size:11px; padding:13px 17px; } .hero .small { font-size:9px; }
 .restored-art { width:100%; max-width:410px; height:395px; margin:0 auto; }
 .restored-art .hero-blue { width:274px; height:274px; right:-5px; bottom:104px; }
 .studio-paper { width:143px; left:2px; top:17px; padding:16px; }
 .studio-paper p { font-size:29px; } .studio-paper small { font-size:8px; }
 .welcome-caption { left:116px; right:0; padding-top:12px; }
 .welcome-caption h2 { font-size:20px; } .welcome-caption>span { font-size:9px; }
 .welcome-caption button { font-size:10px; margin-top:8px; }
 .pencil-orbit { height:370px; }
 .intro-strip { display:block; margin-inline:24px; padding:40px 0; }
 .intro-strip h2 { font-size:34px; margin-bottom:23px; } .intro-strip p { font-size:13px; }
 .library { padding:40px 24px; } .library .section-head h2 { font-size:45px; }
 .library .section-head .small { font-size:11px; } .library-cameo { padding-left:17px; }
 .library-cameo p { font-size:12px; } .library-cameo .handnote { font-size:19px; }
 .module { grid-template-columns:1fr; gap:15px; padding:25px 0; }
 .module h3 { max-width:none; font-size:26px; margin-bottom:10px; }
 .module-cards { gap:12px; } .resource-card { padding:19px; min-height:255px; }
 .resource-card h4 { font-size:23px; max-width:88%; line-height:1.17; }
 .resource-card p { max-width:90%; } .resource-card .card-mark { font-size:36px; opacity:.4; right:13px; }
 .meet { margin:0 24px 40px; padding:28px; display:flex; flex-direction:column; gap:25px; }
 .meet .portrait { width:100%; height:255px; } .meet .meet-blue { width:250px; height:250px; left:50%; transform:translateX(-50%); bottom:-25px; }
 .meet .signature { right:0; top:0; font-size:24px; } .meet h2 { font-size:36px; }
 .meet p { font-size:13px; } .meet .eyebrow { font-size:8px; }
 .course-header,.course-wrap { margin-inline:24px; }
 .course-header { padding:36px 0 23px; } .course-header h1 { font-size:49px; line-height:1.07; margin:18px 0 20px; }
 .course-header>p { font-size:13px; line-height:1.9; } .course-header .eyebrow { font-size:8px; }
 .course-wrap { padding:12px 0 45px; } .course-header+.course-wrap { padding-top:12px; }
 .course-wrap h2 { font-size:35px; } .progress-tiles { margin-bottom:28px; }
 .progress-tiles>div,.progress-tiles>div:not(:first-child) { padding:20px 15px 20px 0; }
 .progress-tiles>div:nth-child(even) { padding-left:20px; } .progress-tiles strong { font-size:39px; }
 .progress-tiles>div>span { font-size:10px; } .progress-tiles strong small { font-size:19px; }
 .record-panel { padding-bottom:28px; margin-top:23px; display:block; }
 .record-panel h2 { font-size:36px; } .record-panel form { margin-top:27px; }
 .record-actions { margin-top:25px; } .record-actions .btn { width:100%; font-size:11px; }
 .next-session { padding:24px 0; margin-top:0; } .next-session h3 { font-size:20px; line-height:1.4; }
 .next-session p { font-size:11px; } .next-session .btn { margin-top:19px; }
 .course-section-heading { margin:37px 0 20px; } .course-section-heading p { margin-top:19px; }
 .journey-modules>article { grid-template-columns:32px minmax(0,1fr); gap:17px; padding:23px 0; }
 .module-path-number { font-size:28px; } .module-path-body h3 { font-size:20px; line-height:1.35; }
 .module-path-body .eyebrow { font-size:8px; } .module-path-body>p { font-size:11px; }
 .path-tags { gap:7px 11px; } .path-tags span { font-size:9px; } .path-tags span+span { padding-left:11px; }
 .path-links { gap:13px; font-size:10px; } .advanced-preview { padding:24px; margin:34px 0 25px; }
 .advanced-preview h2 { font-size:33px; } .advanced-price { font-size:49px; }
 .homework-layout { gap:24px; padding-top:12px!important; } .homework-layout>aside { padding-bottom:20px; }
 .homework-meta { font-size:10px; } .course-field textarea { min-height:160px; }
 .task-steps p { font-size:12px; } .task-steps>div { gap:16px; } .task-steps>div>span { font-size:25px; }
 .self-review { padding:20px; } .self-review h3 { font-size:27px; } .self-review .check { font-size:11px; }
 .curiosity-card { padding:24px 0; gap:18px; } .curiosity-card h3 { font-size:29px; }
 .calendar-top { padding-top:10px; padding-bottom:20px; } .calendar-top p { font-size:12px; }
 .calendar-top .btn { margin-top:17px; padding:10px 14px; }
 .diary-month { margin:19px 0 34px; } .diary-month-head { align-items:center; gap:20px; padding-bottom:15px; }
 .diary-month-head h2 { font-size:36px; } .diary-month-head>span { font-size:7px; line-height:1.8; text-align:right; max-width:130px; }
 .session-row { grid-template-columns:42px minmax(0,1fr); gap:15px 19px; padding:23px 0; align-items:start; }
 .diary-date { grid-row:1/3; padding-right:10px; } .diary-date strong { font-size:35px; }
 .diary-date>span { font-size:9px; } .diary-subject h3 { font-size:19px; margin:10px 0; }
 .diary-subject .eyebrow { font-size:8px; } .diary-subject p { font-size:10px; }
 .diary-actions { grid-column:2; } .diary-actions .session-links { gap:17px!important; margin-bottom:12px; }
 .diary-actions .session-links a { font-size:11px; } .diary-actions .course-field>span { font-size:9px; }
 .facilitator-figure { height:335px; } .facilitator-figure .profile-blue { width:315px; height:315px; }
 .facilitator-editorial { gap:28px; } .facilitator-editorial h2 { font-size:35px; }
 .facilitator-stories { display:block; } .facilitator-stories>article { padding:25px 0; }
 .facilitator-stories h3 { font-size:29px; } .facilitator-stories p { font-size:12px; }
 .off-duty { padding:27px 0; } .off-duty h2 { font-size:35px; }
 .challenge-grid { gap:0; } .challenge-card { padding:26px 0; } .challenge-card h2 { font-size:33px; }
 .case-reveal { padding:24px; } .case-reveal h2 { font-size:31px; } .case-reveal>p { font-size:13px; }
 .report-explainer { gap:24px; } .report-explainer>div:last-child { padding-left:20px; }
 .share-report { padding:23px; } .instructor-summary { gap:15px; }
 .section-cameo .current-cameo { width:110px; height:110px; } .section-cameo { min-height:140px; }
}
@media(max-width:360px) { .hero h1 { font-size:54px; } .restored-art .hero-blue { width:244px; height:244px; } .restored-art { height:370px; } .studio-paper { width:133px; } .welcome-caption { left:90px; } }
@media(prefers-reduced-motion:reduce) { .pencil-orbit path:first-child { stroke-dashoffset:0; } }
.motion-off .pencil-orbit path:first-child { stroke-dashoffset:0; }
@media print { .header-tools,.welcome-caption button { display:none; } .course-header,.course-wrap { margin:0; } .session-row { break-inside:avoid; grid-template-columns:55px 1fr 230px; } .diary-month-head h2,.diary-subject h3 { color:#222; } .diary-actions .course-field { display:block; } }

.meet .portrait:has(.meet-photo){height:335px;overflow:hidden}.meet-photo{width:100%;height:100%;object-fit:cover;object-position:center 69%;display:block}.meet .portrait:has(.meet-photo) .signature{display:none}.off-duty-photos{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin:0 0 35px}.off-duty-photos figure{margin:0}.off-duty-photos img{width:100%;height:440px;object-fit:cover;object-position:center 55%;display:block}.off-duty-photos figure:last-child img{object-position:center 45%}.off-duty-photos figcaption{font-size:11px;color:#a797b1;padding:12px 0;border-bottom:1px solid #44354f}@media(max-width:720px){.meet .portrait:has(.meet-photo){height:340px}.off-duty-photos{gap:18px;grid-template-columns:1fr 1fr}.off-duty-photos img{height:260px}.off-duty-photos figcaption{font-size:9px;line-height:1.8}}

/* Reading edition: generous type, controls and space between ideas. */
body{font-size:18px;line-height:1.85}
main p,.course-wrap p,.hero-copy>p,.intro-strip p,.meet p,.resource-card p,.facilitator-stories p,.case-reveal>p,.task-steps p{font-size:18px;line-height:1.85}
main h1,main h2,main h3,main h4{letter-spacing:0!important;word-spacing:.025em;overflow-wrap:normal}
main h1{line-height:1.16!important;margin-bottom:30px!important}
main h2{line-height:1.22!important;margin-bottom:25px}
main h3,main h4{line-height:1.4!important}
.hero h1{font-size:clamp(64px,6.2vw,88px);margin-top:28px}
.hero h1 em{line-height:1.18;letter-spacing:0;word-spacing:.025em}
.hero{gap:65px;padding-block:80px;min-height:720px;grid-template-columns:1.25fr 1fr}
.hero-copy>p{max-width:49ch}
.hero-actions{margin-block:35px;gap:28px;flex-wrap:wrap}
body .small,body .sync-state,.card-bottom,.resource-meta,.module-id,.path-tags span,.path-links,.guide-name,.session-links,.course-field small,.course-wrap .small,.course-wrap .eyebrow,.hero .small{font-size:14px!important;line-height:1.8!important}
body .eyebrow{font-size:13px!important;line-height:1.75;letter-spacing:.08em!important;flex-wrap:wrap}
.course-header{padding-top:65px;padding-bottom:40px}.course-header h1{font-size:66px}
.course-header>p{font-size:19px;max-width:68ch;line-height:1.9}.course-wrap{padding-bottom:90px}
.course-wrap h2{font-size:43px}.course-wrap h3{font-size:25px}
.studio-header{height:108px;gap:28px}.studio-header nav{gap:23px;font-size:15px}.header-tools .text-btn,.header-tools a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.brand span{font-size:11px}.brand b{font-size:20px}
body .btn,body .filter,body .text-btn,body .stage-nav button,body .tabs button,body .tab-btn,body .choice-btn{font-size:16px;min-height:48px;padding:13px 21px;line-height:1.55;white-space:normal}
body .filter{padding:12px 21px;margin:4px 4px 4px 0}.filters{flex-wrap:wrap;gap:6px}.toolbar{padding-block:23px;gap:20px}
body input,body select,body textarea,body .course-field input,body .course-field select,body .course-field textarea{font-size:18px;line-height:1.8;min-height:50px;padding:14px 16px}
body input[type=checkbox],body input[type=radio]{min-height:0;width:21px;height:21px;padding:0;flex-shrink:0;accent-color:#c9bddc;margin-top:6px}
body label.check,body .check,body .quiz-option,.course-field>span,.knowledge-check legend{font-size:17px!important;line-height:1.85!important;gap:14px;margin-block:16px}
body .course-field>span{margin-bottom:12px}.course-field{margin-block:28px}body textarea{min-height:170px}
.resource-head{padding-block:60px}.resource-head h1{max-width:1050px;font-size:64px}.resource-shell{gap:60px}.lesson>section{margin-bottom:70px}.lesson h2{margin-top:30px}.lesson p,.lesson li,.example-body p,.example-body li{font-size:18px;line-height:1.9}.lesson table td,.lesson table th{font-size:16px;padding:16px;line-height:1.8}
.resource-aside p,.resource-aside .contents a{font-size:15px;line-height:1.9}.resource-aside .btn{margin-block:12px}.guide p,.guide button{font-size:17px!important;line-height:1.9}.guide{gap:22px;padding-block:26px!important}.guide-pencil{font-size:42px}
.module{padding-block:40px;grid-template-columns:205px minmax(0,1fr)}.module h3{font-size:27px;line-height:1.3}.module-cards{gap:25px}.resource-card{padding:30px;min-height:340px}.resource-card h4{font-size:28px;max-width:94%;margin:35px 0 21px}.resource-card p{max-width:94%;font-size:17px}.card-mark{opacity:.18}.resource-card .topline{font-size:14px}.badge{font-size:14px!important;padding:5px 10px}.section-head{margin-bottom:40px;gap:50px}
.path-tags{gap:14px 20px;margin-block:22px}.path-links{gap:23px 35px}.path-links a{padding-block:9px}.module-path-body>p{font-size:17px}.journey-modules>article{padding-block:38px}.module-path-body h3{font-size:28px}.module-path-number{font-size:42px}.record-panel{gap:70px;padding-bottom:48px}.course-section-heading{margin-top:70px;gap:60px}.course-section-heading p{font-size:17px;max-width:48ch}.next-session{padding-block:35px}.next-session h3{font-size:27px;line-height:1.4}
.progress-tiles>div{padding-block:30px}.progress-tiles strong{font-size:54px}.progress-tiles>div>span{font-size:16px;line-height:1.8}.homework-layout{grid-template-columns:245px minmax(0,1fr);gap:70px}.homework-layout>aside p,.homework-layout>aside li{font-size:16px!important;line-height:1.85}.task-steps>div{padding-block:25px;gap:28px}.task-steps p{margin:0}.self-review{padding:32px}.knowledge-check fieldset{padding-block:32px;margin-block:35px}.quiz-option{padding:19px 22px;gap:16px}.quiz-feedback{padding:23px;font-size:17px;line-height:1.9}
.session-row{grid-template-columns:65px minmax(0,1fr) 330px;gap:35px;padding-block:35px}.diary-subject h3{font-size:25px}.diary-subject p{font-size:17px}.diary-actions .session-links{margin-bottom:20px}.diary-actions select{font-size:16px}.diary-month-head>span{font-size:13px;line-height:1.8}.diary-date>span{font-size:15px}.calendar-top p{font-size:18px}.diary-note{font-size:17px;line-height:1.9}
.facilitator-editorial{grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.facilitator-figure{height:auto;min-height:0;display:block;border:0}.facilitator-figure:before{display:none}.facilitator-photo{width:100%;height:auto;max-height:670px;object-fit:contain;display:block;background:#1b1721}.facilitator-editorial h2{font-size:44px}.facilitator-editorial p{margin-bottom:26px}.facilitator-approach{border-block:1px solid #675271;padding-block:42px;margin-block:60px;max-width:960px}.facilitator-approach p{max-width:72ch}.facilitator-stories{gap:0 60px}.facilitator-stories p{font-size:18px}.facilitator-stories a{font-size:16px;padding-block:10px;display:inline-block}.facilitator-stories>article{padding-block:35px}.off-duty{margin-top:60px}.hobby-grid p{font-size:17px}.hobby-grid h3{font-size:23px}.off-duty-photos{align-items:start;gap:35px}.off-duty-photos img,.off-duty-photos figure:last-child img{height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto}.off-duty-photos figcaption{font-size:16px;line-height:1.8;padding-block:18px}.meet .portrait:has(.meet-photo){height:auto;align-self:stretch}.meet-photo{height:100%;min-height:420px;object-fit:contain;background:#b2a4c2}.meet .btn{margin-top:15px}
.curiosity-card{padding-block:38px}.curiosity-card p{font-size:17px}.curiosity-card a{font-size:16px}.note-illustration{font-size:84px;color:#bca3d2;display:block;transform:rotate(-8deg);animation:note-pencil 3s ease-in-out infinite}.cameo-ledge{display:flex;align-items:center;justify-content:center;border:0!important}.section-cameo{gap:32px}.cameo-copy p{font-size:18px}.cameo-doodle{display:none}.section-cameo .handnote{font-size:25px}
.motion-entry.is-visible{animation:reading-arrival .8s var(--entry-delay,0ms) cubic-bezier(.2,.8,.25,1) both}.restored-art .hero-blue{animation:studio-arrival .8s ease both,hello-tilt 7s 1s ease-in-out infinite;transform-origin:60% 90%}.studio-paper{animation:paper-float 6s ease-in-out infinite}.pencil-orbit path:first-child{stroke-dasharray:12 7;stroke-dashoffset:0;animation:orbit-flow 26s linear infinite}.curiosity-art svg{animation:curiosity-turn 15s linear infinite}.btn:hover,.filter:hover{transform:translateY(-3px);box-shadow:0 7px 22px #0002}.resource-card:hover .card-arrow{transform:translate(5px,-5px)}.card-arrow{display:inline-block;transition:transform .25s}.studio-paper>span,.studio-paper small{font-size:12px}.welcome-caption>span{font-size:15px}.welcome-caption button{font-size:16px;min-height:44px}.welcome-caption h2{font-size:25px;line-height:1.4!important}.welcome-caption{bottom:-15px}.ticker-track{font-size:14px}.intro-strip{padding-block:80px}
@keyframes reading-arrival{from{opacity:.3;translate:0 28px}to{opacity:1;translate:0 0}}@keyframes hello-tilt{0%,65%,100%{rotate:0deg;translate:0 0}72%{rotate:1.5deg;translate:0 -7px}80%{rotate:-1deg}90%{rotate:.6deg}}@keyframes paper-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbit-flow{to{stroke-dashoffset:-380}}@keyframes note-pencil{0%,100%{rotate:-8deg;translate:0 0}50%{rotate:4deg;translate:0 -6px}}@keyframes curiosity-turn{to{rotate:360deg}}
@media(max-width:1120px){.studio-header{display:grid;grid-template-columns:1fr auto;height:auto;padding-top:20px;gap:18px}.studio-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;margin:0;padding-bottom:18px;font-size:15px;overflow-x:auto}.header-tools{grid-column:2;grid-row:1}.hero{gap:30px}.hero h1{font-size:72px}.session-row{grid-template-columns:50px minmax(0,1fr) 275px;gap:25px}.homework-layout{grid-template-columns:200px minmax(0,1fr);gap:38px}}
@media(max-width:720px){body{font-size:17px}.studio-header{gap:15px}.studio-header nav{font-size:15px;gap:27px;justify-content:flex-start}.header-tools .text-btn,.header-tools a{font-size:13px!important;min-height:44px}.brand span{font-size:10px}.brand b{font-size:18px}.hero{padding:42px 24px 55px;gap:35px}.hero h1{font-size:59px;line-height:1.2!important}.hero h1 em{font-size:.98em;line-height:1.2}.hero-copy>p{font-size:18px}.hero-actions .btn{font-size:16px}.hero .small{font-size:14px!important}.hero .eyebrow{font-size:12px!important}.restored-art{height:460px}.restored-art .hero-blue{bottom:140px}.studio-paper{top:20px}.studio-paper>span,.studio-paper small{font-size:10px}.welcome-caption{left:70px;bottom:0}.welcome-caption h2{font-size:23px}.hero-art .welcome-caption>span{font-size:15px}.course-header{padding-top:40px}.course-header h1,.resource-head h1{font-size:45px}.course-header>p{font-size:18px}.course-wrap h2,.intro-strip h2,.meet h2{font-size:36px}.course-wrap h3{font-size:25px}.course-wrap p,.lesson p,.lesson li,.resource-card p,.facilitator-stories p{font-size:17px;line-height:1.9}.course-field textarea{font-size:18px}.record-panel h2{font-size:36px}.progress-tiles strong{font-size:47px}.progress-tiles>div>span{font-size:15px}.progress-tiles>div{padding-block:25px}.journey-modules>article{grid-template-columns:32px minmax(0,1fr);gap:20px}.module-path-body h3{font-size:25px}.path-tags span,.path-links{font-size:14px!important}.path-tags{display:flex;gap:12px}.path-tags span+span{border:0;padding:0}.path-links{gap:14px}.next-session h3{font-size:25px}.course-section-heading p{font-size:17px}.module-cards{grid-template-columns:1fr;gap:23px}.module h3{font-size:29px}.resource-card{padding:27px;min-height:310px}.resource-card h4{font-size:29px}.resource-card p{max-width:100%}.filter{font-size:16px!important}.toolbar input[type=search]{width:100%}.homework-layout{display:flex;gap:30px}.task-steps p{font-size:17px}.task-steps>div{gap:21px}.self-review{padding:24px}.knowledge-check legend{font-size:18px!important}.quiz-option{font-size:17px!important;padding:17px}.curiosity-card p{font-size:17px}.session-row{grid-template-columns:42px minmax(0,1fr);gap:19px 22px;padding-block:30px}.diary-subject h3{font-size:24px}.diary-subject p{font-size:16px}.diary-actions{grid-column:2}.diary-actions .course-field>span{font-size:14px!important}.diary-actions select{font-size:16px}.diary-month-head{align-items:flex-start}.diary-month-head>span{font-size:11px}.diary-date>span{font-size:14px}.facilitator-editorial{display:flex;gap:36px}.facilitator-figure{width:100%;height:auto}.facilitator-photo{max-height:610px}.facilitator-editorial h2{font-size:36px}.off-duty-photos{grid-template-columns:1fr;gap:30px}.off-duty-photos img{height:auto!important;max-height:none!important;object-fit:contain!important}.off-duty-photos figcaption{font-size:16px}.meet .portrait:has(.meet-photo){height:auto;width:100%}.meet-photo{height:auto;min-height:0;object-fit:contain}.section-cameo{gap:18px}.section-cameo .cameo-ledge{width:65px;min-width:65px}.note-illustration{font-size:60px}.section-cameo .cameo-copy p{font-size:17px}.section-cameo .handnote{font-size:23px}.reference-page p,.reference-page li{font-size:18px;line-height:1.9}.header-tools .text-btn{padding:0!important}.intro-strip{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.motion-entry.is-visible,.studio-paper,.pencil-orbit path:first-child,.note-illustration,.curiosity-art svg,.restored-art .hero-blue{animation:none!important;opacity:1;translate:0 0;rotate:0deg}}.motion-off .motion-entry,.motion-off .studio-paper,.motion-off .note-illustration,.motion-off .curiosity-art svg,.motion-off .restored-art .hero-blue{animation:none!important;opacity:1}

/* The photographs are references only; every facilitator visual is a cartoon. */
.facilitator-photo{max-height:620px;object-fit:contain;background:transparent}.meet-photo{object-fit:contain;background:transparent;max-height:520px;min-height:0}.meet .portrait:has(.meet-photo){background:#1d1723}.off-duty-photos img{background:#161219;padding:12px;max-height:620px;object-fit:contain;animation:cartoon-breathe 7s ease-in-out infinite}.off-duty-photos figure:nth-child(2) img{animation-delay:-3s}.personal-story{grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.personal-story p{margin-bottom:25px}.note-character{width:140px;max-height:210px;object-fit:contain;object-position:bottom;display:block;transform:translateY(105%)}.section-cameo.is-visible .note-character{animation:pop-up .8s cubic-bezier(.2,.9,.3,1.1) both}.cameo-ledge{height:210px;overflow:hidden}.section-cameo{min-height:225px}.off-duty-photos figcaption{font-size:16px}.facilitator-editorial{align-items:start}.facilitator-photo{animation:cartoon-breathe 8s ease-in-out infinite}@keyframes cartoon-breathe{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(max-width:720px){.personal-story{display:block}.personal-story>div:first-child{margin-bottom:30px}.note-character{width:100px;max-height:150px}.cameo-ledge{height:160px!important;min-width:100px!important}.section-cameo{min-height:180px}.facilitator-photo{max-height:570px}.off-duty-photos img{max-height:650px!important;padding:10px}}@media(prefers-reduced-motion:reduce){.facilitator-photo,.off-duty-photos img,.note-character{animation:none!important;transform:none!important}}.motion-off .facilitator-photo,.motion-off .off-duty-photos img,.motion-off .note-character{animation:none!important;transform:none!important}

.course-header:has(+.course-wrap .facilitator-editorial) .sync-state{display:none}footer p,footer a{font-size:15px;line-height:1.9}
.studio-header nav a{display:block!important;flex-shrink:0}@media(max-width:720px){.hero h1{font-size:clamp(48px,15vw,59px)}.hero h1 em{font-size:.88em;white-space:nowrap}.studio-header nav{gap:24px}}

/* Readable navigation at every size, with room for each control. */
.studio-header nav a{font-size:16px;line-height:1.5;padding-block:12px;min-height:48px;display:flex!important;align-items:center}.header-tools .text-btn,.header-tools a{font-size:16px!important;min-height:48px}.studio-header nav{gap:24px}.eyebrow,.small{line-height:1.7}
@media(min-width:1121px) and (max-width:1450px){.studio-header{display:grid;grid-template-columns:1fr auto;height:auto;padding-top:20px;gap:18px}.studio-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;margin:0;padding-bottom:12px;overflow-x:auto}.header-tools{grid-column:2;grid-row:1}}
@media(max-width:720px){.studio-header nav a{font-size:16px}.header-tools{gap:16px}.header-tools a,.header-tools .text-btn{font-size:15px!important}.brand span{font-size:11px}.hero .eyebrow{font-size:14px!important}.hero h1{line-height:1.24!important}.hero h1 em{line-height:1.24}.studio-header nav{padding-bottom:12px}}