/* VIP + Mastermind page, October 2026 (Edison M1 to M12): one name, an outcome headline, the price
   and button in the first screen, the full monthly list, the whole Classroom, honest proof and a
   phone join bar. Loads after mastermind-learning.css. */

/* Header: joining is the page's action; the gold pill stays with the checkout buttons. */
.mastermind-page #nav .nrow>.mm-header-join{min-height:44px;padding:10px 20px;background:transparent;border:1.5px solid #c9a24f;color:var(--mm-gold);box-shadow:none;white-space:nowrap}
.mastermind-page .sheet>.mm-header-join{background:transparent;border:1.5px solid #c9a24f;color:var(--ink);box-shadow:none}
@media(hover:hover){.mastermind-page #nav .nrow>.mm-header-join:hover{background:rgba(240,214,163,.12)}}

/* Hero: the brand as a lockup, the outcome as the headline. */
.mastermind-page .mm-brand{margin:0;font-family:var(--font-display);font-size:clamp(28px,2.2vw,34px);font-weight:600;line-height:1;letter-spacing:-.02em}
.mastermind-page .mm-brand span{display:block;margin-bottom:5px;font-size:.5em;line-height:1.25;letter-spacing:-.005em;color:#f9ece5}
.mastermind-page .mm-brand em{display:block;font-weight:500;color:var(--mm-gold)}
.mastermind-page .mm-learning-intro{max-width:540px}
.mastermind-page .mm-learning-intro>.mm-learning-promise{max-width:17ch;margin:0 0 16px;font:600 clamp(44px,4.2vw,60px)/1.04 var(--font-display);letter-spacing:-.022em;color:var(--mm-paper);text-wrap:balance}
.mastermind-page .mm-learning-intro>.mm-sub{max-width:44ch;margin:0 0 24px;font-size:18px;line-height:1.55;color:#eadcea;text-wrap:pretty}
.mastermind-page .vip-checkout-area .btn-gold{font-size:15px;letter-spacing:.08em}
.mastermind-page .mm-learning-actions .btn{min-width:280px;min-height:56px;padding-inline:32px}
.mastermind-page .mm-learning-intro>.mm-learning-price{max-width:46ch;margin-top:16px;font-size:15px;line-height:1.55;color:#e3d2e1}

/* A real excerpt in place of member stories, honestly labelled. */
.mastermind-page .mm-glimpse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:44px;padding-top:40px;border-top:1px solid #d9cbbd}
.mastermind-page .mm-glimpse-copy h3{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(32px,2.9vw,42px);font-weight:600;line-height:1.08;color:#251a2c}
.mastermind-page .mm-glimpse-copy p{max-width:42ch;font-size:16px;line-height:1.65;color:#4f4252}
.mastermind-page .mm-glimpse-copy .mm-glimpse-note{margin-top:10px;font-size:14px;color:#64516a}
.mastermind-page .mm-glimpse-film{margin:0}
/* The excerpt uses the shared clip: poster, play disc, captioned dialog. */
.mastermind-page .mm-glimpse-film .ox-clip-pic{box-shadow:0 22px 40px -26px rgba(37,26,44,.6)}
.mastermind-page .ox-play{background:rgba(91,63,115,.85)}
.mastermind-page .mm-nw{white-space:nowrap}
.mastermind-page .offer-teacher figcaption{text-wrap:balance}
.mastermind-page .mm-glimpse-film figcaption{margin-top:12px;font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:500;color:#251a2c}
.mastermind-page .mm-glimpse-film figcaption span{display:block;margin-top:2px;font-family:var(--font-body);font-size:13px;font-style:normal;color:#64516a}

/* Teacher: the photo at Edison's 390px inside its white frame; training and audience under her words. */
@media(min-width:1000px){.mastermind-page .offer-teacher figure{max-width:406px}}
.mastermind-page .mm-creds{margin-top:18px;padding:0;list-style:none;font-size:16px;font-weight:600;line-height:1.55;color:#5b3f73}
/* One line with dots on wider screens (items never split); a gold-dot list on phones. */
@media(min-width:700px){.mastermind-page .mm-creds{display:flex;flex-wrap:wrap;gap:2px 0}.mastermind-page .mm-creds li{white-space:nowrap}.mastermind-page .mm-creds li:not(:last-child):after{content:'·';margin-inline:9px;color:#a98bb9}}
@media(max-width:699px){.mastermind-page .mm-creds{display:grid;gap:6px}.mastermind-page .mm-creds li{position:relative;padding-left:16px}.mastermind-page .mm-creds li:before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#b98a3e}}

/* Price card: everything each month, then the button. */
.mastermind-page #membership-title{font-size:44px}
.mastermind-page .membership-enrolment .mm-each-month{margin:24px 0 2px;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;letter-spacing:0;color:#f0d6a3}
.mastermind-page .membership-enrolment .offer-inclusions{margin-top:14px}
.mastermind-page .membership-enrolment .offer-inclusions li{font-size:17px;line-height:1.5}
.mastermind-page .membership-enrolment .offer-inclusions strong{font-weight:600;color:#fff4e0}
.mastermind-page .membership-enrolment .vip-checkout-area .btn{width:100%;min-height:56px}

/* The whole Classroom, uncropped. */
.mastermind-page .mm-classroom-full .classroom-preview-window{aspect-ratio:1440/1385}
.mastermind-page .mm-classroom-full .classroom-preview-window img{width:100%;margin-left:0}

/* Questions 17px, answers 16px (Edison M11). */
.mastermind-page .offer-faq summary{min-height:56px;font-size:17px}
.mastermind-page .offer-faq details p{font-size:16px;line-height:1.6}

/* Phone join bar on the plum ground. */
.mastermind-page .mm-sticky{padding-block:8px calc(8px + env(safe-area-inset-bottom));background:rgba(37,26,44,.97);border-top-color:#8a6a3a}
.mastermind-page .mm-sticky p{color:#f6eef3}
.mastermind-page .mm-sticky .btn{min-width:120px}

@media(min-width:700px) and (max-width:1099px){
 .mastermind-page .mm-learning-intro>.mm-learning-promise{font-size:40px}
 .mastermind-page .mm-learning-intro{max-width:400px}
}
/* Phone: a short photo strip, then the name, the promise, the button and the price in the first screen. */
@media(max-width:699px){
 .mastermind-page .mm-learning-stage{padding-top:22px}
 .mastermind-page .mm-learning-art{grid-area:3/1;height:56.25vw;margin-top:28px}
 .mastermind-page .mm-learning-art img{object-position:50% 18%}
 .mastermind-page .mm-learning-heading{grid-area:1/1;justify-content:center;margin:0 0 14px}
 .mastermind-page .mm-learning-heading>.gold-emblem{width:44px;height:44px}
 .mastermind-page .mm-brand{font-size:30px}
 .mastermind-page .mm-learning-intro{grid-area:2/1;max-width:none;padding-top:0}
 .mastermind-page .mm-learning-intro>.mm-learning-promise{max-width:none;margin-bottom:12px;font-size:40px}
 .mastermind-page .mm-sub-more{display:none}
 .mastermind-page .mm-learning-intro>.mm-sub{margin-bottom:18px;font-size:16px}
 .mastermind-page .mm-learning-actions .btn{width:100%}
 .mastermind-page .mm-glimpse{grid-template-columns:1fr;gap:20px;margin-top:34px;padding-top:30px}
 .mastermind-page .mm-glimpse-copy h3{font-size:32px}
 .mastermind-page #membership-title{font-size:34px}
 .mastermind-page .membership-enrolment .offer-inclusions li{font-size:16px}
 .mastermind-page .mm-learning-intro>.mm-learning-price{font-size:14px}
 .mastermind-page .offer-faq summary{font-size:16px}
 .mastermind-page .mm-creds{font-size:15px}
}
@media(max-width:359px){.mastermind-page .mm-learning-intro>.mm-learning-promise{font-size:36px}}

/* Prices and the closing button share the copy column's left edge on wider screens. */
@media(min-width:700px){
 .mastermind-page .mm-learning-actions .mm-checkout-price{text-align:left}
 .mastermind-page .offer-next .mm-checkout-area{max-width:340px;margin-inline:0}
 .mastermind-page .offer-next .mm-checkout-area p{text-align:left}
}