/* Altered Balance — site-wide responsive layer */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
button,a,input,select,textarea{max-width:100%}

@media (max-width:900px){
  .section-pad{padding:4.5rem 1.25rem}
  h1{font-size:clamp(2.8rem,12vw,4.7rem);line-height:1.02;overflow-wrap:anywhere}
  h2{font-size:clamp(2.2rem,9vw,3.6rem);line-height:1.06;overflow-wrap:anywhere}
  h3{font-size:clamp(1.55rem,7vw,2.35rem);line-height:1.08;overflow-wrap:anywhere}
  p,.page-lead{font-size:1rem;line-height:1.65}
  .page-lead{max-width:100%}
  .button,.header-cta{min-height:3rem;white-space:normal;text-align:center}
  .button-row{gap:.8rem}
  .button-row .button{width:100%}

  .header-top{grid-template-columns:1fr auto;gap:.65rem;min-height:auto;padding:.85rem 1rem}
  .header-top .brand{grid-area:1/1/auto/-1;justify-self:center;width:min(12rem,50vw)}
  .member-login{grid-area:2/1;gap:.45rem;font-size:.58rem;letter-spacing:.1em}
  .header-cta{grid-area:2/2;padding:.65rem .9rem;font-size:.65rem}
  .header-nav-row{min-height:3.4rem;padding:0 1rem}
  .header-nav-row .mobile-nav nav{width:min(20rem,calc(100vw - 2rem));right:0}

  .hero,.about-hero,.shift-section,.closing-grid,.offer-section,.recorded-webinars-section,.standalone-offer-grid,.standalone-note,.standalone-mentorship-section,.seminar-split,.masterclass-framework-heading,.masterclass-result-section,.masterclass-mentorship-bridge,.mentorship-option-grid,.rebalance-journey-heading,.mentorship-continuation,.mentorship-pathways-grid{grid-template-columns:1fr!important}
  .hero{min-height:auto;gap:2.5rem;padding-top:3rem;padding-bottom:3rem}
  .hero-copy,.hero h1,.page-hero h1,.seminar-hero h1,.masterclass-hero h1,.mentorship-hero h1{max-width:100%}
  .hero-visual{width:min(88vw,30rem);margin-inline:auto;justify-self:center;box-shadow:none}

  .about-hero{gap:2.5rem}
  .about-hero-image{height:min(70vw,26rem)}
  .about-story{grid-template-columns:1fr!important;gap:1.25rem}
  .story-index{display:flex;align-items:center;gap:1rem}
  .story-index span{font-size:2.4rem}
  .story-index p{margin:0}
  .story-feature-main{min-height:18rem}

  .foundation-grid,.work-preview-grid,.step-grid,.masterclass-grid,.masterclass-option-grid,.masterclass-framework-grid,.webinar-video-grid,.mentorship-whole-grid,.mentorship-pathways-grid{grid-template-columns:1fr!important}
  .foundation-card,.work-preview-card,.step-grid article,.masterclass-card,.masterclass-option-card,.masterclass-framework-card,.mentorship-option-card,.mentorship-whole-grid article,.rebalance-journey-grid article{min-height:0!important;padding:1.75rem}
  .foundation-card h3,.work-preview-card h3,.step-grid h3,.masterclass-framework-card h3,.rebalance-journey-grid h3,.mentorship-whole-grid h3{margin-top:2rem}
  .work-preview .section-heading h2,.work-preview-card h3{white-space:normal}

  .proof-strip{grid-template-columns:1fr 1fr;padding:1.25rem}
  .proof-strip span{min-height:3.25rem;padding:.55rem}
  .highlight-grid,.about-career-proof .highlight-grid{grid-template-columns:1fr 1fr!important}
  .highlight-grid article{min-height:9rem;padding:1.3rem}

  .offer-jump{top:0;position:relative;overflow-x:auto;justify-content:flex-start;gap:1rem;padding:.85rem 1rem;-webkit-overflow-scrolling:touch}
  .offer-jump a{white-space:nowrap}
  .line-card{grid-template-columns:2.8rem 1fr;gap:1rem}
  .price-line{flex-wrap:wrap}
  .included-panel,.group-coaching-panel,.mentorship-aside,.masterclass-included-card{padding:1.75rem}

  .webinar-formats{grid-template-columns:1fr}
  .webinar-format{min-height:auto}
  .webinar-waitlist{grid-template-columns:1fr;padding:2rem 1.25rem}
  .webinar-waitlist .button{justify-self:stretch;width:100%}

  .seminar-hero,.masterclass-hero,.mentorship-hero,.webinar-hero{min-height:34rem;padding-top:4rem;padding-bottom:4rem;background-position:58% center}
  .seminar-split-image{min-height:22rem}
  .seminar-split-copy{padding-top:3rem;padding-bottom:3rem}

  .rebalance-journey-grid{grid-template-columns:1fr 1fr}
  .mentorship-continuation{gap:1.5rem}
  .mentorship-continuation .button{justify-self:stretch;width:100%}
  .check-grid{grid-template-columns:1fr}

  .portfolio-grid{grid-template-columns:1fr 1fr;gap:.65rem}
  .portfolio-image{aspect-ratio:4/5}

  .simple-banner{flex-direction:column;align-items:flex-start;gap:1.5rem}
  .simple-banner .button{width:100%}

  .footer-top{grid-template-columns:1fr;gap:2.5rem}
  .footer-bottom{flex-direction:column;gap:.75rem;margin-top:2.5rem}
}

