/* A compact opening for phones; desktop composition is preserved. */
.mobile-course-facts,.mobile-teaching-promise{display:none}
@media(max-width:720px){
 .header{height:auto;min-height:72px;padding:14px 6%;gap:12px}
 .header .brand{font-size:17px;line-height:1.1}
 .header .brand span{font-size:12px;margin-top:3px}
 .header .button{min-height:44px;padding:10px 14px;font-size:12px;gap:14px}
 .hero{padding:12px 6% 0;min-height:0}
 .hero-title{padding:8px 0 0;width:100%;max-width:100%}
 .hero .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.055em;gap:8px;align-items:flex-start;max-width:340px}
 .hero .eyebrow .eyebrow-online{display:none}
 .hero .eyebrow .dot{flex:0 0 5px;width:5px;height:5px;margin-top:6px}
 .hero h1{font-size:clamp(46px,15vw,90px);line-height:1.05;letter-spacing:-.015em;margin:16px 0 18px}
 .mobile-course-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;border:0;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--ink)}
 .mobile-course-facts span{white-space:nowrap;padding:5px 9px;border:1px solid #19191645;border-radius:5px}
 .hero .hero-promise{font-size:17px;line-height:1.5;max-width:36ch;margin:0;color:var(--ink)}
 .hero-promise br{display:none}
 .hero-title>.teaching-promise{display:none}
 .hero-title .button{display:flex;justify-content:space-between;width:100%;max-width:360px;min-height:52px;margin:20px 0 0;padding:15px 22px;font-size:15px;gap:16px}
 .hero-title .text-link{display:block;width:fit-content;max-width:100%;font-size:14px;line-height:1.5;margin:14px 0 0;padding:4px 0;min-height:32px}
 .hero .hero-portrait{position:relative;inset:auto;aspect-ratio:auto;min-height:0;height:auto;width:100%;max-width:340px;margin:22px auto 0;overflow:hidden}
 .hero .hero-portrait img{position:relative;inset:auto;display:block;width:100%;height:230px;object-fit:contain;object-position:center bottom;animation:none}
 .hero .hero-portrait:before{inset:0 -10% -10%}
 .hero .portrait-note{position:relative;inset:auto;display:block;width:100%;margin:0;background:var(--orange);color:var(--ink);border-radius:0;border-top:1px solid #19191635;box-shadow:none;text-align:center;font-size:12px;padding:12px 0 18px;line-height:1.5;transform:none}
 .hero .portrait-note b{font-size:14px}
 .ticker{display:none}
 main>.hero-bottom{display:none}
 .mobile-teaching-promise{display:block;font-size:17px;line-height:1.6;margin:0 0 32px;padding:0 0 28px;border-bottom:1px solid #19191630;color:var(--ink)}
 .mobile-teaching-promise strong{display:block;margin-bottom:8px}
}