/* Education: the Master Course. Black, photographic: a film loop, module photo cards that open to their lessons. Loaded after site.css. */
.ev-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(24px,4vh,44px)}
.ev-sub{font:500 10.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--d-mute)}

/* opener: full-bleed photo, words at the bottom, a slow drift */
.ev-open{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.ev-open-m{position:absolute!important;inset:0;aspect-ratio:auto!important}
.ev-open-m img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;animation:ev-drift 18s ease-out both}
@keyframes ev-drift{from{transform:scale(1.08)}to{transform:none}}
.ev-open::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 30%,rgba(0,0,0,.82) 100%);pointer-events:none}
.ev-open-t{position:relative;z-index:2;padding:0 var(--m) clamp(40px,9vh,96px);max-width:1100px}
.ev-open-t .micro{color:rgba(255,255,255,.72);margin-bottom:18px}
.ev-open .mega{font-size:clamp(4.6rem,13vw,13rem);line-height:.86}
.ev-lede{margin:22px 0 30px;font-size:clamp(17px,1.5vw,21px);color:rgba(255,255,255,.86);max-width:30em}

/* numbers */
.ev-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--d-hair);border-bottom:1px solid var(--d-hair)}
.ev-nums div{display:flex;flex-direction:column;gap:10px;padding:clamp(28px,6vh,64px) var(--m);border-right:1px solid var(--d-hair)}
.ev-nums div:last-child{border-right:0}
.ev-nums b{font:300 clamp(2.6rem,5vw,5.4rem)/.9 var(--serif);letter-spacing:-.02em}
.ev-nums span{font:500 10.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--d-mute)}

/* Shoot it. Film it. Book it. over a film loop */
.ev-film{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.ev-film-m{position:absolute!important;inset:0;aspect-ratio:auto!important}
.ev-film-m video{width:100%;height:100%;object-fit:cover}
.ev-film-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.25) 40%,rgba(0,0,0,.85));pointer-events:none}
.ev-film-t{position:relative;z-index:2;width:100%;padding:clamp(80px,14vh,140px) var(--m) clamp(40px,8vh,88px)}
.ev-film .d1{font-size:clamp(3.4rem,8vw,8.6rem);line-height:.9}
.ev-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:clamp(36px,6vh,64px);border-top:1px solid rgba(255,255,255,.3);padding-top:24px}
.ev-pillars b{display:block;font:400 clamp(1.6rem,2.4vw,2.4rem)/1 var(--serif);margin:10px 0 10px}
.ev-pillars p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.78)}
.ev-pn{font:500 10px/1 var(--sans);letter-spacing:.2em;color:rgba(255,255,255,.55)}

/* module photo cards */
.ev-inside{padding:clamp(72px,12vh,140px) var(--m)}
.ev-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.ev-card{position:relative;border-radius:10px;overflow:hidden;background:#111}
.ev-card summary{display:block;position:relative;cursor:pointer;list-style:none}
.ev-card summary::-webkit-details-marker{display:none}
.ev-card .slot{aspect-ratio:4/5!important}
.ev-card .slot img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ev-card:hover .slot img{transform:scale(1.05)}
.ev-card-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82));pointer-events:none}
.ev-card-t{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2vw,28px);color:#fff;transition:opacity .3s}
.ev-card-t .micro{color:rgba(255,255,255,.7)}
.ev-card-t b{font:400 clamp(1.5rem,2.2vw,2.2rem)/1.05 var(--serif)}
.ev-card-more{font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.ev-card-more::after{content:'+';font:300 18px/1 var(--sans)}
.ev-card-ls{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2vw,28px);background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);counter-reset:l;pointer-events:none;animation:ev-fade .35s var(--ease)}
@keyframes ev-fade{from{opacity:0}to{opacity:1}}
.ev-card-ls li{counter-increment:l;display:flex;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.9)}
.ev-card-ls li::before{content:counter(l,decimal-leading-zero);flex:0 0 20px;font:500 10px/2.1 var(--sans);color:rgba(255,255,255,.5)}
.ev-card-ls .ev-card-h{counter-increment:none;border:0;padding:0 0 10px;font:400 clamp(1.4rem,2vw,2rem)/1.1 var(--serif);color:#fff}
.ev-card-ls .ev-card-h::before{display:none}
.ev-card[open] .ev-card-t{opacity:0}
.ev-bonuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:clamp(12px,1.6vw,22px)}
.ev-bonus{padding:clamp(22px,2.6vw,36px);border-radius:10px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#141414,#0a0a0a)}
.ev-bonus .micro{color:var(--d-mute)}
.ev-bonus b{display:block;margin:10px 0 14px;font:400 clamp(1.5rem,2.2vw,2.2rem)/1.05 var(--serif)}
.ev-bonus li{display:flex;gap:12px;align-items:baseline;padding:7px 0;font-size:14.5px;color:rgba(255,255,255,.82)}
.ev-bonus li::before{content:'+';color:rgba(255,255,255,.5)}

/* story */
.ev-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--g);padding:0 var(--m) 0 0}
.ev-story-m{aspect-ratio:auto!important;height:100%;min-height:480px}
.ev-story-m img{width:100%;height:100%;object-fit:cover}
.ev-story-t{align-self:center;padding:clamp(56px,9vh,110px) 0}
.ev-story-t .d2{margin-bottom:26px}
.ev-story-t p{max-width:30em;color:var(--fg2);margin-bottom:14px}
.ev-story-t .micro{margin-top:24px;color:var(--mu)}

