:root{--tt-dark-grey:#22312c;--tt-cream:#f7f8f3;--tt-light-grey:#f0f0ed;--tt-green:#5fd8a3;--tt-blue:#4a6bfa;--tt-pink:#fd7d6a;--tt-yellow:#fbb116;--fg-1:var(--tt-dark-grey);--fg-2:color-mix(in oklab, var(--tt-dark-grey) 72%, transparent);--fg-3:color-mix(in oklab, var(--tt-dark-grey) 52%, transparent);--fg-on-dark:var(--tt-cream);--fg-on-green:var(--tt-dark-grey);--fg-on-blue:var(--tt-cream);--fg-link:var(--tt-blue);--bg-page:var(--tt-cream);--bg-surface:var(--tt-light-grey);--bg-inverse:var(--tt-dark-grey);--bg-accent:var(--tt-green);--bg-accent-alt:var(--tt-blue);--border-subtle:color-mix(in oklab, var(--tt-dark-grey) 12%, transparent);--border-strong:color-mix(in oklab, var(--tt-dark-grey) 28%, transparent);--border-dark:var(--tt-dark-grey);--font-sans:"Space Grotesk", ui-sans-serif, Arial, sans-serif;--font-mono:"Space Grotesk", ui-monospace, Menlo, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:36px;--fs-3xl:48px;--fs-4xl:64px;--fs-display:88px;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.45;--lh-loose:1.6;--tracking-display:-.03em;--tracking-heading:-.015em;--tracking-body:0;--tracking-caps:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #22312c0f;--shadow-sm:0 2px 6px #22312c14;--shadow-md:0 8px 20px #22312c17;--shadow-lg:0 18px 40px #22312c1f;--ease-standard:cubic-bezier(.2, .7, .2, 1);--ease-emphasised:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.42s}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;padding:0}#root{min-height:100dvh;position:relative}#root:before,#root:after{content:"";pointer-events:none;opacity:.55;z-index:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%20role='img'%20aria-label='Halftone%20dot%20pattern'%3e%3cdefs%3e%3cradialGradient%20id='fade'%20cx='50%25'%20cy='50%25'%20r='55%25'%3e%3cstop%20offset='0%25'%20stop-color='%2322312C'%20stop-opacity='0.22'%3e%3c/stop%3e%3cstop%20offset='70%25'%20stop-color='%2322312C'%20stop-opacity='0.06'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%2322312C'%20stop-opacity='0'%3e%3c/stop%3e%3c/radialGradient%3e%3cpattern%20id='dots'%20width='16'%20height='16'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='8'%20cy='8'%20r='2.2'%20fill='%2322312C'%3e%3c/circle%3e%3c/pattern%3e%3cmask%20id='fademask'%3e%3crect%20width='600'%20height='400'%20fill='url(%23fade)'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3crect%20width='600'%20height='400'%20fill='url(%23dots)'%20mask='url(%23fademask)'%3e%3c/rect%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:clamp(260px,36vw,520px);height:clamp(260px,36vw,520px);position:fixed}#root:before{top:-18%;left:-14%}#root:after{bottom:-22%;right:-18%;transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{max-width:980px;padding:clamp(20px, 3.5vw, 44px) clamp(20px, 4vw, 32px) var(--space-9);z-index:1;margin:0 auto;position:relative}.site-header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);display:flex}.brand{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.brand-logo{width:auto;height:28px;display:block}.site-tag{font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--fg-2);padding-left:var(--space-4);border-left:1px solid var(--border-subtle)}.hero h1{font-size:clamp(var(--fs-3xl), 5vw, var(--fs-display));margin:var(--space-2) 0 var(--space-4)}.lede{margin-bottom:var(--space-6)}.video-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--bg-inverse);aspect-ratio:9/16;max-width:360px;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;display:block}.featured,.modules{margin-top:var(--space-9)}.featured h2,.modules h2{font-size:var(--fs-2xl);margin-bottom:var(--space-5)}.featured-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.featured-card{align-items:flex-start;gap:var(--space-2);text-align:left;border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-sm);border:none;flex-direction:column;display:flex}.featured-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.featured-card.theme-1{background:var(--tt-dark-grey)}.featured-card.theme-2{background:var(--tt-green)}.featured-card.theme-3{background:var(--tt-light-grey)}.featured-card.theme-1 .featured-title,.featured-card.theme-1 .featured-num{color:var(--tt-cream)}.featured-card.theme-1 .featured-theme{color:var(--tt-green)}.featured-card.theme-2 .featured-title,.featured-card.theme-2 .featured-num,.featured-card.theme-2 .featured-theme,.featured-card.theme-3 .featured-title,.featured-card.theme-3 .featured-num{color:var(--tt-dark-grey)}.featured-card.theme-3 .featured-theme{color:var(--fg-2)}.featured-num{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-3xl);line-height:1}.featured-title{font-weight:var(--fw-bold);font-size:var(--fs-md);line-height:var(--lh-snug)}.featured-theme{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--fw-medium)}.module-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.module-card{gap:var(--space-2);text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard), background var(--dur-base) var(--ease-standard);flex-direction:column;display:flex}.module-card:hover{border-color:var(--border-strong);background:var(--tt-cream)}.module-card-title{font-weight:var(--fw-medium);font-size:var(--fs-base);line-height:var(--lh-snug)}.module-card-count{font-size:var(--fs-xs);color:var(--fg-3);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.back{color:var(--fg-link);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;margin-bottom:var(--space-6);background:0 0;border:none;padding:0}.module-link{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--fs-sm);padding:var(--space-1) var(--space-4);cursor:pointer;color:var(--fg-1);margin:var(--space-3) 0 var(--space-6);display:inline-block}.module-view h1,.lesson-view h1{font-size:clamp(var(--fs-2xl), 4vw, var(--fs-3xl));margin-bottom:var(--space-6)}.lesson-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-row{justify-content:space-between;align-items:center;gap:var(--space-4);text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-base);color:var(--fg-1);display:flex}button.lesson-row.has-detail{cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard);font-family:inherit}button.lesson-row.has-detail:hover{border-color:var(--tt-blue)}.pill{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;background:var(--tt-green);color:var(--tt-dark-grey);border-radius:var(--radius-pill);flex-shrink:0;padding:4px 10px}.pill-muted{color:var(--fg-3);border:1px solid var(--border-subtle);background:0 0}.lesson-pattern{font-size:var(--fs-md);margin-bottom:var(--space-7);max-width:70ch}.lesson-section{margin-bottom:var(--space-7)}.lesson-section h3{margin-bottom:var(--space-3)}.lesson-section ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-section li{padding-left:var(--space-5);max-width:70ch;position:relative}.lesson-section li:before{content:"";background:var(--tt-pink);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.site-footer{margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}@media (width<=520px){.video-frame{max-width:100%}}