/* Mobile layouts are kept separate so desktop proportions stay intact. */
@media (max-width:700px){
  :root{--type-body:18px;--type-section:28px;--type-subtitle:24px}
  .landing{overflow:clip}
  .quick-consultation{padding:32px 20px}
  .quick-fields{grid-template-columns:1fr;gap:12px}
  .quick-fields input,.quick-fields button,#join .fit-form input,#join .closing-button{min-height:50px;font-size:16px}
  .quick-fields button{grid-column:auto;padding-inline:14px}
  .quick-consent{align-items:flex-start;font-size:14px;line-height:1.5;margin-top:16px;gap:10px}
  .quick-consent input{width:20px;height:20px;margin-top:1px}
  #knowledge-to-action{min-height:0}
  #knowledge-to-action .action-sticky{position:relative;min-height:0;grid-template-columns:1fr;gap:36px;padding:48px 22px 32px}
  .action-copy h2{margin-bottom:24px}
  .action-copy p{margin-bottom:20px}
  .bridge-visual{width:100%;margin:0;align-self:center}
  #brain-shift{padding:28px 0 44px;min-height:0}
  #brain-shift .brain-art{position:relative;inset:auto;width:min(88%,420px);margin:0 auto 20px}
  #brain-shift .brain-copy{width:calc(100% - 40px);margin:0 auto;padding:26px 22px;border-radius:24px}
  #brain-shift .brain-body p{margin-bottom:20px}
  #about-noam.about-reading{padding:48px 22px 56px}
  #about-noam .reading-chapter{display:flex;flex-direction:column;gap:24px;padding:12px 0 52px}
  #about-noam .reading-chapter:last-child{padding-bottom:0}
  #about-noam .reading-copy{padding:0;width:100%}
  #about-noam .reading-copy h2{margin-bottom:28px}
  #about-noam .reading-copy h3{font-size:27px;line-height:1.3;margin-bottom:20px}
  #about-noam .reading-copy p{font-size:18px;line-height:1.65;margin-bottom:18px}
  #about-noam .reading-copy>*,#about-noam .reading-original,#about-noam .reading-delayed{opacity:1!important;transform:none!important;will-change:auto}
  #about-noam .reading-stack{position:relative;top:0;width:100%;max-width:400px;margin:auto;padding:0}
  #about-noam .reading-visual{width:100%;align-self:center}
  #about-noam .reading-chapter:nth-child(n+5) .reading-stack{max-width:400px}
  #about-noam .reading-leads{position:absolute}
  #portfolio-life{height:auto;min-height:0;padding:14px 0 0;clip-path:polygon(0 10px,100% 0,100% 100%,0 100%);overflow:hidden}
  #portfolio-life .portfolio-life-inner{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center}
  #portfolio-life .portfolio-life-glass{position:relative;inset:auto;order:0;width:calc(100% - 40px);height:auto;min-height:0;margin:24px auto 0;padding:26px 22px;z-index:2;background:linear-gradient(135deg,#546071a6,#1e2c40d9)}
  #portfolio-life-title{font-size:20px;line-height:1.4;margin-bottom:18px}
  #portfolio-life .portfolio-life-logo{width:80%;max-width:300px}
  #portfolio-life .portfolio-life-description{font-size:17px;line-height:1.6;margin:20px 0 24px;text-wrap:pretty}
  #portfolio-life .portfolio-life-cta{width:100%;max-width:320px;min-height:50px;padding:12px 16px;gap:16px;font-size:16px}
  #portfolio-life .portfolio-life-limit{margin:22px 0 0;font-size:14px;line-height:1.5}
  #portfolio-life .portfolio-life-person{position:relative;inset:auto;order:1;width:min(85%,340px);height:340px;margin:6px auto 0;mask-image:linear-gradient(#000 80%,transparent)}
  #portfolio-life .portfolio-life-person img{width:100%;height:131.07%;left:0;top:0;object-fit:fill}
  #portfolio-life .portfolio-life-wall{top:24px;bottom:0}
  #portfolio-life::after{top:auto;bottom:0;height:100px;z-index:1}
  #three-steps{padding:40px 22px 42px;height:auto}
  #three-steps .journey-sticky{height:auto;min-height:0;padding:0}
  #three-steps #steps-title{padding:0;width:100%;max-width:440px;margin:0 auto 20px;font-size:28px;line-height:1.3;text-wrap:balance}
  #three-steps #steps-title strong{display:block}
  #three-steps .journey-grid{height:auto!important;gap:0}
  #three-steps .journey-step{width:100%;max-width:none;padding:28px 0;gap:18px;transform:none}
  #three-steps .journey-number{font-size:36px}
  #three-steps .journey-step h3{font-size:26px!important;line-height:1.25}
  #three-steps .journey-step p{font-size:18px;line-height:1.65}
  #syllabus{padding:12px 20px 48px}
  #syllabus .syllabus-heading{padding:36px 0 40px}
  #syllabus .syllabus-heading>span{font-size:58px;letter-spacing:6px;max-width:100%}
  #syllabus .syllabus-heading h2{font-size:28px;line-height:1.3;top:12px}
  #syllabus .syllabus-lesson{grid-template-columns:1fr;padding:18px 0 0;margin-bottom:18px;min-height:0}
  #syllabus .syllabus-meta{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px 14px;align-items:center;justify-items:start;padding:0 20px 18px}
  #syllabus .syllabus-number{font-size:64px;grid-column:1;grid-row:1/3;order:0}
  #syllabus .syllabus-meta p{font-size:14px;white-space:normal;grid-column:2;line-height:1.5}
  #syllabus .syllabus-badge{grid-column:2;width:auto;max-width:100%;height:auto;font-size:14px;padding:7px 10px;white-space:normal}
  #syllabus .syllabus-content,#syllabus .syllabus-lesson.is-practice .syllabus-content{padding:20px;gap:14px;border-radius:0}
  #syllabus .syllabus-content h3{font-size:26px;line-height:1.25}
  #syllabus .syllabus-content>p{font-size:18px;line-height:1.6}
  #syllabus .syllabus-content>p strong{font-size:24px}
  #syllabus .syllabus-lesson:has(.syllabus-guest) .syllabus-content{padding-bottom:20px}
  #syllabus .syllabus-guest{position:static;align-self:flex-end;margin-top:8px;gap:10px;font-size:14px}
  #syllabus .syllabus-guest img{width:46px;height:46px}
  #syllabus .syllabus-focus{padding:20px 16px;gap:14px;align-items:flex-start;margin:18px 0 24px;min-height:0}
  #syllabus .syllabus-focus>img{width:48px;height:48px}
  #syllabus .syllabus-focus h3{font-size:24px}
  #syllabus .syllabus-focus p{font-size:17px;line-height:1.6}
  #syllabus .syllabus-bonuses{margin-top:48px}
  #syllabus .syllabus-bonuses>h3{font-size:27px;line-height:1.3;padding:10px 16px;margin-bottom:65px}
  #syllabus .syllabus-bonus-grid{grid-template-columns:1fr;gap:64px}
  #syllabus .syllabus-bonus{padding-inline:22px}
  #mentee-results{padding:24px 12px 32px}
  #mentee-results .results-heading{padding:0 20px;margin-bottom:28px}
  #mentee-results .comparison-panel{padding:32px 0;border-radius:20px}
  #mentee-results .comparison-card{flex-basis:90%}
  #mentee-results .comparison-track{gap:14px;padding-inline:16px;scroll-padding-inline:16px;touch-action:pan-y}
  #mentee-results .comparison-handle{width:44px;height:44px}
  #mentee-results .comparison-dots{gap:12px;margin-top:22px}
  #mentee-results .deals-area{padding:0 16px}
  #mentee-results .deals-area>h3{margin:48px 0 58px}
  #join{padding:44px 20px 60px}
  #join .closing-layout{grid-template-columns:1fr;padding:26px 18px;gap:34px}
  #join .closing-main{padding:0;min-width:0}
  #join #closing-title{font-size:34px;line-height:1.2;margin-top:0;text-wrap:balance}
  #join .closing-main>p{font-size:18px;line-height:1.6;margin:20px 0 26px}
  #join .fit-form{gap:12px}
  #join .fit-form input{width:100%;padding-inline:20px}
  #join .closing-button{width:100%;padding:12px 16px;gap:18px}
  #join .closing-main>small{font-size:14px;line-height:1.6}
  #join .closing-layout .fit-note{width:100%;max-width:380px;transform:rotate(-1deg);margin:0;justify-self:center;padding:22px 20px}
  #join .fit-note h3{font-size:26px;line-height:1.3}
  #join .fit-note li{font-size:17px;line-height:1.5;padding-block:12px}
  .closing-waves{height:360px}
}
@media(max-width:360px){
  #about-noam.about-reading{padding-inline:18px}
  #about-noam .reading-copy h3{font-size:25px}
  #three-steps #steps-title,#syllabus .syllabus-heading h2{font-size:26px}
  #portfolio-life .portfolio-life-glass{width:calc(100% - 32px);padding:24px 18px}
  #portfolio-life .portfolio-life-person{height:300px}
  #syllabus{padding-inline:16px}
  #syllabus .syllabus-meta{padding-inline:16px;gap:10px}
  #syllabus .syllabus-content,#syllabus .syllabus-lesson.is-practice .syllabus-content{padding:18px}
  #syllabus .syllabus-focus{flex-wrap:wrap}
  #join{padding-inline:14px}
  #join #closing-title{font-size:31px}
}
/* Small tablets use readable columns without changing the desktop design. */
@media(min-width:701px) and (max-width:1000px){
  .action-sticky{padding-inline:5%}
  .reading-chapter,.reading-chapter:first-child,.reading-chapter:nth-child(even),.reading-chapter:nth-child(n+5){gap:32px;grid-template-columns:1fr 1fr}
  #about-noam .reading-copy h3{font-size:27px}
  #three-steps .journey-grid{gap:32px}
  #three-steps .journey-grid::before{left:calc((100% - 64px)/3 + 16px)}
  #three-steps .journey-grid::after{right:calc((100% - 64px)/3 + 16px)}
  #three-steps .journey-step{grid-template-rows:56px 110px 1fr}
  #three-steps .journey-step h3{font-size:24px}
  #join .closing-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:28px}
  #join .closing-layout .fit-note{width:280px;transform:translateX(-35px) rotate(-2deg)}
  #join #closing-title{font-size:34px}
}
@media(min-width:701px) and (max-width:1000px){
  .hero{height:850px;min-height:850px}
  .hero .hero-profiles{top:24px;left:25%;width:50%;height:48px}
  .hero .hero-profiles .client-set{gap:14px;padding-right:14px}
  .hero .hero-profiles .client-set img{width:42px;height:42px;max-width:none;max-height:none}
  .hero .eyebrow{top:92px;left:15%;width:70%;font-size:13px;line-height:1.6;letter-spacing:1px;text-align:center;white-space:normal}
  .hero #hero-title{top:140px;left:calc(50% - 220px);width:440px;height:auto}
  .hero .intro{top:235px;left:calc(50% - 280px);width:560px;margin:0;transform:none;white-space:normal;font-size:22px;line-height:1.4;text-align:center}
  .hero .details-panel{top:320px;width:540px;height:170px;padding:18px;overflow:visible}
  .hero .details{position:relative;top:0;left:0;transform:none;margin:0;width:100%;white-space:normal;font:400 17px/1.6 Polin,sans-serif}
  .hero .details strong{font-size:20px;line-height:1.4}
  .hero .portrait{top:auto;bottom:0;left:8%;width:38%;max-width:330px;height:340px}
  .hero .portrait img{object-fit:contain;object-position:center bottom;height:116.77%}
  .hero .phone-stage{top:auto;bottom:0;left:57%;transform:scale(1.5);transform-origin:bottom left}
  .hero .light{width:130%;height:100%;opacity:.7}
  .hero .light-left{left:-65%}.hero .light-right{right:-65%}
  .hero .light img{width:100%;height:100%;object-fit:cover;top:0}
  .quick-fields{grid-template-columns:1fr 1fr;gap:12px}
  .quick-fields button{grid-column:1/-1;min-height:50px}
}
@media(min-width:701px) and (max-width:900px){
  #three-steps .journey-grid{grid-template-columns:1fr;gap:0;max-width:600px}
  #three-steps .journey-grid::before,#three-steps .journey-grid::after{display:none}
  #three-steps .journey-step{grid-template-rows:auto auto auto;gap:18px;padding:30px 12px}
  #three-steps .journey-step:not(:last-child)::after{display:block;top:auto;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#a5e6e975,transparent);opacity:1}
}
@media(max-width:360px){
  .hero .details-panel{top:330px;height:175px}
  #portfolio-life .portfolio-life-cta{font-size:15px;padding-inline:10px;gap:8px;white-space:nowrap}
}
@media(max-width:700px){#mentee-results .comparison-track{touch-action:auto}}
@media(min-width:701px) and (max-width:1000px){
  #portfolio-life .portfolio-life-glass{left:6%;width:55%;padding:24px}
  #portfolio-life .portfolio-life-description{font-size:16px;line-height:1.6}
  #portfolio-life .portfolio-life-person{left:59%;width:38%}
}
@media(max-width:700px){
  #portfolio-life .portfolio-life-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#455164f5,#1e2c40f5)}
}
@media(max-width:700px){
  .floating-meeting{left:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 32px);padding:12px 17px;min-height:48px;font-size:15px}
  .landing{padding-bottom:78px}
}