.lesson-page{--lesson-accent:#c8d4f1;overflow-x:clip}.lesson-page main{overflow:clip}.lesson-page p{margin-top:0}.lesson-page .eyebrow{font-size:10px;letter-spacing:1.2px;color:#98a4b7}.lesson-page h1,.lesson-page h2,.lesson-page h3{font-weight:400}.lesson-page main h2{font-size:clamp(34px,4.3vw,58px);line-height:1.13;letter-spacing:-.045em;margin:0}.lesson-page main h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lesson-accent)}.lesson-page header .nav-last{color:#dce4f5}.lesson-hero{display:grid;grid-template-columns:1fr 1.07fr;gap:5%;align-items:center;padding:43px 0 70px;min-height:720px}.lesson-hero-copy,.lesson-hero-visual{min-width:0}.back-link{font:10px/1.6 monospace;color:#8e99aa;display:inline-block;margin-bottom:48px}.back-link:hover{color:#e1e6ef}.lesson-label{display:flex;gap:12px;align-items:center;margin-bottom:24px}.lesson-symbol{font:italic 27px/1 Georgia,serif;color:#e4e8ef;padding-right:10px;border-right:1px solid #ffffff25;text-transform:none;letter-spacing:-2px}.lesson-page h1{font-size:clamp(48px,6.1vw,84px);line-height:1.06;letter-spacing:-.055em;margin-bottom:25px}.lesson-page h1 em{color:var(--lesson-accent)}.lesson-lead{color:#a4adbc;font-size:15px;line-height:1.9;margin-bottom:27px}.lesson-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px}.lesson-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid #c8d4f1;border-radius:40px;background:#c8d4f1;color:#10151d;padding:13px 22px;font-size:12px;line-height:1.6;transition:background .25s,transform .25s,border-color .25s;min-height:47px}.lesson-button:hover{background:#e4ebfc;border-color:#e4ebfc;transform:translateY(-2px)}.lesson-button>span[aria-hidden]{font-size:19px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;line-height:1.7;color:#aab7cd;padding:10px 0}.text-link:hover{color:#e4ebfc}.hero-footnote{font:9px/1.7 monospace;color:#7b8799;margin:19px 0 0}.lesson-hero-visual{position:relative;padding-top:65px;align-self:center}.paper-fragment{position:relative;z-index:1;width:57%;background:#ebe8de;color:#262a32;padding:27px 29px 25px;transform:rotate(-5deg);margin:0 0 -19px 6%;box-shadow:0 10px 22px #0002;border-radius:2px}.paper-fragment>span:first-child{font:8px/1.4 monospace;letter-spacing:1px;color:#717273}.paper-fragment p{font:28px/1.18 Georgia,serif;margin:22px 0 21px;letter-spacing:-.6px}.paper-fragment i{color:#4d5e7b}.paper-line{display:block;width:34px;height:1px;background:#a2a3a3}.lesson-preview{position:relative;margin:0;border:1px solid #ffffff20;border-radius:11px;background:#15171b;overflow:hidden;box-shadow:0 18px 40px #0003}.preview-label{display:flex;justify-content:space-between;gap:12px;padding:14px 17px;font:9px/1.5 monospace;color:#8a96aa;border-bottom:1px solid #ffffff12}.preview-label span:first-child{color:#d8dfeb}.lesson-preview img{width:100%;height:auto;display:block;background:#202020}.lesson-preview figcaption{font:8px/1.7 monospace;color:#8590a4;padding:12px 17px;border-top:1px solid #ffffff0c}.lesson-principles{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:#adb6c5}.lesson-principles span{display:flex;align-items:center;gap:13px}.lesson-principles span:before{content:'·';color:#bccceb}.lesson-section{padding:85px 0;border-bottom:1px solid var(--line)}.section-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:47px}.section-note{font:9px/1.7 monospace;color:#6e7d93}.lesson-story{display:grid;grid-template-columns:1fr 1fr;gap:12%}.story-copy{max-width:460px;padding-top:3px}.story-copy p{font-size:14px;line-height:1.95;color:#939fb2;margin-bottom:19px}.story-copy .story-intro{color:#dde2ea;font-size:19px;line-height:1.55;margin-bottom:24px}.story-copy .story-signoff{color:#c8d4f1;margin:27px 0 0;font-size:13px}.uses-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}.uses-heading>p{font-size:13px;line-height:1.85;color:#8d9bb0;max-width:245px;margin-bottom:0}.lesson-use-list{border-top:1px solid var(--line)}.lesson-use-list article{display:grid;grid-template-columns:45px 1fr 235px;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.lesson-use-list article:last-child{border-bottom:0;padding-bottom:0}.use-number{align-self:start;font:10px/1.8 monospace;color:#6f7f96;padding-top:5px}.lesson-use-list h3{font-size:22px;letter-spacing:-.6px;line-height:1.4;margin:0 0 10px}.lesson-use-list p{color:#929fb3;font-size:13px;line-height:1.85;margin-bottom:0;max-width:440px}.use-example{font:italic 18px/1.4 Georgia,serif;color:#bbc7de}.lesson-access{background:#e7e8e3;color:#1a222d;margin-top:0}.access-inner{padding:65px 0}.lesson-access .eyebrow{color:#667184}.access-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:33px 0 38px}.lesson-access h2 em{color:#52637e}.free-label{font:12px/1.8 monospace;border-left:1px solid #17233433;padding-left:25px;flex-shrink:0;color:#5c697b}.access-bottom{display:flex;align-items:center;justify-content:space-between;gap:65px;border-top:1px solid #17233422;padding-top:27px}.access-bottom p{font-size:14px;line-height:1.9;max-width:610px;color:#515e70;margin-bottom:0}.lesson-access .lesson-button{background:#202b3d;border-color:#202b3d;color:#fff;flex-shrink:0}.lesson-access .lesson-button:hover{background:#354763;border-color:#354763}.lesson-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.lesson-faq h2{margin-top:31px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;padding:21px 0;font-size:14px;line-height:1.5;color:#d6dce7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:300;color:#95a8cc;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.9;color:#91a0b5;padding-right:28px;margin:0 0 23px}.lesson-closing{text-align:center;padding:75px 0 90px}.lesson-closing h2{margin:28px 0 30px}.lesson-closing .text-link{display:flex;justify-content:center;margin:17px auto 0;width:max-content;max-width:100%}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.lesson-page :focus-visible{outline:2px solid #adc0fa;outline-offset:5px}.lesson-access :focus-visible{outline-color:#24354d}.lesson-motion .lesson-section,.lesson-motion .access-inner,.lesson-motion .lesson-closing{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.lesson-motion .in-view{opacity:1;transform:none}@media(min-width:1450px){.lesson-hero{gap:7%}}@media(max-width:1000px){.lesson-hero{grid-template-columns:.95fr 1fr;gap:4%;min-height:640px}.lesson-page h1{font-size:clamp(45px,6.1vw,68px)}.paper-fragment{padding:21px;width:63%}.paper-fragment p{font-size:24px}.lesson-use-list article{grid-template-columns:30px 1fr 180px;gap:20px}.lesson-story{gap:8%}.access-bottom{gap:35px}.free-label{font-size:10px}}@media(max-width:780px){.lesson-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:45px;gap:5px;min-height:auto}.back-link{margin-bottom:38px}.lesson-page h1{font-size:clamp(55px,10vw,78px)}.lesson-hero-visual{padding-top:30px;width:100%;max-width:620px;margin:0 auto}.paper-fragment{width:48%;padding:20px 25px;margin-left:auto;margin-right:5%;margin-bottom:-15px}.paper-fragment p{font-size:24px;margin:15px 0}.lesson-preview{border-radius:9px}.lesson-principles{font-size:11px;gap:15px;flex-wrap:wrap;justify-content:flex-start}.lesson-section{padding:55px 0}.section-meta{margin-bottom:33px}.section-note{font-size:8px}.lesson-story{grid-template-columns:1fr;gap:30px}.story-copy{max-width:600px}.uses-heading{display:block}.uses-heading>p{max-width:380px;margin-top:23px}.lesson-use-list article{grid-template-columns:27px 1fr}.use-example{grid-column:2;font-size:16px;margin-top:-8px}.access-inner{padding:49px 0}.access-heading{display:block}.free-label{display:block;margin-top:27px;padding-left:15px;font-size:11px}.free-label br{display:none}.free-label br:after{content:' '}.access-bottom{display:block}.access-bottom .lesson-button{margin-top:25px}.lesson-faq{grid-template-columns:1fr;gap:35px}.lesson-closing{padding:60px 0}.lesson-closing h2{font-size:49px}}@media(max-width:480px){.lesson-page h1{font-size:clamp(47px,12.7vw,61px)}.lesson-lead{font-size:14px}.lesson-page header nav>a:not(.nav-last){display:none}.lesson-page header .nav-last{font-size:10px}.lesson-page header .nav-last span{margin-left:8px}.lesson-label{font-size:9px}.lesson-actions{gap:12px 20px}.lesson-button{font-size:12px;padding:13px 20px;gap:27px}.paper-fragment{width:57%;padding:17px 19px}.paper-fragment p{font-size:22px}.paper-fragment>span:first-child{font-size:7px}.preview-label{font-size:8px;padding:12px}.lesson-preview figcaption{font-size:8px;padding:10px 12px}.lesson-principles{display:grid;gap:8px;padding:22px 0;font-size:12px}.section-note{display:none}.lesson-page main h2{font-size:clamp(32px,8.8vw,43px)}.lesson-use-list h3{font-size:21px}.use-example{font-size:16px}.story-copy .story-intro{font-size:18px}.faq-list summary{font-size:14px}.lesson-closing h2{font-size:43px}.back-link{font-size:10px}.lesson-page .footer-links a{font-size:11px}.lesson-page .footer-brand p{font-size:12px}}@media(prefers-reduced-motion:reduce){.lesson-button,.faq-list summary>span,.lesson-motion .lesson-section,.lesson-motion .access-inner,.lesson-motion .lesson-closing{transition:none;transform:none;opacity:1}.lesson-button:hover{transform:none}}
