/* Direction B: Bold - photo-led editorial on the members-area base (../shared.css).
   The one bold thing: very large condensed headlines (echoing the logo's condensed lettering) + big photos. */
.big{font:800 clamp(40px,5.6vw,72px)/.95 "Barlow Condensed",sans-serif;letter-spacing:-.005em;color:var(--ink)}
.huge{font:800 clamp(48px,7.6vw,104px)/.92 "Barlow Condensed",sans-serif;color:var(--ink);max-width:12em}
h1{font:800 clamp(46px,6.4vw,86px)/.93 "Barlow Condensed",sans-serif;color:var(--ink)}
h3{font-size:24px;font-weight:800}
.lead{font-size:20px;line-height:1.55;color:var(--ink2)}
.sub{font-size:19px;color:var(--ink2);margin:12px 0 30px}

.hero{position:relative;padding:0 0 70px}
.hero-photo{height:min(64vh,620px);border-radius:0;border-left:0;border-right:0;border-top:0}
.hero-in{position:relative;margin-top:-220px}
.hero-panel{max-width:660px;padding:38px 40px 34px;border-radius:18px;background:var(--sheen);border:1px solid var(--line);box-shadow:var(--sh),0 30px 50px -30px rgba(13,24,48,.6)}
.hero-panel .lead{margin:18px 0 26px}
.cta{display:flex;gap:12px;flex-wrap:wrap}