/* before you buy: full-bleed photo */
.ev-only{position:relative;min-height:84svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff}
.ev-only-m{position:absolute!important;inset:0;aspect-ratio:auto!important}
.ev-only-m img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.ev-only-veil{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ev-only-t{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:26px;padding:var(--s2) var(--m)}
.ev-only-t .micro{color:rgba(255,255,255,.7)}
.ev-only .d1{font-size:clamp(2.8rem,6vw,6.6rem)}

/* faq */
.ev-faq{padding:clamp(72px,11vh,130px) var(--m)}
.ev-faq .d2,.ev-faq .ledger{max-width:980px;margin-left:auto;margin-right:auto}
.ev-faq .d2{margin-bottom:24px}
.ev-faq .lg-row>summary{padding-right:34px}

/* finale */
.ev-fin{position:relative;min-height:80svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff}
.ev-fin-m{position:absolute!important;inset:0;aspect-ratio:auto!important}
.ev-fin-m img{width:100%;height:100%;object-fit:cover}
.ev-fin::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.55);pointer-events:none}
.ev-fin-t{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:34px;padding:var(--s2) var(--m)}

@media (min-width:700px) and (max-width:1024px){
  .ev-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev-nums div:nth-child(2){border-right:0}
  .ev-nums div:nth-child(-n+2){border-bottom:1px solid var(--d-hair)}
  .ev-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* phone: composed for 390 */
@media (max-width:699px){
  .ev-open{min-height:92svh}
  .ev-open-t{padding:0 16px 36px}
  .ev-open-t .micro{margin-bottom:12px;font-size:9.5px}
  .ev-open .mega{font-size:clamp(4rem,21vw,5.4rem)}
  .ev-lede{margin:16px 0 24px;font-size:16px}
  .ev-open .solid,.ev-only .solid,.ev-fin .solid{width:100%}

  .ev-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev-nums div{padding:24px 16px;gap:8px}
  .ev-nums div:nth-child(2){border-right:0}
  .ev-nums div:nth-child(-n+2){border-bottom:1px solid var(--d-hair)}
  .ev-nums b{font-size:2.6rem}
  .ev-nums span{font-size:9.5px;letter-spacing:.16em}

  .ev-film{min-height:auto}
  .ev-film-t{padding:120px 16px 40px}
  .ev-film .d1{font-size:clamp(3rem,15vw,3.8rem)}
  .ev-pillars{grid-template-columns:1fr;gap:20px;margin-top:28px}

  .ev-inside{padding:52px 0}
  .ev-inside .ev-head{padding:0 16px;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}
  .ev-head .d2{font-size:2.5rem}
  .ev-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:0 16px;gap:10px;scrollbar-width:none;overscroll-behavior-x:contain}
  .ev-cards::-webkit-scrollbar{display:none}
  .ev-card{flex:0 0 80%;scroll-snap-align:start}
  .ev-card-ls li{font-size:13.5px;padding:7px 0}
  .ev-bonuses{grid-template-columns:1fr;margin:12px 16px 0;gap:10px}

  .ev-story{display:block;padding:0}
  .ev-story-m{min-height:0;height:auto;aspect-ratio:4/5!important}
  .ev-story-t{padding:28px 16px 44px}
  .ev-story-t .d2{font-size:2.5rem;margin-bottom:16px}
  .ev-story-t p{font-size:16px}

  .ev-only{min-height:70svh}
  .ev-only-t{padding:56px 16px}
  .ev-only .d1{font-size:clamp(2.3rem,10.4vw,2.8rem)}

  .ev-faq{padding:48px 16px}
  .ev-faq .d2{font-size:2.5rem;margin-bottom:12px}

  .ev-fin{min-height:72svh}
  .ev-fin-t{padding:56px 16px;gap:26px}
  .ev-fin .d1{font-size:clamp(2.6rem,12vw,3.2rem)}
}
@media (prefers-reduced-motion:reduce){.ev-open-m img{animation:none}}

