/* Studio edition: warm reading canvas, dark navigation, Vidmoat orange. */
.video-stage{position:relative;background:#141210}.video-cover{position:absolute;inset:0;width:100%;height:100%;border:0!important;border-radius:0!important;background:linear-gradient(0deg,#120b0840,transparent)!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-cover span{background:#ff4d2e;color:#21120b;border:1px solid #ff876b;padding:15px 21px;border-radius:12px;font:700 13px Inter,sans-serif;box-shadow:0 8px 35px #0008}.video-cover:hover span{background:#ff745b}.video-cover:focus-visible{outline-offset:-5px!important}
:root{--orange:#ff4d2e;--ink:#211d19;--muted:#6a655f;--cream:#f7f5f0;--line:#e1ddd5;--white:#fff;--soft:#efebe4;--panel:#fff}body{background:var(--cream);color:#514b45;font-size:16px;line-height:1.75}h1,h2,h3,.quiz legend{color:var(--ink)}a{color:#a72b12}h1{font-size:clamp(32px,3.1vw,47px);line-height:1.12;letter-spacing:-.045em}h2{font-size:28px;line-height:1.2}button,.button{border-color:#d4cec4;color:#29231f;border-radius:12px;min-height:44px;font-size:13px}button:hover,.button:hover{background:#e9e4da;border-color:#b9aea0}button.primary,.button.primary{background:#ff4d2e;border-color:#ff4d2e;color:#17110e}button.primary:hover,.button.primary:hover{background:#ff745b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e83f21;outline-offset:4px}select{font:inherit}img{height:auto}html{scroll-padding-top:96px}.eyebrow{color:#a9361e;letter-spacing:.13em;font-size:10px;font-weight:750}.fine{color:#6a655f}
.topbar{height:72px;padding:0 30px;background:#141210;border-bottom:1px solid #302a25;backdrop-filter:none;z-index:65}.brand{font-size:27px;gap:10px;color:#fff}.brand-logo{width:31px;height:31px}.brand>span:last-child{font-size:10px;color:#c4b7ac;letter-spacing:.16em}.header-links{display:flex;gap:28px;align-items:center;font-size:12px}.header-links>a{color:#e4d9d0;text-decoration:none}.header-links .button{border-color:#54463a;background:#28211b;color:#fff;border-radius:9px;min-height:36px;padding:8px 14px}#menu-toggle{color:#fff;border-color:#5c4b3d;background:#251e19;border-radius:9px;font-size:12px}.shell{grid-template-columns:264px minmax(0,1fr)}#course-nav{top:72px;height:calc(100dvh - 72px);background:#141210;color:#e9dfd6;border-right:1px solid #332c26;padding:25px 15px;scrollbar-color:#6c4a36 transparent}#course-nav a{color:#c9beb3}.nav-top{padding:0 12px 22px}.sidebar-kicker{font-size:9px;font-weight:750;letter-spacing:.14em;color:#cfb5a1;margin-bottom:25px}.nav-top label{font-size:12px;font-weight:550;color:#e9dfd6}.nav-top input{background:#221d18;color:#fff;border:1px solid #544536;border-radius:9px;padding:10px 12px;font-size:12px;height:43px}.nav-top input::placeholder{color:#b3a393}.progress-label{margin-top:18px;color:#bdad9e;font-size:10px}.progress-label b{color:#f8ece1}progress{height:4px}progress::-webkit-progress-bar{background:#3c3025}progress::-webkit-progress-value{background:#ff694b}#course-nav nav>a{font-size:12px;min-height:43px;align-items:center;border-radius:9px}#course-nav nav a[aria-current=page]{background:#ff4d2e20;color:#ffb39e;box-shadow:inset 2px 0 #ff4d2e}#course-nav nav a:hover{background:#2e241b;color:#fff}.nav-module{padding:6px 0;border-bottom:1px solid #30271e}.nav-module>summary{font:650 11px/1.55 Inter,sans-serif;color:#e9dfd6;padding:12px 23px 12px 12px;position:relative;list-style:none;cursor:pointer}.nav-module>summary::-webkit-details-marker{display:none}.nav-module>summary:after{content:'+';position:absolute;right:10px;top:11px;font-size:16px;color:#bb9981}.nav-module[open]>summary:after{content:'−'}.nav-module>a{margin-left:8px;font-size:11px;padding:10px 9px;line-height:1.55;min-height:44px}.done-dot{border-color:#a17e66;flex:0 0 6px;width:6px;height:6px;margin-top:6px}.done-dot.done{background:#ff694b;border-color:#ff694b}.nav-heading{font-size:9px!important;color:#c7a78e!important;letter-spacing:.12em!important;padding-top:28px!important}.nav-bottom{padding:24px 8px}.nav-bottom>button{color:#cab9aa;border-color:#4c3b2e;width:100%;font-size:11px}.nav-bottom .fine{font-size:10px;color:#b6a696}.sidebar-download{display:flex;align-items:center;gap:13px;padding:17px 12px;background:#272018;border:1px solid #4a3627;border-radius:12px;text-decoration:none;font-size:11px;font-weight:600;margin-bottom:16px}.sidebar-download>span:first-child{font-size:24px;color:#ff947e}.sidebar-download small{display:block;font-size:9px;font-weight:400;margin-top:5px;color:#bba897}.drawer-top{display:none}
.workspace-bar{height:65px;display:flex;align-items:center;gap:10px;padding:0 36px;border-bottom:1px solid var(--line);font-size:11px;color:#7c746b;background:#fbfaf7}.workspace-bar>a:first-child{color:#61574d;text-decoration:none}.workspace-separator{color:#b5a99c}.view-control{margin-left:auto;display:flex;gap:9px;align-items:center;white-space:nowrap}.view-control select{min-height:35px;max-width:140px;padding:6px 25px 6px 9px;border:1px solid #dcd5ca;border-radius:8px;background:#fff;color:#4b433a;font-size:11px}.workspace-bar #resume-link{font-size:10px;min-height:34px;padding:6px 11px;border-radius:8px;background:#fff}.page{max-width:1440px;padding:36px 44px 76px}.lesson{max-width:1200px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:11px;color:#8d7d6e;margin:0 0 22px}.breadcrumbs a{color:#827160;text-decoration:none}.lesson-header .eyebrow{margin-bottom:9px}.lesson-header h1{max-width:880px;margin-bottom:26px}.outcome{font-size:20px;line-height:1.6;color:#4d382b;border-bottom:1px solid #e0d7ca;padding-bottom:24px;margin-bottom:28px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;padding:26px 0 46px}.hero-copy{min-width:0}.hero .eyebrow{font-size:9px;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#ff4d2e;border-radius:50%}.hero h1{font-size:clamp(40px,4.15vw,68px);line-height:1.02;letter-spacing:-.055em;margin-bottom:23px}.hero em{color:#d43e22}.hero .hero-description{font-size:15px;line-height:1.8;color:#6f6256;max-width:490px}.hero .actions{gap:10px;margin-top:26px}.hero .button{font-size:12px;padding:12px 16px}.hero .secondary{background:#fff}.hero-benefits{display:flex;flex-wrap:wrap;gap:13px;font-size:10px;color:#7a6b5d;margin-top:20px}.hero-benefits span:before{content:'✓';margin-right:5px;color:#b83b21}.hero-art{position:relative;transform:rotate(-1.5deg);padding:9px;background:#201a15;border:1px solid #483322;border-radius:15px;box-shadow:0 18px 40px #3e241623;margin:0}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 5px 17px;color:#d5bda9;font-size:7px;letter-spacing:.08em}.studio-top>span{display:flex;gap:4px}.studio-top i{width:5px;height:5px;border-radius:50%;background:#a27a5a}.studio-top i:first-child{background:#ff694b}.hero-art img{border-radius:7px;border:1px solid #4c392b;width:100%}.hero-art figcaption{display:flex;align-items:center;gap:11px;margin:16px 8px 12px;color:#f8e8db;text-align:left}.hero-art strong{font-size:11px;display:block}.hero-art small{font-size:8px;display:block;color:#c1a38c;margin-top:3px}.play-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#1b1009;background:#ff694b;font-size:11px;flex-shrink:0}.floating-label{position:absolute;bottom:-18px;right:14px;background:#ffdfc9;color:#783013;padding:9px 14px;border:1px solid #edb48e;border-radius:8px;font-size:10px;font-weight:700;box-shadow:0 6px 20px #60372116}.course-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ded5c8;border-radius:14px;background:#fffdf9;margin:12px 0 44px;padding:24px 0}.course-stats>div{padding:0 24px;border-right:1px solid #e9e0d5}.course-stats>div:last-child{border:0}.course-stats b{font:700 29px/1.2 Bricolage,sans-serif;color:#39291e;display:block}.course-stats span{font-size:10px;color:#857361;display:block;margin-top:6px}.path-picker{padding:0 0 36px;border:0}.path-picker h2{font-size:27px;margin-bottom:10px}.path-picker>p:not(.eyebrow){font-size:13px;color:#7c6a58}.path-buttons .button{background:#ede6dc;border:1px solid #ddd0bf;color:#65442d;border-radius:9px;font-size:11px;padding:10px 15px}.intro-grid{background:#efe7dc;padding:32px;border:1px solid #e3d6c7;border-radius:16px;margin:12px 0 40px;grid-template-columns:1fr 1.8fr;gap:32px}.intro-grid h2{font-size:32px;color:#422c1d}.intro-grid p{font-size:13px;color:#6f5744}.intro-grid p:last-child{margin-bottom:0}.module-grid{gap:18px}.module-card{padding:25px;background:#fff;border:1px solid #e0d8ce;border-radius:15px;box-shadow:0 2px 3px #32221103}.module-card:hover{transform:translateY(-2px);border-color:#d8a288}.module-no{font-size:9px;letter-spacing:.12em;color:#b23920;margin-bottom:16px}.module-card h3{font-size:24px}.module-card p{font-size:12px;line-height:1.7}.module-card li{font-size:12px;margin:8px 0}.module-card a{color:#564b40;text-decoration-color:#d8c8b8}.module-entry{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee5db;padding-top:16px;margin-top:18px;font-weight:700;font-size:11px;text-decoration:none!important;color:#9b311b!important}.module-entry span{font-size:18px}.project-card{background:#211a15;border:1px solid #3e2b1e;border-radius:15px;padding:29px}.project-card h3{color:#fff3e9;font-size:25px}.project-card:hover{background:#36251a}.project-card p{color:#c9b29f;font-size:13px}.project-card span,.project-card b{color:#ffa288}.download-section{padding:32px;margin-top:40px;background:#fbe6da;border:1px solid #ecc9b4;border-radius:16px}.download-section h2{margin-top:0}.download-section p{font-size:14px}.download-section .button{background:#fffaf6}.download-section .primary{background:#ff4d2e}
.video-lesson{padding:0;margin:0 0 20px;overflow:hidden;border:1px solid #cfc3b6;border-radius:14px;background:#fff;box-shadow:0 8px 25px #5b3b2110}.video-top{display:flex;justify-content:space-between;gap:12px;padding:12px 19px;background:#221a14;color:#c4ae9a;font-size:10px}.video-kicker{color:#ffae92;font-weight:700;letter-spacing:.1em}.video-lesson video{margin:0;width:100%;height:auto;aspect-ratio:16/9;background:#141210;border-radius:0;max-height:62dvh;object-fit:contain}.video-actions{padding:14px 18px;gap:20px;margin:0;display:flex;align-items:center;border-bottom:1px solid #f0e8df}.video-actions button{padding:10px 15px;font-size:12px;min-height:41px}.video-actions a{font-size:11px;color:#775b43;text-decoration:none;min-height:40px;display:flex;align-items:center}.video-disclosure{padding:9px 18px;font-size:10px;color:#8a7865}.video-disclosure summary{font-weight:500}.video-disclosure p{font-size:12px!important;line-height:1.65;margin:10px 0!important}.lesson-jumps{display:flex;gap:5px;border-bottom:1px solid #ded5c8;margin:22px 0 32px}.lesson-jumps button{background:transparent;border:0;border-radius:0;padding:11px 18px;color:#88715c;font-size:11px}.lesson-jumps button:hover{color:#aa3219;background:#f0e4d7}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:35px;align-items:start}.lesson-reading{min-width:0}.lesson-reading>p,.lesson-reading>ol,.lesson-reading>ul{max-width:760px}.lesson-rail{position:sticky;top:100px;border-left:1px solid #e1d6c8;padding:6px 0 10px 20px}.lesson-rail .eyebrow{font-size:9px;margin-bottom:12px}.lesson-rail button{display:flex;width:100%;justify-content:space-between;text-align:left;gap:8px;min-height:42px;border:0;background:none;padding:9px 0;color:#7b6652;font-size:10px;font-weight:500;border-radius:0;line-height:1.5}.lesson-rail button:hover{color:#a3321b}.lesson-rail button span{color:#c3ab94}.rail-workbook{display:block;border-top:1px solid #e5d9ca;margin-top:15px;padding-top:18px;font-size:11px;color:#a23620;font-weight:650;text-decoration:none}.prompt,.quiz{background:#fff;border:1px solid #ddd4c8;border-radius:13px}.prompt{border-left:3px solid #f65a39;padding:24px}.prompt h2{font-size:19px}.prompt p{font-size:16px;color:#654832}.prompt button{background:#f6eadf;border-color:#dcc6b1;color:#78452d}.quiz label{background:#fbf9f5;border-color:#e4dacd}.quiz label:has(input:checked){background:#fff0e6;border-color:#f47756}.quiz legend{font-size:22px}.quiz-result{color:#7a351e}.feedback{border-color:#dfd3c4}textarea{color:#30251d;background:#fff;border:1px solid #d6c6b4;border-radius:12px}textarea::placeholder{color:#8f7a64}.table-wrap th{background:#e9e0d4}.workflow div{border-color:#cebba5;background:#fff}.walkthrough{padding:24px;background:#efe7dd;border-color:#d7c4af;border-radius:14px}.walkthrough h2{color:#4c3020}.walk-tabs button{background:#fcf8f2;border-color:#d7c3ab;color:#745034}.walk-tabs button span{color:#af482a}.walk-tabs button[aria-pressed=true]{background:#ff4d2e;color:#21140d}.walk-step{grid-template-columns:1fr}.look-for{background:#fff7ed;border-color:#ff4d2e}.look-for b{color:#a33b21}.zoom-image{border-color:#c9af90;background:#21180f}.walk-copy p{color:#624b36}.walk-status{color:#745e48}.walk-controls button{background:#fffaf5;border-color:#ceb79d;color:#67452b}.asset-grid img{background:#ede3d7}.resource-links .button{background:#fff}.site-footer{margin-left:264px;border-top:1px solid #dfd4c7;padding:36px 44px;color:#8b735d;font-size:12px;background:#eee7de;display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px}.footer-brand{font:700 23px Bricolage,sans-serif;color:#3e2b1d;text-decoration:none}.footer-brand span{font:500 10px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}.site-footer p{margin:0;font-size:11px}.site-footer>div{display:flex;gap:18px;margin-left:auto}.site-footer a{color:#765237}.site-footer small{width:100%;font-size:10px}.mobile-lesson-nav,.drawer-backdrop{display:none}.skip{background:#fff;color:#7e2d17}body[data-view=focus] .site-footer{margin-left:0}body[data-view=focus] .lesson{max-width:1120px}body[data-view=focus] #course-nav.open{z-index:80;top:72px;height:calc(100dvh - 72px);width:min(360px,90vw)}body[data-view=large] .lesson-reading,body[data-view=large] .lesson-reading>p{font-size:19px}.drawer-open{overflow:hidden}.drawer-backdrop:not([hidden]){display:block;position:fixed;inset:72px 0 0;background:#16100bc7;z-index:70;border:0;border-radius:0;padding:0;backdrop-filter:blur(3px)}.drawer-open .mobile-lesson-nav{visibility:hidden}.drawer-open .drawer-top{display:flex}
@media(min-width:1500px){.page{padding-left:60px;padding-right:60px}.lesson{max-width:1320px}.hero h1{font-size:74px}}
@media(max-width:1220px){.shell{grid-template-columns:236px minmax(0,1fr)}.site-footer{margin-left:236px}.page{padding:30px}.workspace-bar{padding:0 30px}.hero{grid-template-columns:1fr;gap:35px;padding:12px 0 42px}.hero-copy{max-width:680px}.hero h1{font-size:60px}.hero-art{max-width:640px;transform:none}.study-layout{grid-template-columns:1fr}.lesson-rail{display:none}.course-stats>div{padding:0 17px}.workspace-bar #resume-link{display:none}.module-card{padding:22px}}
@media(max-width:980px){.topbar{padding:0 22px;height:64px}.header-links{margin-left:auto;margin-right:16px}.header-links>a:first-child{display:none}.header-links .button{font-size:10px}.brand{font-size:23px}.brand-logo{width:28px;height:28px}.brand>span:last-child{font-size:9px}#menu-toggle{display:inline-flex;min-height:36px;padding:7px 12px}.shell{display:block}#course-nav,#course-nav.open,body[data-view=focus] #course-nav.open{display:none;position:fixed;left:0;top:64px;width:min(370px,90vw);height:calc(100dvh - 64px);max-height:none;z-index:80;box-shadow:20px 0 60px #0004;border-right:1px solid #5d402b;padding:20px 16px;overflow-y:auto}#course-nav.open,body[data-view=focus] #course-nav.open{display:block}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:0 10px 24px;font-size:13px;color:#fff}.drawer-top button{background:#32261d;border-color:#58402f;color:#f6d7bd;padding:6px 11px;min-height:38px}.drawer-backdrop:not([hidden]){top:64px}.workspace-bar{height:58px;padding:0 26px}.view-control{gap:7px}.view-control>span{display:none}.view-control select{font-size:10px;min-height:34px}.page{padding:30px 26px 60px}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:49px}.hero .hero-description{font-size:13px}.hero .button{font-size:10px;padding:10px 13px}.hero .actions{gap:7px}.hero-benefits{font-size:9px;gap:8px}.studio-top{font-size:6px}.hero-art strong{font-size:9px}.hero-art small{font-size:7px}.site-footer{margin-left:0;padding:28px 26px 100px}.mobile-lesson-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fffaf5f5;backdrop-filter:blur(10px);border-top:1px solid #d5c3af;z-index:60;box-shadow:0 -4px 18px #4d2d1410}.mobile-lesson-nav a,.mobile-lesson-nav button{margin:0;min-height:42px;border:0;background:transparent;font-size:11px;text-decoration:none;padding:9px 14px;color:#72482d;border-radius:9px;display:flex;align-items:center}.mobile-lesson-nav .primary{background:#ff4d2e;color:#21120b;font-weight:700}.lesson-header h1{font-size:36px;max-width:780px}.lesson-reading>p{font-size:16px}.breadcrumbs{margin-bottom:18px}.course-stats{padding:22px 0}.lesson-jumps{margin-bottom:25px}.lesson-jumps button{flex:1;padding:12px 10px}.video-lesson video{max-height:none}.site-footer>div{margin-left:0}.intro-grid{grid-template-columns:1fr 1.4fr}}
@media(max-width:650px){.topbar{padding:0 16px}.brand>span:last-child,.header-links{display:none}.brand{font-size:25px}.workspace-bar{height:50px;padding:0 18px;gap:7px;font-size:10px}#workspace-location{max-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-control select{max-width:104px;padding:5px 18px 5px 8px}.page{padding:23px 18px 45px}.hero{display:block;padding:12px 0 30px}.hero .eyebrow{font-size:8px;margin-bottom:18px}.hero h1{font-size:clamp(40px,10.8vw,61px);line-height:1.04}.hero .hero-description{font-size:14px;line-height:1.75}.hero .button{font-size:12px;padding:12px 15px;min-height:45px}.hero .actions{margin:22px 0 18px;gap:9px}.hero-benefits{font-size:10px;gap:13px}.hero-art{margin:32px 0 0;padding:8px}.studio-top{font-size:7px}.hero-art strong{font-size:11px}.hero-art small{font-size:8px}.course-stats{margin:12px 0 32px;grid-template-columns:1fr 1fr;padding:0}.course-stats>div{padding:19px 20px;border-bottom:1px solid #e9e0d5}.course-stats>div:nth-child(2){border-right:0}.course-stats>div:nth-child(n+3){border-bottom:0}.course-stats b{font-size:27px}.path-picker h2{font-size:25px}.path-buttons{gap:9px}.path-buttons .button{flex:1 1 140px;font-size:11px;min-height:45px}.intro-grid{display:block;padding:23px}.intro-grid h2{font-size:30px}.intro-grid>div+div{margin-top:22px}.intro-grid p{font-size:13px}.module-grid,.project-grid{grid-template-columns:1fr}.module-card{padding:23px}.module-card h3{font-size:25px}.module-card li,.module-card p{font-size:13px}.download-section{padding:24px}.download-section .actions>*{width:100%}.breadcrumbs{margin-bottom:16px;font-size:10px}.lesson-header .eyebrow{font-size:8px;letter-spacing:.085em;line-height:1.6;margin-bottom:10px}.lesson-header h1{font-size:31px;line-height:1.12;margin-bottom:20px}.video-top{padding:10px 12px;font-size:8px}.video-lesson{border-radius:11px;margin-bottom:14px}.video-actions{padding:11px;gap:8px 15px;flex-wrap:wrap}.video-actions button{width:auto;flex:1 1 100%;min-height:42px;font-size:12px}.video-actions a{min-height:34px;font-size:10px}.video-disclosure{padding:8px 12px;font-size:10px}.lesson-jumps{margin-top:18px;gap:0}.lesson-jumps button{font-size:10px;padding:11px 6px;min-height:44px}.outcome{font-size:18px}.lesson-reading,.lesson-reading>p{font-size:15px}h2{font-size:26px}.prompt{padding:21px}.quiz{padding:20px}.quiz legend{font-size:22px}.quiz label{font-size:14px}.quiz button{width:100%}.lesson-actions>*{flex:1 1 100%;min-height:45px}.walkthrough{padding:17px}.walkthrough h2{font-size:25px}.walk-tabs button{font-size:11px;flex-basis:155px}.walk-copy p{font-size:14px}.mobile-lesson-nav{padding-left:12px;padding-right:12px;gap:4px}.mobile-lesson-nav a,.mobile-lesson-nav button{padding:9px 11px;font-size:10px}.site-footer{display:block;padding:28px 20px 110px}.site-footer p{margin:13px 0 18px}.site-footer>div{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;margin-bottom:20px}.site-footer small{font-size:9px}body[data-view=large] .lesson-reading>p{font-size:19px}dialog{background:#20170f;border-color:#755135}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none}button,.button,.module-card{transition:none}.module-card:hover{transform:none}}@media print{.workspace-bar,.site-footer,.mobile-lesson-nav,.lesson-rail,.lesson-jumps,.video-lesson{display:none!important}.study-layout{display:block}.lesson{max-width:none}.page{padding:0}.shell{display:block}}