.lesson-preview{padding-top:30px;padding-bottom:78px}.preview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:38px;align-items:center}.preview-media{min-width:0;border:1px solid #20434b;background:#060c10;border-radius:12px;overflow:hidden;box-shadow:0 20px 65px #00131b55}.preview-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#020405}.preview-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;border-top:1px solid #1c343d}.preview-controls button{min-height:44px;padding:8px 12px;background:#0b212a;color:#d0faff;border:1px solid #22515d;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.preview-controls button:hover{background:#153743}.preview-controls button:focus-visible{outline:3px solid #74e7b4;outline-offset:3px}.preview-controls span{display:block;flex:1 1 150px;font-size:12px;color:#99b1ba;line-height:1.6}.preview-story{padding:6px 0}.preview-story h3{font-size:clamp(26px,3vw,39px);line-height:1.12;margin:18px 0 18px;letter-spacing:-.045em}.preview-story h3 em{color:#06cada;font-style:normal}.preview-story>p{color:#a9bbc3;font-size:14px;line-height:1.8;margin:0 0 20px}.preview-idea{display:flex;align-items:center;gap:18px;color:#a2d5df;font-size:13px;margin:22px 0}.preview-idea b{font-size:26px;font-weight:400;color:#9a88dd}.preview-story .preview-note{font-size:12px;line-height:1.8;color:#8398a4;margin:18px 0 0;max-width:35em}.preview-story .button{font-size:12px}.lesson-preview .quiet-heading{margin-bottom:26px}@media(max-width:760px){.preview-grid{grid-template-columns:1fr;gap:24px}.preview-story h3{font-size:32px}.preview-story h3 br:first-of-type{display:none}.lesson-preview{padding-bottom:55px}.preview-story{max-width:560px}.preview-controls{padding:10px}.preview-controls span{flex-basis:100%}.lesson-preview .quiet-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.lesson-preview .quiet-heading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.preview-media{scroll-behavior:auto}}@media(max-width:360px){.preview-story h3{font-size:28px}.preview-controls button{flex:1}}
/* Keep the approved portrait's colors. The mask fades only its edges into the page. */
.portrait-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:32px;padding-top:28px;padding-bottom:30px}.portrait-copy{padding:28px 0}.portrait-intro .lead{max-width:500px}.about-portrait{margin:0;min-width:0;max-width:480px;justify-self:end}.about-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 81%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 81%,transparent 100%);-webkit-mask-composite:source-in}@media(max-width:760px){.portrait-intro{grid-template-columns:1fr;gap:0;padding-top:28px}.portrait-copy{padding:5px 0 15px}.about-portrait{width:min(100%,420px);justify-self:center;margin-top:-5px}.portrait-intro h1{margin-top:22px}.portrait-intro .lead{font-size:15px}}
/* Compact feature and softer, slightly smaller portrait. */
.lesson-preview{padding-top:20px;padding-bottom:44px}.lesson-preview .quiet-heading{margin-bottom:20px}.preview-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px}.preview-story h3{font-size:clamp(27px,2.7vw,34px);margin:14px 0}.preview-story>p{margin-bottom:18px}.preview-story .preview-note{margin-top:14px}.preview-controls{padding:9px;gap:6px}.preview-controls button{padding:8px 10px;font-size:12px}.preview-controls span{flex-basis:100%;font-size:12px;line-height:1.3}.about-portrait{max-width:420px}.about-portrait img{mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 13%,#000 67%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 13%,#000 67%,transparent 100%)}@media(max-width:760px){.preview-grid{grid-template-columns:1fr;gap:18px}.preview-story h3{font-size:28px;margin:10px 0}.preview-story{padding:0}.preview-story .preview-note{font-size:12px}.lesson-preview{padding-bottom:34px}.preview-controls{padding:8px}.preview-controls button{flex:1;white-space:nowrap;min-width:0;padding:8px 7px;font-size:12px}.about-portrait{width:min(88%,350px);margin-top:0}.portrait-intro{padding-bottom:16px}.portrait-copy{padding-bottom:12px}}@media(max-width:360px){.preview-story h3{font-size:26px}.preview-controls button{font-size:12px;padding:8px 4px}}