.two{padding:90px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh)}
.side{padding:30px 34px 34px}
.side-book{background:#F4F7FA}
.side-real{background:var(--lacquer);color:#fff}
.side h3{font:800 34px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.side-real h3{color:#fff}
.side > p{margin:8px 0 18px;color:var(--muted)}
.side-real > p{color:#C9DAF0}
.pairs{list-style:none;padding:0;margin:0}
.pairs li{font:700 clamp(26px,3vw,38px)/1.3 "Barlow Condensed",sans-serif;padding:6px 0;border-top:1px solid rgba(13,24,48,.08)}
.side-book .pairs li{color:#7A8498}
.side-real .pairs li{color:#fff;border-top-color:rgba(255,255,255,.18)}
.punch{margin:28px 0 0;font-size:21px;max-width:40em;color:var(--ink2)}
.punch b{color:var(--navy)}

.courses{padding:90px 0}
.row-c{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center;margin-top:52px}
.row-c img{border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh),0 28px 44px -32px rgba(13,24,48,.6);aspect-ratio:1/1;object-fit:cover}
.row-c.flip img{order:2}
.row-c h3{font:800 clamp(34px,3.6vw,48px)/1 "Barlow Condensed",sans-serif;margin:4px 0 14px}
.row-c p{font-size:18.5px;color:var(--ink2);margin:0 0 12px;max-width:34em}
.row-c .meta{font-weight:700;color:var(--navy);font-size:16px}
.first{display:inline-block;margin:0 0 6px!important;padding:4px 12px;border-radius:999px;color:#fff!important;font-weight:700;font-size:14px!important;background:var(--lacquer);box-shadow:var(--sh-btn)}

.teachers{padding:90px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.teach-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.teach-photo{aspect-ratio:3/4}
.teachers .lead{margin:20px 0 14px}

.members{padding:90px 0}
.members .mp{max-width:980px;margin:0 auto}
.mp-grid4{grid-template-columns:repeat(4,1fr)}
.feat{list-style:none;padding:0;margin:30px auto 0;max-width:980px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat li{padding:16px 18px;border-radius:12px;background:var(--sheen);border:1px solid var(--line);box-shadow:var(--sh-sm)}
.feat b{display:block;font:800 22px "Barlow Condensed",sans-serif;color:var(--navy)}
.feat span{font-size:15px;color:var(--ink2)}

.price{padding:80px 0;background:var(--lacquer);color:#fff}
.price-in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.price .big{color:#fff}
.price .lead{color:#D6E3F4;margin:16px 0 8px}
.price .small{color:#B9CCE6}
.price-box{padding:30px;border-radius:18px;background:var(--sheen);border:1px solid var(--line);box-shadow:0 1px 0 #fff inset,0 24px 40px -24px rgba(0,0,0,.5);text-align:center}
.price-box .p-num{margin:0 0 16px;font:800 64px/1 "Barlow Condensed",sans-serif;color:var(--navy)}
.price-box .btn{width:100%}
.price-box .small{color:var(--muted);margin:12px 0 0}

.voices{padding:90px 0}
.q-big{margin:0}
.q-big p{margin:0;font:700 clamp(30px,3.6vw,48px)/1.1 "Barlow Condensed",sans-serif;color:var(--ink);max-width:22em}
.voices cite{display:block;margin-top:12px;font-style:normal;font-weight:700;color:var(--muted);font-size:15px}
.q-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.q-row blockquote{margin:0;padding:24px;border-radius:14px;background:var(--sheen);border:1px solid var(--line);box-shadow:var(--sh)}
.q-row p{margin:0;font-size:18px}

.faq{padding:90px 0;background:#fff;border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}

.final{padding:90px 0}
.final .btn{margin-top:26px}

@media (max-width:960px){
  .hero-in{margin-top:-120px}
  .two-grid,.row-c,.teach-in,.price-in,.faq-grid,.q-row{grid-template-columns:1fr}
  .row-c.flip img{order:0}
  .row-c{gap:22px}
  .feat{grid-template-columns:repeat(2,1fr)}
  .mp-grid4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .hero-photo{height:300px}
  .hero-in{margin-top:-70px}
  .hero-panel{padding:24px 20px}
  .two,.courses,.teachers,.members,.voices,.faq,.final{padding:56px 0}
  .side{padding:22px}
  .feat{grid-template-columns:1fr 1fr}
  .price-box .p-num{font-size:50px}
}
.price-box .seal{margin-top:16px}
.final .final-act{margin-top:26px}.final .final-act .btn{margin-top:0}
.final .final-act .seal{max-width:460px}
.q-row{grid-template-columns:1fr 1fr}
.q-big .stars{color:#C89018;font:400 22px/1 Figtree,sans-serif;letter-spacing:3px}
.addon-b{margin-top:26px;grid-column:1 / -1}

/* friendly pass 2026-10-05 */
.hero-photo-real{position:relative;height:min(64vh,620px);overflow:hidden;background:linear-gradient(180deg,#CFE6FA,#F5F8FB)}
.hero-photo-real .sky{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero-photo-real .crowd{position:absolute;right:4%;bottom:-6%;height:96%;width:auto}
.hero-panel{border-radius:28px}
.two{position:relative}
.two .wrap{position:relative}
.two-bubble{position:absolute;right:0;top:-20px;width:150px;transform:rotate(-6deg)}
.places{padding:90px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.pl-grid figure{margin:0;padding:18px 18px 14px;border-radius:24px;background:linear-gradient(180deg,#FFF6E3,#fff);border:1px solid var(--line);box-shadow:var(--sh);display:flex;flex-direction:column;align-items:center}
.pl-grid img{height:260px;width:100%;object-fit:contain}
.pl-grid figcaption{margin-top:10px;font:800 26px "Barlow Condensed",sans-serif;color:var(--navy)}
.q-big{position:relative;padding-right:240px}
.q-pic{position:absolute;right:0;top:-30px;width:220px}
.q-row cite{display:flex;align-items:center;gap:10px}
.final{position:relative;overflow:hidden}
.final-bg{position:absolute;right:0;top:0;height:100%;width:52%;object-fit:cover;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.final .wrap{position:relative;z-index:1}
@media (max-width:960px){.pl-grid{grid-template-columns:1fr}.q-big{padding-right:0}.q-pic{position:static;width:160px;margin-bottom:10px}.final-bg{opacity:.25;width:100%}}
@media (max-width:560px){.hero-photo-real{height:300px}.hero-photo-real .crowd{height:80%}.two-bubble{width:90px;top:-10px}}
@media (max-width:560px){.two-bubble{display:none}}