
:root{
  --bg:#f4f1eb;--paper:#ebe6dd;--ink:#1b1916;--muted:#766f67;
  --line:rgba(27,25,22,.14);--dark:#171613;--accent:#b6a48d;
  --white:#fff;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);--max:1280px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
img,video{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}
.topbar{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,235,.94);backdrop-filter:blur(16px);z-index:20}
.topbar-inner{width:min(1450px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}
.brand{font-weight:600;font-size:18px;letter-spacing:-.04em}.brand small{display:block;font-size:7px;letter-spacing:.38em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.back{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.lang{display:flex;gap:5px}.lang button{border:0;background:transparent;font-size:9px;letter-spacing:.12em;color:var(--muted)}.lang button.active{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.hero{padding:90px 0 75px;background:var(--paper)}
.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end}
.kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
h1{font-size:clamp(52px,7vw,100px);line-height:.86;letter-spacing:-.07em;font-weight:500;margin:0}
h1 em{font-family:var(--serif);font-weight:400}
.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:560px;margin:28px 0 0}
.stats{margin-top:34px;display:flex;gap:45px;flex-wrap:wrap}.stat strong{font-size:28px;font-weight:500;display:block}.stat span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cover{height:620px}.cover img{width:100%;height:100%;object-fit:cover}
.section{padding:105px 0}.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.section h2{font-size:clamp(40px,5vw,70px);line-height:.9;letter-spacing:-.06em;font-weight:500;margin:0}.section h2 em{font-family:var(--serif);font-weight:400}
.text{font-size:14px;line-height:1.95;color:var(--muted);max-width:650px}
.chapter-list{margin-top:55px;border-top:1px solid var(--line)}
.chapter{display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
.chapter-num{font-size:9px;color:var(--muted)}
.chapter h3{font-size:21px;font-weight:500;margin:0;letter-spacing:-.03em}.chapter p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}
.chapter .state{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.chapter .open{border:0;background:var(--ink);color:#fff;padding:11px 15px;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.materials{background:var(--dark);color:#fff}.materials .kicker{color:#aaa}.materials .text{color:rgba(255,255,255,.62)}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}
.resource{padding:24px;border:1px solid rgba(255,255,255,.14);background:#1d1b18}.resource span{font-size:8px;color:#aaa;text-transform:uppercase;letter-spacing:.16em}.resource h3{font-size:19px;font-weight:500;margin:35px 0 15px}.resource a{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer{padding:28px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer span{font-size:8px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}
.lesson-hero{padding:72px 0 45px;background:var(--paper)}
.lesson-title{max-width:900px}.lesson-title h1{font-size:clamp(48px,6.2vw,82px)}
.lesson-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.player-wrap{background:#11100e;padding:45px 0}.player{max-width:1000px;margin:auto;aspect-ratio:16/9;background:#1e1c19;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.player video{width:100%;height:100%;object-fit:contain;background:#0d0c0b}.player-empty{text-align:center;color:rgba(255,255,255,.7);padding:25px}.player-empty strong{display:block;color:#fff;font-weight:500;font-size:20px;margin-bottom:10px}.player-empty p{font-size:12px;line-height:1.7;max-width:520px;margin:0 auto}
.lesson-body{display:grid;grid-template-columns:1fr 340px;gap:70px}
.article h2{font-size:40px;line-height:.95;letter-spacing:-.05em;font-weight:500;margin:0 0 25px}.article p{font-size:15px;line-height:1.95;color:#514c46;margin:0 0 25px}.callout{padding:25px;background:var(--paper);margin:30px 0}.callout strong{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.callout p{margin:0}
.lesson-sidebar{border-left:1px solid var(--line);padding-left:30px}.side-title{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}.side-item{padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.side-item a{display:block}.side-item.current{font-weight:600}.complete{width:100%;margin-top:18px;padding:14px;border:0;background:var(--ink);color:#fff;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.notice{padding:18px;background:#e6e0d6;color:#5a554f;font-size:12px;line-height:1.75;margin-top:18px}
@media(max-width:900px){
 .wrap{width:min(var(--max),calc(100% - 40px))}.hero-grid,.two,.lesson-body{grid-template-columns:1fr;gap:45px}.cover{height:480px}.resource-grid{grid-template-columns:1fr 1fr}.lesson-sidebar{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:28px}
}
@media(max-width:600px){
 .topbar{height:68px}.topbar-inner{width:calc(100% - 30px)}.back{display:none}.hero{padding:70px 0 50px}.cover{height:390px}.resource-grid{grid-template-columns:1fr}.chapter{grid-template-columns:35px 1fr}.chapter .open{grid-column:2;width:max-content}.footer-inner{flex-direction:column}
}

/* YouTube + protected downloads */
.youtube-player{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden}
.youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.download-card{border:1px solid rgba(20,20,20,.16);padding:24px;background:rgba(255,255,255,.18)}
.download-card>span{font-size:10px;letter-spacing:.18em;color:#777}
.download-card h3{margin:9px 0 7px;font-size:20px}
.download-card p{margin:0 0 18px;color:#666}
.download-card .btn{display:inline-flex}
.download-status{min-height:24px;margin-top:18px;font-size:13px;color:#666}
.protected-download.disabled{opacity:.45;pointer-events:none}
@media(max-width:700px){.download-grid{grid-template-columns:1fr}}
