/* The Mastermind is a place for learning, practice and community.
   The separate /vip page owns the priority-reading campaign. */
.mastermind-page{--mm-plum:#251a2c;--mm-paper:#fbf6ef;--mm-gold:#f0d6a3;--mm-soft:#e8d9e6}
.mastermind-page::selection{background:#dcc2e7;color:#251a2c}
.mastermind-page nav#nav,.mastermind-page nav#nav.sm{background:var(--mm-plum);color:var(--mm-paper);box-shadow:none}
.mastermind-page #nav .lg,.mastermind-page #nav:not(.sm) .lg,.mastermind-page #nav .ln a{color:var(--mm-paper)}
.mastermind-page #nav .lg i{color:#dbc6df;font-size:11px;letter-spacing:.12em}
.mastermind-page #nav .btn-gold{color:#251a21}
.mastermind-page #nav a:focus-visible,.mastermind-page #nav button:focus-visible{outline-color:var(--mm-gold)}
.mastermind-page .sheet{background:var(--mm-plum);color:var(--mm-paper)}
.mastermind-page .sheet>a{border-color:#66506c}
.mastermind-page .sheet>a[aria-current=page]{color:var(--mm-gold)}
.mastermind-page .sheet>.btn-gold{color:#251a21}
.mastermind-page .sheet:after{color:#d5bfdd}
.mastermind-page .fallback-nav{color:var(--mm-paper)}
.mm-learning-hero{position:relative;isolation:isolate;background:var(--mm-plum);color:var(--mm-paper)}
.mm-learning-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto;column-gap:30px;padding-block:66px 62px;min-height:650px;align-content:center;isolation:isolate}
.mm-learning-heading{position:relative;z-index:1;display:flex;align-items:center;gap:19px;grid-area:1/1;align-self:end}
.mm-learning-heading>.gold-emblem{width:66px;height:66px;flex:none}
.mm-learning-heading h1{font:600 clamp(48px,5.2vw,76px)/1 var(--font-display);letter-spacing:-.025em;margin:0;text-wrap:balance}
.mm-learning-heading h1 span{display:block;font-size:.52em;line-height:1.25;letter-spacing:-.01em;color:#f9ece5;margin-bottom:6px}
.mm-learning-heading h1 em{display:block;font-weight:500;color:var(--mm-gold)}
.mm-learning-art{position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;overflow:hidden}
.mm-learning-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.mm-learning-art:before,.mm-learning-art:after{content:'';position:absolute;inset:0;pointer-events:none}
.mm-learning-art:before{background:linear-gradient(90deg,#251a2c 0%,#251a2c66 43%,#251a2c00 66%)}
.mm-learning-art:after{background:linear-gradient(#251a2c66,transparent 14%,transparent 82%,#251a2c)}
.mm-learning-intro{position:relative;z-index:1;grid-area:2/1;max-width:470px;padding-top:28px}
.mm-learning-intro>p{font-size:16px;line-height:1.7;color:#e8d9e6;margin:0 0 25px;max-width:41ch}
.mm-learning-intro>.mm-learning-promise{font:500 clamp(24px,2.3vw,31px)/1.25 var(--font-display);letter-spacing:-.01em;color:var(--mm-paper);margin-bottom:12px;max-width:29ch}
.mm-learning-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px 20px}
.mm-learning-actions .btn{min-height:52px;font-size:12px;padding-inline:25px}
.mm-learning-actions svg,.mm-teacher-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mm-learning-inside{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:10px;color:var(--mm-paper);font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.mm-learning-inside:focus-visible,.mm-learning-actions .btn:focus-visible{outline:3px solid var(--mm-gold);outline-offset:5px}
.mm-learning-intro>.mm-learning-price{font-size:12px;color:#d6c1d4;margin:17px 0 0}
.mm-learning-price span{padding-inline:5px}
.mm-learning-included{position:relative;border-top:1px solid #70596e;background:#251a2c}
.mm-learning-included>.wrap{display:flex;justify-content:center;gap:0;padding-block:22px}
.mm-learning-included span{flex:1;text-align:center;padding-inline:24px;color:#ebdfe9;font-size:14px;line-height:1.45}
.mm-learning-included span+span{border-left:1px solid #70596e}
.mastermind-page #inside{padding-block:80px!important}
.mastermind-page .mastermind-path-intro{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}
.mastermind-page .mastermind-path-intro .offer-heading{font-size:clamp(40px,4.5vw,60px);max-width:18ch}
.mastermind-page .mastery-grid{gap:36px 32px}
.mastermind-page .mastery-cover{border-radius:12px}
.mastermind-page .mastery-card h3{font-size:33px}
.mastermind-page .mastermind-practice-intro{margin-top:64px}
.mastermind-page #inside .offer-benefit{grid-template-columns:50px minmax(0,1fr);gap:18px}
.mastermind-page #inside .offer-benefit-symbol{width:50px;height:50px;background:transparent;color:#815b88}
.mastermind-page #inside .offer-benefit-symbol svg{width:33px;height:33px}
.mastermind-page #inside .offer-benefit h3{font-size:29px}
.mastermind-page #inside .offer-benefit p{font-size:15px;line-height:1.75}
.mm-practice-note{padding-top:25px;margin:34px 0 0;border-top:1px solid #d9cbbd;font-size:15px;line-height:1.7;color:#64516a}
.mastermind-page .offer-lilac-section{background:#efe3eb}
.mastermind-page .offer-teacher{grid-template-columns:.8fr 1fr;gap:76px}
.mastermind-page .offer-teacher figure{width:100%;max-width:390px}
.mastermind-page .offer-teacher figure img{border-radius:12px}
.mastermind-page .offer-teacher .offer-heading{font-size:clamp(40px,4vw,55px);line-height:1.02}
.mastermind-page .offer-teacher blockquote{font-size:25px;color:#614167;margin:26px 0;max-width:38ch}
.mm-teacher-link{display:inline-flex;gap:13px;align-items:center;min-height:48px;padding-inline:24px;border:1px solid #86628e;border-radius:50px;font-size:13px;font-weight:600;color:#593762;text-decoration:none;transition:background .16s}
.mm-teacher-link:focus-visible{outline:3px solid #71437c;outline-offset:4px}
.mastermind-page .membership-showcase{padding-block:78px!important}
.mastermind-page .membership-showcase-grid{gap:70px}
.mastermind-page .membership-preview h2{font-size:clamp(40px,4.1vw,56px)}
.mastermind-page .membership-brand h2{font-size:clamp(35px,3.5vw,48px)}
.mastermind-page .membership-price{padding-bottom:22px}
.mastermind-page .membership-terms{font-size:13px}
.mm-existing-vip{margin:18px 0 0;padding-top:19px;border-top:1px solid #70596e;font-size:13px;line-height:1.7;color:#e4d3e0}
.mm-existing-vip a{color:var(--mm-gold);text-decoration:underline;text-underline-offset:4px}
.mastermind-page .offer-faq{max-width:900px}
.mastermind-page .offer-faq .offer-heading{font-size:clamp(39px,4.2vw,55px)}
.mastermind-page .offer-footer .lg i{font-size:11px;letter-spacing:.12em}
.mastermind-page .offer-footer small{font-size:11px;letter-spacing:.03em}
.mastermind-page .offer-next{text-align:left;min-height:470px;display:flex;align-items:center}
.mastermind-page .offer-next:before{background:linear-gradient(90deg,#251a2cdd,#251a2c44 66%),linear-gradient(0deg,#251a2c55,transparent)}
.mastermind-page .offer-next .wrap{width:min(100%,var(--maxw));max-width:var(--maxw)}
.mastermind-page .offer-next .offer-heading{font-size:clamp(45px,4.8vw,66px);line-height:1.03}
.mastermind-page .offer-next p{margin-left:0;max-width:38ch}
.mastermind-page .offer-next .script{margin:0 0 15px;font-size:30px;color:#f0cebd}
.mastermind-page .offer-next .offer-actions{justify-content:flex-start;margin-left:0}
.mastermind-page .offer-next .mm-closing-price{font-size:12px;color:#e6d2de;margin:18px 0 0}
@media(hover:hover){
 .mm-learning-inside:hover{text-decoration-thickness:2px;color:var(--mm-gold)}
 .mm-teacher-link:hover{background:#e1cbe0}
 .mm-existing-vip a:hover{color:#fff2d8;text-decoration-thickness:2px}
}
@media(min-width:1800px){.mm-learning-art img{width:1800px;max-width:none;margin-inline:auto}.mm-learning-art{background:#251a2c}.mm-learning-art img{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}}
@media(min-width:700px) and (max-width:1099px){
 .mm-learning-stage{min-height:580px;padding-block:52px;grid-template-columns:1fr 1fr;gap:0}
 .mm-learning-heading{gap:12px;align-items:flex-start}
 .mm-learning-heading>.gold-emblem{width:43px;height:43px;margin-top:5px}
 .mm-learning-heading h1{font-size:54px}
 .mm-learning-art img{object-position:64% top}
 .mm-learning-art:before{background:linear-gradient(90deg,#251a2c 0%,#251a2cba 26%,#251a2c22 63%)}
 .mm-learning-intro{max-width:340px;padding-top:22px}
 .mm-learning-intro>p{font-size:15px}
 .mm-learning-intro>.mm-learning-promise{font-size:27px;max-width:20ch}
 .mm-learning-actions{gap:3px}
 .mm-learning-actions .btn{font-size:12px;padding-inline:20px}
 .mm-learning-inside{font-size:12px;justify-content:flex-start}
 .mastermind-page .offer-teacher{gap:38px}
 .mastermind-page .membership-showcase-grid{gap:32px}
 .mastermind-page .membership-brand h2{font-size:36px}
}
@media(max-width:699px){
 .mm-learning-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;padding:28px 22px 30px;min-height:0;overflow:hidden}
 .mm-learning-heading{grid-area:1/1;gap:15px;justify-content:center;align-items:center;margin-bottom:16px}
 .mm-learning-heading>.gold-emblem{width:51px;height:51px}
 .mm-learning-heading h1{font-size:clamp(42px,11.6vw,66px);text-align:left}
 .mm-learning-heading h1 span{font-size:.49em;margin-bottom:5px}
 .mm-learning-art{position:relative;inset:auto;grid-area:2/1;width:calc(100% + 44px);margin-left:-22px;height:clamp(255px,85vw,420px);z-index:0}
 .mm-learning-art img{object-fit:cover;object-position:50% 20%}
 .mm-learning-art:before{background:linear-gradient(90deg,#251a2c33,transparent 20%,transparent 80%,#251a2c33)}
 .mm-learning-art:after{background:linear-gradient(#251a2c 0%,#251a2c00 13%,transparent 80%,#251a2c 100%)}
 .mm-learning-intro{grid-area:3/1;max-width:510px;width:100%;margin-inline:auto;padding-top:10px;text-align:center}
 .mm-learning-intro>.mm-learning-promise{font-size:28px;max-width:24ch;margin:0 auto 12px}
 .mm-learning-intro>p{font-size:15px;line-height:1.65;max-width:41ch;margin:0 auto 19px}
 .mm-learning-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;max-width:400px;margin-inline:auto}
 .mm-learning-actions .btn{width:100%;min-height:52px;font-size:12px}
 .mm-learning-inside{min-height:44px;justify-content:center;font-size:13px}
 .mm-learning-intro>.mm-learning-price{font-size:12px;margin:7px 0 0;max-width:none}
 .mm-learning-included>.wrap{padding:18px 12px}
 .mm-learning-included span{font-size:12px;padding-inline:9px;line-height:1.55}
 .mastermind-page #inside{padding-block:46px!important}
 .mastermind-page .mastermind-path-intro{grid-template-columns:1fr;gap:19px;margin-bottom:28px}
 .mastermind-page .mastermind-path-intro .offer-heading{font-size:43px;line-height:1.04}
 .mastermind-page .mastermind-path-intro>p{font-size:15px;line-height:1.7}
 .mastermind-page .mastery-grid{gap:25px}
 .mastermind-page .mastery-card h3{font-size:30px}
 .mastermind-page .mastermind-practice-intro{margin-top:44px;margin-bottom:25px}
 .mastermind-page .mastermind-practice-intro h2{font-size:38px}
 .mastermind-page .mastermind-practice-intro p{font-size:15px}
 .mastermind-page #inside .offer-benefit{grid-template-columns:40px minmax(0,1fr);gap:13px}
 .mastermind-page #inside .offer-benefit-symbol{width:40px;height:40px}
 .mastermind-page #inside .offer-benefit-symbol svg{width:29px;height:29px}
 .mastermind-page #inside .offer-benefit h3{font-size:28px}
 .mm-practice-note{font-size:14px}
 .mastermind-page .offer-lilac-section{padding-block:45px!important}
 .mastermind-page .offer-teacher{grid-template-columns:minmax(0,1fr);gap:30px}
 .mastermind-page .offer-teacher figure{width:80%;max-width:315px}
 .mastermind-page .offer-teacher .offer-heading{font-size:42px}
 .mastermind-page .offer-teacher p{font-size:15px}
 .mastermind-page .offer-teacher blockquote{font-size:24px}
 .mastermind-page .membership-showcase{padding-block:44px!important}
 .mastermind-page .membership-showcase-grid{gap:26px}
 .mastermind-page .membership-preview h2{font-size:40px}
 .mastermind-page .membership-brand h2{font-size:37px}
 .mastermind-page .membership-enrolment{padding-top:30px}
 .mm-existing-vip{font-size:13px}
 .mastermind-page .offer-faq .offer-heading{font-size:40px}
 .mastermind-page .offer-next{min-height:440px;text-align:center;padding-block:45px!important}
 .mastermind-page .offer-next:before{background:linear-gradient(#251a2cce,#251a2c99 70%,#251a2ccc)}
 .mastermind-page .offer-next .offer-heading{font-size:49px}
 .mastermind-page .offer-next p{margin-inline:auto}
 .mastermind-page .offer-next .script{font-size:28px}
 .mastermind-page .offer-next .offer-actions{margin-inline:auto;max-width:380px}
 .mastermind-page .offer-next .mm-closing-price{margin-inline:auto}
}
@media(max-width:359px){
 .mm-learning-stage{padding-inline:18px}
 .mm-learning-art{width:calc(100% + 36px);margin-left:-18px;height:240px}
 .mm-learning-heading{gap:11px}
 .mm-learning-heading>.gold-emblem{width:42px;height:42px}
 .mm-learning-heading h1{font-size:41px}
 .mm-learning-intro>.mm-learning-promise{font-size:25px}
 .mm-learning-intro>p{font-size:14px}
 .mastermind-page .membership-brand h2{font-size:32px}
 .mastermind-page .mastermind-path-intro .offer-heading{font-size:39px}
}
@media(prefers-reduced-motion:reduce){.mm-teacher-link{transition:none}}
.mm-checkout-area{width:100%;max-width:410px}
.mm-checkout-area button{width:100%;font:inherit;cursor:pointer}
.mm-checkout-area button:disabled{opacity:.7;cursor:wait}
.mm-checkout-price{font-size:12px!important;line-height:1.6;margin-top:10px!important;color:inherit;text-align:center}
.mm-checkout-feedback{font-size:13px;line-height:1.6;margin-top:15px;border:1px solid currentColor;padding:12px;border-radius:8px}
.mm-checkout-feedback[hidden]{display:none}
.mm-noscript{padding:20px;text-align:center;font-size:14px}
.mm-noscript a{text-decoration:underline}
.mm-learning-actions .vip-checkout-area{width:auto;min-width:250px}
.offer-actions .mm-checkout-area{margin-inline:auto}
@media(max-width:699px){.mm-learning-actions .vip-checkout-area{width:100%;min-width:0;max-width:none}.mm-checkout-area{max-width:none}}