@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/demo/kelas-online/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/demo/kelas-online/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/demo/kelas-online/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/demo/kelas-online/assets/newsreader-vietnamese-wght-italic-xAqemagA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/demo/kelas-online/assets/newsreader-latin-ext-wght-italic-DFS986qL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/demo/kelas-online/assets/newsreader-latin-wght-italic-Bxi8ein9.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/kelas-online/assets/work-sans-vietnamese-wght-normal-BKsN3ITN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/kelas-online/assets/work-sans-latin-ext-wght-normal-B5dZ8C4S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/kelas-online/assets/work-sans-latin-wght-normal-Bl-S9Xys.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #faf8f3;--paper-2: #f1ede3;--card: #fffdf8;--ink: #201f1c;--muted: #5e5a52;--rule: rgba(32, 31, 28, .16);--accent: #1f3c88;--accent-on-ink: #9db4ee;--error: #a6432c;--accent-dark: #16306e;--gold: #c9a227;--gold-text: #8a6d0f;--display: "Newsreader Variable", Georgia, serif;--body: "Work Sans Variable", system-ui, sans-serif;--gutter: clamp(16px, 4vw, 56px);--top-h: 64px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--top-h) + 12px);-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--body);overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);font-weight:450;line-height:1.08;margin:0;letter-spacing:-.01em}h2{font-size:clamp(30px,3.6vw,46px)}h3{font-size:22px}p{margin:0}a{color:var(--accent-dark);text-underline-offset:3px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:50}.skip:focus{top:12px;color:var(--paper)}.u{position:relative;white-space:nowrap}.u:after{content:"";position:absolute;left:-2%;right:-4%;bottom:-.06em;height:.22em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M2 14 C40 6 80 16 120 9 S180 6 198 11' fill='none' stroke='%231F3C88' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;font:600 16px/1.2 var(--body);text-decoration:none;border-radius:3px;cursor:pointer;border:1.5px solid var(--ink);transition:background-color .15s,color .15s,transform .15s}.btn-solid{background:var(--accent);border-color:var(--accent);color:#fff}.btn-solid:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-line{background:transparent;color:var(--ink)}.btn-line:hover{background:var(--ink);color:var(--paper)}.btn:active{transform:translateY(1px)}.top{position:sticky;top:0;z-index:30;height:var(--top-h);display:flex;align-items:center;gap:28px;padding:0 var(--gutter);background:var(--paper);border-bottom:1px solid var(--rule)}.wordmark{font:500 25px/1 var(--display);color:var(--ink);text-decoration:none;margin:0;display:inline-block;line-height:44px}.wordmark em{font-style:italic;color:var(--accent)}.nav{display:flex;gap:4px;margin-left:auto}.nav a{color:var(--ink);text-decoration:none;padding:12px;min-height:44px;display:inline-flex;align-items:center;font-size:15px}.nav a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.top-cta{min-height:44px;padding:10px 18px;font-size:15px}.menu-btn{display:none}.deck-run{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0 clamp(24px,4vw,64px);padding:0 var(--gutter)}.deck-copy{min-width:0}.hero{padding:clamp(32px,8vh,104px) 0 72px}.hero-course{font-size:15px;color:var(--muted);margin-bottom:20px}h1{font-size:clamp(46px,6.4vw,92px);font-weight:400;line-height:.98;letter-spacing:-.025em}.lede{font-size:clamp(17px,1.35vw,19px);max-width:34em;margin-top:26px;color:#3a3833}.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 36px;margin:32px 0 0;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.facts dt{font-size:13px;color:var(--muted)}.facts dd{margin:2px 0 0;font-weight:600;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.mini-count{margin-top:18px;font-size:15px;color:var(--muted)}.mini-count strong{color:var(--ink);font-variant-numeric:tabular-nums}.syllabus{padding:40px 0 96px;outline:none}.section-lede{color:var(--muted);max-width:36em;margin-top:14px}.modules{list-style:none;margin:32px 0 0;padding:0;border-top:1.5px solid var(--ink)}.mod{border-bottom:1px solid var(--rule)}.mod-btn{width:100%;display:grid;grid-template-columns:64px 1fr;grid-template-areas:"no title" "no meta";gap:2px 12px;align-items:baseline;padding:18px 4px;background:none;border:0;text-align:left;cursor:pointer;color:var(--ink);font:inherit}.mod-no{grid-area:no;font:italic 300 44px/1 var(--display);color:var(--accent);transition:transform .3s}.mod-title{grid-area:title;font:500 23px/1.2 var(--display)}.mod-meta{grid-area:meta;font-size:14px;color:var(--muted)}.mod-btn:hover .mod-title{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}.mod.on .mod-no{transform:translate(6px)}.mod-body{padding:0 4px 24px 76px}.mod-sum{color:#3a3833;max-width:34em}.lessons{list-style:none;margin:16px 0 0;padding:0}.lesson{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px 10px 10px 12px;background:var(--card);border:1px solid var(--rule);border-radius:4px;margin-bottom:8px;cursor:grab;touch-action:pan-y}.lesson:active{cursor:grabbing}.lesson-id{font:italic 400 18px/1 var(--display);color:var(--accent-dark)}.lesson-title{font-size:15px;line-height:1.35}.lesson-title small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.when{min-height:44px;padding:8px 12px;font:600 13px/1.1 var(--body);background:transparent;border:1px solid var(--rule);border-radius:3px;cursor:pointer;color:var(--ink);white-space:nowrap}.when:hover{border-color:var(--ink)}.outcomes{margin-top:16px;padding:14px 16px;background:var(--paper-2);border-radius:4px}.outcomes p{font-weight:600;font-size:14px}.outcomes ul{margin:6px 0 0;padding-left:18px;font-size:15px}.strip{position:sticky;bottom:0;z-index:5;margin-top:28px;padding:16px 16px 18px;background:var(--ink);color:var(--paper);border-radius:6px 6px 0 0;transition:box-shadow .2s}.strip-head{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;justify-content:space-between;margin-bottom:12px}.strip h3{font-size:19px}.strip-read{font-size:14px;color:#e2ddd2;max-width:36em}.strip-read strong{color:#fff}.strip.err .strip-read{color:#ffb4a3}.strip.ready{box-shadow:0 0 0 3px var(--accent-on-ink) inset}.strip.over{box-shadow:0 0 0 3px #fff inset}.strip-grid{display:grid;grid-template-columns:repeat(42,minmax(0,1fr));gap:2px}.day{position:relative;height:34px;background:#faf8f31f;border-radius:2px}.day.wk{margin-left:4px}.day.wk:first-child{margin-left:0}.day b{position:absolute;top:-1px;left:3px;font:600 10px/1.4 var(--body);color:#cfc9bc}.day.live{background:#faf8f34d}.day.hit{background:var(--accent);box-shadow:0 0 0 2px #fff}.strip.pulse .day.hit{animation:land .5s ease-out}@keyframes land{0%{transform:scaleY(1.6)}to{transform:none}}.drag-ghost{position:fixed;left:0;top:0;z-index:60;padding:10px 14px;background:var(--accent);color:#fff;font-weight:600;border-radius:3px;pointer-events:none}.deck-stage{position:sticky;top:var(--top-h);height:calc(100dvh - var(--top-h));min-height:520px;align-self:start;display:flex;flex-direction:column}.stage-inner{position:relative;flex:1;min-height:0}.stage-inner .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage-status{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:14px;color:var(--muted)}.deck-canvas,.deck-css{position:absolute!important;inset:0;width:100%!important;height:100%!important}.deck-css{cursor:grab;touch-action:pan-y}.stage-hint{text-align:center;font-size:14px;color:var(--muted);padding:8px 0 20px}.card-back{background:var(--card);padding:22px;font-family:var(--body);color:var(--ink);backface-visibility:hidden;border:1px solid var(--rule);overflow:hidden}.card-back .cb-no{font:600 11px/1.2 var(--body);color:var(--accent-dark)}.card-back .cb-title{font:500 24px/1.1 var(--display);margin:4px 0 12px}.card-back ol{list-style:none;margin:0;padding:0}.card-back li{font-size:12px;line-height:1.35;padding:7px 0;border-top:1px solid var(--rule)}.card-back li span{display:inline-block;width:28px;font:italic 500 13px/1 var(--display);color:var(--accent-dark)}.preview{background:var(--ink);color:var(--paper);padding:clamp(56px,8vw,104px) var(--gutter)}.preview-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:36px}.preview-head p{color:#d8d2c6;max-width:32em}.player{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:0 32px}.screen{grid-column:1;aspect-ratio:16 / 9;background:var(--paper);color:var(--ink);border-radius:4px;padding:clamp(20px,4vw,56px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.screen.turn .screen-body,.screen.turn .screen-head{animation:pageTurn .45s cubic-bezier(.2,.7,.2,1)}@keyframes pageTurn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.screen-head{font-size:15px;font-weight:600;color:var(--accent-dark);margin-bottom:14px}.screen-body{font:400 clamp(22px,2.8vw,40px)/1.2 var(--display);max-width:22em}.screen-body.is-strike{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:3px}.screen-body.is-quote{font-style:italic}.screen-caption{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(90%,44em);text-align:center;font-size:clamp(12px,1.1vw,15px);background:#201f1ce0;color:#fff;padding:6px 12px;border-radius:3px}.screen-caption:empty{display:none}.controls{grid-column:1;display:flex;align-items:center;gap:12px;margin-top:14px}.ctl{min-height:44px;min-width:88px;padding:10px 16px;font:600 15px/1 var(--body);background:var(--paper);color:var(--ink);border:0;border-radius:3px;cursor:pointer}.ctl-small{min-width:56px;background:transparent;color:var(--paper);border:1px solid rgba(250,248,243,.45)}.ctl-small[aria-pressed=false]{color:#bdb7aa;text-decoration:line-through}.seek{flex:1;display:flex;align-items:center;min-height:44px}.seek input{width:100%;accent-color:var(--accent);height:44px;background:transparent}.time{font-variant-numeric:tabular-nums;font-size:14px;color:#d8d2c6;min-width:84px;text-align:right}.chapters{grid-column:2;grid-row:1 / span 2;list-style:none;margin:0;padding:0;border-top:1px solid rgba(250,248,243,.25)}.chapters button{width:100%;min-height:48px;text-align:left;display:flex;gap:14px;align-items:baseline;padding:12px 4px;background:none;border:0;border-bottom:1px solid rgba(250,248,243,.18);color:#e2ddd2;font:400 15px/1.35 var(--body);cursor:pointer}.chapters button span{font-variant-numeric:tabular-nums;color:#bdb7aa;min-width:36px}.chapters button[aria-current]{color:#fff;font-weight:600}.chapters button[aria-current] span{color:#f0a08c}.chapters button:hover{color:#fff}.teacher{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:40px clamp(32px,6vw,96px);padding:clamp(64px,9vw,128px) var(--gutter);align-items:start}.teacher-card{position:sticky;top:calc(var(--top-h) + 32px)}.monogram{width:min(100%,320px);aspect-ratio:4 / 5;background:var(--paper-2);border:1px solid var(--rule);display:grid;place-items:center;font:italic 300 clamp(96px,12vw,168px)/1 var(--display);color:var(--accent)}.teacher-name{font:500 26px/1.2 var(--display);margin-top:18px}.teacher-role{color:var(--muted);font-size:15px}.chapters-story{list-style:none;margin:36px 0 0;padding:0}.chapters-story li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--rule)}.yr{font:italic 300 40px/1 var(--display);color:var(--accent)}.chapters-story p{max-width:34em}.pull{margin:40px 0 0;font:italic 400 clamp(24px,2.6vw,34px)/1.3 var(--display);max-width:24em;padding-left:0}.pull:before{content:'"';color:var(--accent)}.pull:after{content:'"';color:var(--accent)}.schedule{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);padding:clamp(56px,8vw,104px) var(--gutter);background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.big-count{display:flex;flex-wrap:wrap;gap:8px clamp(16px,3vw,40px);margin-top:24px}.big-count div{display:flex;flex-direction:column}.big-count span{font:300 clamp(64px,9vw,132px)/.9 var(--display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em}.big-count small{font-size:14px;color:var(--muted);margin-top:8px}.count-done{margin-top:16px;font-weight:600}.dates{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.dates li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}.dates time{font:italic 400 18px/1.3 var(--display);color:var(--accent-dark)}.dates strong{display:block;font-weight:600;font-size:15px}.dates span{font-size:14px;color:var(--muted)}.pricing{padding:clamp(64px,9vw,128px) var(--gutter)}.tiers{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;margin-top:36px;align-items:start}.tier{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:clamp(22px,3vw,40px)}.tier-main{border:1.5px solid var(--ink)}.tier h3{font-size:30px}.tier-pitch{color:#3a3833;margin-top:8px;max-width:32em}.pay-toggle{display:inline-flex;margin-top:24px;border:1.5px solid var(--ink);border-radius:3px;overflow:hidden}.pay-toggle button{min-height:44px;padding:10px 18px;background:transparent;border:0;border-right:1px solid var(--ink);font:600 15px/1 var(--body);color:var(--ink);cursor:pointer}.pay-toggle button:last-child{border-right:0}.pay-toggle button[aria-checked=true]{background:var(--ink);color:var(--paper)}.pay-toggle button:focus-visible{outline-offset:-5px;outline-color:var(--accent)}.price{font:400 clamp(40px,4.4vw,60px)/1 var(--display);margin-top:22px;font-variant-numeric:lining-nums}.price small{font:400 16px/1 var(--body);color:var(--muted)}.price-side{font-size:clamp(34px,3.2vw,44px);margin-top:14px}.plan{list-style:none;margin:16px 0 0;padding:0;max-width:360px}.plan:empty{display:none}.plan li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--rule);font-size:15px;font-variant-numeric:tabular-nums}.plan li.sum{border-bottom:0;font-weight:600}.plan-note{font-size:13px;color:var(--muted);margin-top:12px;max-width:34em}.incl,.excl{list-style:none;margin:22px 0 26px;padding:0}.incl li,.excl li{padding:7px 0 7px 26px;position:relative;font-size:15px;border-top:1px solid var(--rule)}.incl li:before{content:"";position:absolute;left:2px;top:14px;width:12px;height:6px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}.excl{margin-top:-18px}.excl li{color:var(--muted)}.excl li:before{content:"";position:absolute;left:2px;top:17px;width:13px;height:2px;background:var(--accent)}.team-line{margin-top:24px;font-size:16px}.cert{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);align-items:center;padding:clamp(24px,4vw,56px) var(--gutter) clamp(56px,7vw,96px)}.cert-paper{position:relative;aspect-ratio:1.414;background:#fffefa;border:1px solid #d9cfb8;outline:6px double rgba(201,162,39,.55);outline-offset:-18px;padding:clamp(24px,5%,56px) clamp(24px,7%,72px);display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(-1.2deg);box-shadow:0 18px 40px -24px #201f1c73}.cert-org{font:italic 500 clamp(16px,1.6vw,22px)/1 var(--display);color:var(--accent)}.cert-kind{font:400 clamp(22px,2.6vw,36px)/1.1 var(--display);margin-top:10px}.cert-given{font-size:clamp(12px,1vw,14px);color:var(--muted);margin-top:14px}.cert-name{font:italic 400 clamp(28px,3.8vw,54px)/1.1 var(--display);margin:6px auto 0;padding:0 14px;background:linear-gradient(transparent 58%,#c9a22773 58%);overflow-wrap:anywhere}.cert-text{font-size:clamp(12px,1.05vw,15px);max-width:30em;margin:14px auto 0;color:#3a3833}.cert-foot{display:flex;justify-content:space-between;align-items:end;margin-top:clamp(14px,3%,32px);font:500 clamp(13px,1.1vw,16px)/1.3 var(--display);text-align:left}.cert-foot small{font:400 12px var(--body);color:var(--muted)}.cert-no{font:500 12px var(--body);color:var(--gold-text)}.cert-stamp{position:absolute;top:9%;right:7%;transform:rotate(12deg);border:2px solid var(--accent);color:var(--accent);font:700 12px/1 var(--body);padding:5px 8px;border-radius:2px}.cert-side p{color:#3a3833;margin-top:14px;max-width:30em}.works{padding:clamp(56px,7vw,96px) var(--gutter);border-top:1px solid var(--rule)}.works-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px 48px;align-items:end}.label-contoh{font-size:14px;color:var(--muted);font-style:italic}.work-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:40px}.work{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:26px}.work.w0{grid-column:1 / span 7}.work.w1{grid-column:8 / span 5}.work.w2{grid-column:3 / span 8}.work-kind{font-weight:600;font-size:15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.work-kind span{font-weight:400;color:var(--muted);font-size:14px}.tag{display:block;font:600 12px/1 var(--body);color:var(--muted);margin-bottom:6px}.work-before{margin-top:18px;color:var(--muted)}.work-before s{text-decoration-color:var(--accent);text-decoration-thickness:2px}.work-after{margin-top:16px;font:400 clamp(20px,1.8vw,24px)/1.35 var(--display)}.work-after .tag{color:var(--accent-dark)}.voices{margin:56px 0 0}.voices ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.voices li{padding-top:16px;border-top:1.5px solid var(--ink)}.voices p{font:italic 400 20px/1.4 var(--display)}.voices span{display:block;margin-top:10px;font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:32px clamp(32px,6vw,96px);padding:clamp(64px,9vw,120px) var(--gutter);background:var(--paper-2);border-top:1px solid var(--rule)}.faq-side p{color:#3a3833;margin:14px 0 24px;max-width:26em}.faq-list{border-top:1.5px solid var(--ink)}details{border-bottom:1px solid var(--rule)}summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;min-height:48px;font:500 20px/1.3 var(--display);position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:6px;top:14px;font:300 28px/1 var(--body);color:var(--accent);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 0 20px;max-width:40em;color:#3a3833}.signup{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);padding:clamp(64px,9vw,120px) var(--gutter);align-items:start}.form>p{color:#3a3833;margin:14px 0 24px;max-width:34em}.field{display:block;margin:16px 0 0;border:0;padding:0;min-width:0}.field>span,legend{display:block;font-weight:600;font-size:15px;margin-bottom:6px;padding:0}input[type=text],input[type=tel],input[type=email],input:not([type]){width:100%;min-height:48px;padding:10px 14px;font:400 17px/1.3 var(--body);color:var(--ink);background:var(--card);border:1.5px solid #8f897d;border-radius:3px}input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:var(--error)}.field-msg{font-size:14px;min-height:0;margin-top:4px}.field-msg.bad{color:var(--error);font-weight:600}.choices{display:flex;flex-wrap:wrap;gap:10px}.choice{position:relative;flex:1 1 180px}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choice span{display:block;min-height:56px;padding:10px 14px;background:var(--card);border:1.5px solid #8f897d;border-radius:3px;font-weight:600}.choice small{display:block;font-weight:400;color:var(--muted);font-size:14px}.choice input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.choice input:checked+span small{color:#d8d2c6}.choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.choice-empty{font-size:14px;color:var(--muted);padding:12px 0}.check{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 0;margin-top:12px;font-size:15px;cursor:pointer}.check input{width:24px;height:24px;margin:0;flex:none;accent-color:var(--accent)}.form .btn{margin-top:24px}.form-status{margin-top:14px;font-size:15px}.form-status.bad{color:var(--error);font-weight:600}.form-status.ok{color:var(--ink);background:var(--paper-2);padding:12px 14px;border:1px solid var(--rule);border-radius:3px}.receipt{position:sticky;top:calc(var(--top-h) + 24px);background:var(--card);border:1px dashed #8f897d;padding:26px;font-size:15px}.receipt h3{font-size:24px;margin-bottom:12px}.receipt dl{margin:0}.receipt dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed var(--rule)}.receipt dt{color:var(--muted)}.receipt dd{margin:0;text-align:right;font-weight:600}.foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px;padding:36px var(--gutter) 48px;border-top:1.5px solid var(--ink)}.foot ul{display:flex;flex-wrap:wrap;gap:4px 20px;list-style:none;margin:0;padding:0}.foot ul a{display:inline-flex;min-height:44px;align-items:center;color:var(--ink)}.foot-note{flex-basis:100%;font-size:13px;color:var(--muted)}.doc{max-width:720px;margin:0 auto;padding:56px var(--gutter) 96px}.doc h1{font-size:clamp(40px,6vw,64px)}.doc h2{font-size:26px;margin-top:36px}.doc p,.doc li{margin-top:12px;color:#3a3833}.lost{min-height:calc(100dvh - var(--top-h));display:grid;align-content:center;gap:20px;padding:48px var(--gutter);max-width:760px}.lost h1{font-size:clamp(48px,8vw,96px)}@media(max-width:1180px){.strip-grid{gap:1px}.day{height:30px}.day b{font-size:9px}}@media(max-width:960px){.nav{position:fixed;inset:var(--top-h) 0 auto 0;flex-direction:column;gap:0;padding:8px var(--gutter) 20px;background:var(--paper);border-bottom:1.5px solid var(--ink);display:none}.nav.open{display:flex}.nav a{font-size:18px;min-height:52px;border-bottom:1px solid var(--rule)}.menu-btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;margin-left:auto;background:transparent;border:1.5px solid var(--ink);border-radius:3px;font:600 15px/1 var(--body);color:var(--ink);cursor:pointer}.top{gap:12px}.top-cta{display:none}.deck-run{grid-template-columns:minmax(0,1fr)}.deck-copy{display:contents}.hero{order:1;padding-bottom:24px}.deck-stage{order:2;position:relative;top:0;height:clamp(360px,92vw,600px);min-height:0}.syllabus{order:3;padding-top:16px}.preview-head,.player,.teacher,.schedule,.tiers,.cert,.works-head,.faq,.signup{grid-template-columns:minmax(0,1fr)}.chapters{grid-column:1;grid-row:auto;margin-top:20px}.teacher-card{position:static;display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 18px;align-items:center}.monogram{grid-row:span 2;width:120px;font-size:64px}.teacher-name{margin-top:0}.receipt{position:static;order:-1}.work.w0,.work.w1,.work.w2{grid-column:1 / -1}.voices ul{grid-template-columns:minmax(0,1fr);gap:20px}.cert-paper{transform:none}}@media(max-width:560px){body{font-size:16px}.wordmark{font-size:22px}.facts{grid-template-columns:minmax(0,1fr);gap:10px}.facts div{display:flex;justify-content:space-between;gap:12px}.facts dd{margin:0;text-align:right}.hero-actions .btn{flex:1 1 100%}.mod-btn{grid-template-columns:48px 1fr}.mod-no{font-size:34px}.mod-body{padding-left:0}.lesson{grid-template-columns:34px 1fr}.when{grid-column:2;justify-self:start}.strip{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);border-radius:0}.strip{padding:10px var(--gutter) 12px;margin-top:20px}.strip-head{margin-bottom:8px}.strip h3{font-size:16px}.strip-read{font-size:13px;line-height:1.4}.strip-grid{grid-template-columns:repeat(21,minmax(0,1fr));gap:2px}.day,.day.wk{margin-left:0;height:14px}.day b{display:none}.controls{flex-wrap:wrap}.seek{order:5;flex-basis:100%}.time{margin-left:auto}.chapters-story li,.dates li{grid-template-columns:76px 1fr;gap:12px}.yr{font-size:30px}.pay-toggle{display:flex}.price small{display:block;margin-top:8px}.pay-toggle button{flex:1;padding:10px 8px}.cert-paper{outline-offset:-10px;outline-width:4px;padding:20px 22px}.cert-foot{flex-direction:column;align-items:center;text-align:center;gap:6px}.cert-stamp{top:5%;right:5%}.dates time{font-size:16px}.teacher-card{grid-template-columns:88px minmax(0,1fr);gap:0 14px}.monogram{width:88px;font-size:48px}.teacher-name{font-size:21px;overflow-wrap:break-word}}