@media (max-width:600px){
  .section-pad{padding:3.5rem 1rem}
  .eyebrow{font-size:.66rem;letter-spacing:.14em;margin-bottom:.9rem}
  h1{font-size:clamp(2.65rem,13vw,3.8rem)}
  h2{font-size:clamp(2.15rem,10.5vw,3rem)}
  h3{font-size:clamp(1.5rem,8vw,2.1rem)}
  .page-lead,.hero-lead,.statement,.large-copy{font-size:1.05rem!important}

  .header-top{padding:.75rem .9rem}
  .header-top .brand{width:10.5rem}
  .member-login span{display:none}
  .member-login svg{width:1.2rem;height:1.2rem}
  .header-cta{font-size:.62rem;padding:.6rem .8rem}
  .header-nav-row{padding:0 .9rem}

  .hero{padding-top:2.25rem;padding-bottom:2.5rem}
  .hero-visual{width:92vw;max-width:25rem}
  .orbit-label{font-size:.52rem;padding:.3rem .45rem}
  .hero-image-caption{left:1rem;bottom:1rem;font-size:.52rem}

  .proof-strip,.highlight-grid,.about-career-proof .highlight-grid,.rebalance-journey-grid{grid-template-columns:1fr!important}
  .proof-strip{gap:0}
  .highlight-grid article{min-height:7rem}

  .portfolio-grid{grid-template-columns:1fr}
  .career-media-grid{grid-template-columns:1fr}
  .career-images-grid{grid-template-columns:1fr;grid-auto-rows:18rem}

  .masterclass-option-card,.mentorship-option-card,.mentorship-pathway-card,.standalone-offer-card{padding:1.5rem}
  .masterclass-option-card h3,.mentorship-option-card h3,.mentorship-pathway-card h3{font-size:clamp(2rem,11vw,3rem)}

  .seminar-hero,.masterclass-hero,.mentorship-hero,.webinar-hero{min-height:30rem;background-position:62% center}
  .seminar-split-image{min-height:19rem}
  .seminar-split-image img{transform:none}

  .button,.button-light,.button-outline{width:100%}
  .text-link{max-width:100%;overflow-wrap:anywhere}
  .group-format-note{align-items:flex-start;flex-direction:column;gap:.25rem}

  .site-footer{padding:3rem 1rem 1.5rem}
  .footer-logo{width:12rem}
}

@media (max-width:380px){
  h1{font-size:2.55rem}
  h2{font-size:2.1rem}
  .header-cta{padding:.55rem .65rem;font-size:.58rem}
  .section-pad{padding-left:.85rem;padding-right:.85rem}
}