:root{--glass-bg:rgba(251,246,238,0.7);--glass-bg-strong:rgba(255,255,255,0.84);--glass-solid:rgba(255,255,255,0.97);--glass-filter:blur(20px) saturate(170%);--glass-rim:inset 0 1px 0 rgba(255,255,255,0.9),inset 0 0 0 1px rgba(255,255,255,0.45);--glass-shadow:0 10px 30px rgba(93,52,14,0.14),0 1px 3px rgba(93,52,14,0.1);--island-bg:rgba(74,44,26,0.84);--spring-snappy:cubic-bezier(0.22,1,0.36,1);--spring-bouncy:cubic-bezier(0.34,1.4,0.64,1);--spring-gentle:cubic-bezier(0.22,1,0.36,1)}@supports (transition-timing-function:linear(0,1)){:root{--spring-snappy:linear(0,0.186 4.6%,0.563 11.1%,0.857 18.1%,1.012 25.4%,1.051 30.5%,1.056 34.2%,1.035 41.2%,1.006 51.8%,0.996 62.4%,1);--spring-bouncy:linear(0,0.12 4%,0.47 10.2%,0.91 18%,1.12 25%,1.16 29%,1.11 35%,0.99 46%,0.96 53%,0.99 64%,1.01 76%,1);--spring-gentle:linear(0,0.25 8%,0.6 18%,0.85 30%,0.96 45%,0.995 65%,1)}}main{animation-duration:.22s}.site-header{background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom-color:rgba(234,223,206,.6);transition:transform .5s var(--spring-snappy)}@supports (animation-timeline:scroll()){.site-header{animation:liquid-header linear both;animation-timeline:scroll(root block);animation-range:0 120px}@keyframes liquid-header{0%{background-color:rgba(255,255,255,.6);box-shadow:none}to{background-color:rgba(255,255,255,.86);box-shadow:0 8px 28px rgba(93,52,14,.1)}}}html.scrolling-down:has(.player) .site-header{transform:translateY(-100%)}@media (max-width:759px){.tab-bar{inset:auto 12px calc(10px + env(safe-area-inset-bottom)) 12px;padding:6px;border-radius:30px;border:1px solid rgba(255,255,255,.6);background:rgba(251,246,238,.74);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--glass-rim),0 12px 32px rgba(93,52,14,.16);transition:transform .5s var(--spring-snappy)}.tab-bar:before{content:"";position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / var(--tabs, 4));border-radius:24px;background:rgba(212,118,73,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(212,118,73,.22);transform:translateX(calc(var(--tab, 0) * 100%));transition:transform .55s var(--spring-bouncy)}.tab-bar[data-none]:before{opacity:0}.tab-bar a{position:relative;z-index:1;min-height:54px;border-radius:24px;font-size:.75rem}.tab-bar a svg{transition:transform .45s var(--spring-bouncy)}.tab-bar a:active{transform:none}.tab-bar a:active svg{transform:scale(.84);transition-duration:80ms}.tab-bar a[aria-current=page] svg{transform:translateY(-1px) scale(1.06)}main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}html.fx-full.scrolling-down .tab-bar{transform:translateY(calc(100% + 24px))}html:has(.player) main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.btn,.card-link,.continue-card,.course-card,.door,.fullscreen-btn,.listen,.menu-btn,.module-tabs a,.option,.pill{transition:transform .5s var(--spring-bouncy),box-shadow .3s var(--ease-soft),background-color .2s,color .2s;touch-action:manipulation}.btn:active,.listen:active,.menu-btn:active,.module-tabs a:active,.option:active,.pill:active{transform:scale(.96);transition-duration:90ms;transition-timing-function:ease-out}.card-link:active,.continue-card:active,.course-card:active,.door:active{transform:scale(.982);transition-duration:.11s}@media (hover:none){.btn:hover,.card-link:hover,.continue-card:hover,.course-card:hover,.course-card:hover .cover img,.door:hover,.door:hover .school-art,.pill:hover{transform:none}}.door{border-radius:28px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(255,255,255,.7);box-shadow:var(--glass-rim),0 24px 48px rgba(93,52,14,.16)}.door-kicker{color:var(--isd-umber)}@supports (animation-timeline:view()){html.fx-full .door{animation:liquid-rise linear both;animation-timeline:view();animation-range:entry 0 entry 55%}html.fx-full .hero-photo img{animation:liquid-drift linear both;animation-timeline:scroll(root block);animation-range:0 100vh}}@keyframes liquid-rise{0%{opacity:0;transform:translateY(28px) scale(.96)}}@keyframes liquid-drift{to{transform:translateY(14%) scale(1.06)}}.course-card{border-radius:22px}.course-card .cover .no{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(74,44,26,.88)}.course-card .cover:after{content:"";position:absolute;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(transparent,rgba(40,22,8,.26))}.course-card .text{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}@supports (animation-timeline:scroll()){html.fx-full .banner img{animation:liquid-banner linear both;animation-timeline:scroll(root block);animation-range:0 60vh}@keyframes liquid-banner{to{transform:translateY(18%) scale(1.06)}}}.beat-view{position:relative;isolation:isolate}.player-ambient{position:absolute;inset:-40px calc(-1 * var(--gutter)) auto;height:75vh;z-index:-1;pointer-events:none;background-size:cover;background-position:50%;filter:blur(48px) saturate(140%);opacity:.3;transform:scale(1.2);-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent);transition:background-image .6s}@media (max-width:759px){.hook-view .frame{margin-inline:calc(-1 * var(--gutter));overflow:hidden}.hook-view .frame .scene{border:0;border-radius:0;width:100%}.hook-view .frame figcaption{padding-inline:var(--gutter)}.player-cinema .hook-view .frame{margin-inline:0}}.hook-view .frame{overflow:hidden}html.fx-full .hook-view .frame .scene{animation:liquid-kenburns 14s linear both;transform-origin:60% 40%}@keyframes liquid-kenburns{to{transform:scale(1.06) translate3d(-1%,-1%,0)}}.learn-card{border-radius:24px;background:var(--glass-bg-strong);border:1px solid rgba(234,223,206,.7);box-shadow:var(--glass-rim),var(--glass-shadow)}.beat-tabs{position:relative;gap:0;padding:4px;border-radius:18px;background:rgba(234,223,206,.55);box-shadow:inset 0 1px 2px rgba(93,52,14,.08)}.beat-tabs:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 4);border-radius:14px;background:var(--isd-umber);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 14px rgba(93,52,14,.25);transform:translateX(calc(var(--beat, 0) * 100%));transition:transform .55s var(--spring-bouncy)}.beat-tabs li{position:relative;z-index:1}.beat-tabs button{border:0;border-radius:14px;background:transparent;transition:color .25s}.beat-tabs button[aria-current=step]{background:transparent;color:var(--isd-white)}.progress{border:0;background:rgba(234,223,206,.75)}.progress>span{width:100%!important;border-radius:inherit;transform-origin:left;transform:scaleX(var(--p,0));transition:transform .6s var(--spring-gentle)}.step-dots span{transition:width .45s var(--spring-bouncy),background-color .25s}.step-dots .on{width:22px;border-radius:5px}.transport{background:var(--island-bg);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 36px rgba(40,22,10,.3);animation:liquid-island .6s var(--spring-bouncy) both}@keyframes liquid-island{0%{opacity:0;transform:scale(.6,.45)}}@media (max-width:759px){.player:not(.player-cinema) .stepper{position:-webkit-sticky;position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;margin:16px -6px 0;padding:8px 10px 10px;border-radius:28px;border:1px solid rgba(255,255,255,.6);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-rim),var(--glass-shadow)}.player:not(.player-cinema) .stepper .step-dots{justify-content:center}.player:not(.player-cinema) .stepper .meta{text-align:center;font-size:.8rem;margin:4px 0 6px!important}.player:not(.player-cinema) .stepper .btn{min-height:52px}.player:not(.player-cinema) .stepper .btn-secondary{background:rgba(255,255,255,.72)}}.hook-view .frame{view-transition-name:story-frame}.learn-card{view-transition-name:learn-card}.player .beat-head h2{view-transition-name:beat-title}.player .stepper{view-transition-name:player-controls}::view-transition-group(*){animation-duration:.45s;animation-timing-function:var(--spring-snappy)}::view-transition-old(learn-card){animation:liquid-vt-out .24s ease-in both}::view-transition-new(learn-card){animation:.45s var(--spring-snappy) both liquid-vt-in}html[data-dir=back]::view-transition-old(learn-card){animation-name:liquid-vt-out-back}html[data-dir=back]::view-transition-new(learn-card){animation-name:liquid-vt-in-back}::view-transition-new(story-frame){animation:.6s var(--spring-gentle) both liquid-vt-settle}@keyframes liquid-vt-out{to{opacity:0;transform:translateX(-28px)}}@keyframes liquid-vt-in{0%{opacity:0;transform:translateX(36px)}}@keyframes liquid-vt-out-back{to{opacity:0;transform:translateX(28px)}}@keyframes liquid-vt-in-back{0%{opacity:0;transform:translateX(-36px)}}@keyframes liquid-vt-settle{0%{opacity:0;transform:scale(1.03)}}@media (max-width:759px){.menu-layer{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(40,22,10,.32)}.menu-panel{top:auto;left:0;right:0;width:100%;max-height:86dvh;padding-top:26px;border-radius:28px 28px 0 0;background:rgba(251,246,238,.9);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);box-shadow:var(--glass-rim),0 -12px 40px rgba(93,52,14,.18);animation:liquid-sheet .55s var(--spring-snappy) both}.menu-panel:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:rgba(93,52,14,.25)}@keyframes liquid-sheet{0%{transform:translateY(100%)}}}.moment{animation:liquid-moment .7s var(--spring-bouncy) both}@keyframes liquid-moment{0%{opacity:0;transform:translateY(24px) scale(.94)}}@property --shine{syntax:"<percentage>";inherits:false;initial-value:-30%}.milestone.is-new{position:relative;overflow:hidden}.milestone.is-new:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent calc(var(--shine) - 15%),rgba(255,255,255,.75) var(--shine),transparent calc(var(--shine) + 15%));animation:liquid-shine 1.4s ease-out .5s both}@keyframes liquid-shine{to{--shine:130%}}.offline-island{position:fixed;top:calc(66px + env(safe-area-inset-top));left:50%;z-index:70;width:max-content;max-width:calc(100% - 24px);padding:10px 18px;border-radius:22px;background:var(--island-bg);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 36px rgba(40,22,10,.3);color:#fff;font-size:.9rem;line-height:1.4;transform:translateX(-50%);animation:liquid-island-centre .6s var(--spring-bouncy) both}@keyframes liquid-island-centre{0%{opacity:0;transform:translateX(-50%) scale(.6,.45)}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.door,.menu-panel,.player .stepper,.site-header,.tab-bar{background:var(--glass-solid)}.offline-island,.transport{background:var(--isd-umber)}}html.fx-lite .door,html.fx-lite .menu-panel,html.fx-lite .player .stepper,html.fx-lite .site-header,html.fx-lite .tab-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid)}html.fx-lite .offline-island,html.fx-lite .transport{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--isd-umber)}html.fx-lite .player-ambient{display:none}@media (prefers-reduced-transparency:reduce){.door,.learn-card,.menu-panel,.player .stepper,.site-header,.tab-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid);border-color:var(--isd-tan)}.offline-island,.transport{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--isd-umber)}.player-ambient{display:none}}@media (prefers-contrast:more){.door,.learn-card,.menu-panel,.player .stepper,.site-header,.tab-bar{background:#fff;border:1.5px solid var(--isd-umber)}.player-ambient{display:none}}@media (prefers-reduced-motion:reduce){:root{--spring-snappy:ease;--spring-bouncy:ease;--spring-gentle:ease}.menu-panel,.milestone.is-new:after,.moment,.offline-island,.transport,html .banner img,html .door,html .hero-photo img,html .hook-view .frame .scene{animation:none!important}.offline-island{transform:translateX(-50%)}html.scrolling-down .tab-bar,html.scrolling-down:has(.player) .site-header{transform:none}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}@media print{.offline-island,.player-ambient{display:none}}