/* live classes: four months, one price, the goal */
.ev-live{padding:clamp(80px,13vh,150px) var(--m);text-align:center}
.ev-live-hd .micro{color:var(--mu);margin-bottom:18px}
.ev-live .d1{font-size:clamp(3rem,6.4vw,7rem)}
.ev-live-lede{max-width:34em;margin:22px auto 0;font-size:clamp(16px,1.3vw,18px);color:var(--fg2)}
.ev-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);max-width:1180px;margin:clamp(40px,6vh,64px) auto 0}
.ev-month{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(26px,3.4vw,44px) 12px;border:1px solid var(--hair);border-radius:12px;transition:background .25s,color .25s,border-color .25s}
.ev-month .micro{color:var(--mu)}
.ev-month b{font:300 clamp(2rem,3.2vw,3.2rem)/1 var(--serif)}
.ev-month-go{font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid currentColor}
.ev-month:hover{background:#000;color:#fff;border-color:#000}
.ev-month:hover .micro{color:rgba(255,255,255,.6)}
.ev-price{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,48px);max-width:1180px;margin:clamp(12px,1.4vw,18px) auto 0;padding:clamp(24px,3vw,40px) clamp(24px,3vw,44px);border-radius:12px;background:#000;color:#fff;text-align:left}
.ev-price>div{display:flex;flex-direction:column;gap:6px}
.ev-price b{font:300 clamp(3rem,5vw,4.8rem)/.9 var(--serif)}
.ev-price>div span{font:500 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ev-price ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.ev-price li{display:flex;gap:10px;align-items:baseline;font-size:15px;color:rgba(255,255,255,.88)}
.ev-price li::before{content:'+';color:rgba(255,255,255,.5)}
.ev-price .solid{background:#fff;color:#000;border-color:#fff;border-radius:99px;white-space:nowrap}
.ev-goal{max-width:24em;margin:clamp(48px,8vh,88px) auto 0;font:300 clamp(1.7rem,3vw,3rem)/1.15 var(--serif);font-style:italic}

/* the bonus 7th course */
.ev-qa{margin-top:clamp(12px,1.6vw,22px);padding:clamp(26px,3vw,44px);border-radius:10px;background:#fff;color:#000;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(16px,3vw,44px)}
.ev-qa .micro{color:var(--mute)}
.ev-qa b{font:400 clamp(2rem,3.4vw,3.4rem)/1 var(--serif)}
.ev-qa p{font-size:15.5px;color:#333;max-width:34em}

@media (min-width:700px) and (max-width:1024px){
  .ev-months{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev-price{grid-template-columns:auto 1fr}
  .ev-price .solid{grid-column:1/-1}
  .ev-qa{grid-template-columns:1fr;gap:10px}
}
@media (max-width:699px){
  .ev-live{padding:56px 16px}
  .ev-live .d1{font-size:clamp(2.6rem,12vw,3.3rem)}
  .ev-live-lede{font-size:16px}
  .ev-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:30px}
  .ev-month{padding:22px 8px}
  .ev-month b{font-size:1.9rem}
  .ev-price{grid-template-columns:1fr;gap:18px;padding:24px 20px;margin-top:8px}
  .ev-price ul{grid-template-columns:1fr}
  .ev-price .solid{width:100%}
  .ev-goal{font-size:1.65rem;margin-top:40px}
  .ev-qa{grid-template-columns:1fr;gap:8px;margin:12px 16px 0;padding:24px 20px}
  .ev-qa b{font-size:2rem}
}
/* the price + schedule, repeated where people decide */
.ev-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 30px;max-width:820px;border-top:1px solid rgba(255,255,255,.3)}
.ev-facts span{display:flex;flex-direction:column;gap:6px;padding:16px 16px 0 0;font:500 10px/1.45 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.ev-facts b{font:300 clamp(2rem,3.4vw,3.2rem)/1 var(--serif);letter-spacing:0;text-transform:none;color:#fff}
.ev-only-p{font:500 10.5px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82);max-width:40em}
@media (max-width:699px){
  .ev-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}
  .ev-facts span{font-size:8.5px;letter-spacing:.1em;padding-right:8px}
  .ev-facts b{font-size:1.7rem}
  .ev-open .mega{font-size:clamp(3.6rem,18vw,4.6rem)}
  .ev-only-p{font-size:9.5px;letter-spacing:.14em}
}
/* the opener's words need more contrast now they carry the price */
.ev-open::after{background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.35) 40%,rgba(0,0,0,.9) 100%)}
@media (min-width:700px){.ev-open::after{background:linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.35) 55%,rgba(0,0,0,.1) 100%),linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.55) 100%)}}