:root{--paper:#faf9f6;--white:#fff;--ink:#1c1a17;--muted:#625c53;--rule:#dedbd4;--red:#b23a2e;--display:'Instrument Serif',Georgia,serif;--text:'Instrument Sans',sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font:16px/1.65 var(--text)}body{margin:0}a{color:inherit;text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--red);outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;background:var(--white);padding:10px 20px}.skip:focus{top:12px;z-index:2}header,main,footer{max-width:1440px;margin:auto;padding-inline:clamp(22px,4vw,54px)}header{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand span,.wordmark{font:30px/1 var(--display);letter-spacing:-.02em}.brand img{object-fit:contain}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}nav a:hover{color:var(--red)}.intro{padding:62px 0 60px;max-width:700px}.back{font-size:12px;color:var(--muted)}h1{font:400 clamp(58px,7vw,100px)/.98 var(--display);letter-spacing:-.025em;margin:26px 0}.intro>p{max-width:43ch;font-size:18px;line-height:1.5}.intro .format{font-size:12px;color:var(--muted);margin-top:24px}.lesson{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:clamp(32px,6vw,88px);padding:54px 0 66px;border-top:1px solid var(--rule)}.duration{font-size:12px;color:var(--red)}h2{font:400 clamp(34px,3.6vw,52px)/1.04 var(--display);letter-spacing:-.02em;margin:18px 0}.lesson-copy p{color:var(--muted);font-size:15px}.lesson-copy ol{padding-left:19px;font-size:14px;line-height:1.7}.lesson-copy li{padding-left:5px;margin:0 0 13px}.lesson-copy .lesson-note{font-size:12px;line-height:1.55;border-top:1px solid var(--rule);padding-top:16px;margin-top:25px}.text-link{font-size:13px}.lesson-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--paper);border:1px solid var(--rule);border-radius:6px}.downloads{display:flex;gap:22px;flex-wrap:wrap;margin-top:15px;font-size:12px;color:var(--muted)}details{margin-top:25px;border-top:1px solid var(--rule);padding-top:16px;font-size:13px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}details p{max-width:65ch}.next{padding:36px 0 70px;border-top:1px solid var(--rule)}.next p{font-size:15px;color:var(--muted)}.button{display:inline-block;text-decoration:none;background:var(--ink);color:var(--white);padding:11px 24px;border-radius:3px;font-size:13px;margin-top:14px}footer{display:flex;gap:28px;align-items:center;border-top:1px solid var(--rule);padding-block:30px;font-size:12px;color:var(--muted)}footer .wordmark{text-decoration:none;color:var(--ink);font-size:27px}footer span{margin-right:auto}video::cue{font:18px/1.4 var(--text);background:#1c1a17e8;color:var(--white)}@media(max-width:950px){.lesson{grid-template-columns:1fr;gap:30px}.lesson-copy{max-width:650px}.intro{padding-block:40px}.lesson{padding-block:38px 48px}}@media(max-width:560px){header{min-height:74px;align-items:center}nav{gap:18px}nav a:first-child{display:none}.brand span{font-size:26px}.brand img{width:30px}.intro>p{font-size:16px}.downloads{gap:14px}footer{flex-wrap:wrap;gap:16px}footer span{width:70%;margin-right:0}.lesson-copy h2{max-width:15ch}video::cue{font-size:14px}}