:root{--teacher-frame:clamp(14px,2.5vw,38px);--teacher-sand:#ded3c4;--teacher-ink:#252722;--teacher-wine:#60352f;--teacher-paper:#f4efe6}
.teacher-variant{background:var(--teacher-sand)}
.teacher-variant.home-page header{
  position:absolute;top:var(--teacher-frame);left:var(--teacher-frame);right:var(--teacher-frame);width:auto;height:86px;
  padding:0 clamp(22px,3.5vw,54px);border:0;border-radius:22px 22px 0 0;background:transparent;color:var(--teacher-ink);
}
.teacher-variant.home-page header .brand,.teacher-variant.home-page header .mark{color:var(--teacher-ink)}
.teacher-variant.home-page header .brand{background:#f5efe4dc;border:1px solid #6c64591f;border-radius:999px;padding:10px 16px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.teacher-variant .brand-logo{display:block;width:clamp(170px,14vw,220px);height:auto}
.teacher-variant .footer-brand{display:inline-flex;max-width:100%}.teacher-variant footer .brand-logo{width:220px;max-width:100%;height:auto}
.teacher-variant.home-page header .brand small{color:#5e5a50}
.teacher-variant.home-page nav{margin-left:auto}
.teacher-variant.home-page nav a:hover,.teacher-variant.home-page nav a[aria-current=page]{color:var(--teacher-wine);text-decoration-color:var(--teacher-wine)}
.teacher-variant.home-page header>.button{border:1px solid #4a463d;background:#f8f4ebc9;color:var(--teacher-ink);border-radius:999px;padding:12px 20px}
.teacher-variant.home-page .hero{
  width:auto;height:calc(100dvh - (var(--teacher-frame) * 2));min-height:640px;max-height:none;margin:var(--teacher-frame);
  border-radius:22px;overflow:hidden;background:#ded6ca;color:var(--teacher-ink);box-shadow:0 24px 70px #42372a25;
}
.teacher-variant.home-page .hero-img img{object-position:center center;filter:saturate(.88) contrast(.97) brightness(1.02)}
.teacher-variant img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.teacher-variant.home-page .hero::after{display:none}
.teacher-variant.home-page .hero-copy{
  position:relative;z-index:2;align-self:center;margin:48px 4.8% 35px auto;width:min(42%,620px);padding:clamp(28px,3.2vw,52px);
  border:1px solid #766d6042;border-radius:20px;background:#f4efe6e8;color:var(--teacher-ink);
  box-shadow:0 22px 55px #4f453a1c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.teacher-variant.home-page .hero .eyebrow{font-size:10px;letter-spacing:2.25px;color:#765f4c}
.teacher-variant.home-page .hero .eyebrow::before{content:none}
.teacher-variant.home-page .hero h1{font-family:Georgia,serif;font-size:clamp(54px,4.7vw,84px);font-weight:400;line-height:.98;letter-spacing:-3.5px;margin:22px 0 26px;color:#2d3029}
.teacher-variant.home-page .hero-copy>p:not(.eyebrow){max-width:470px;font-size:clamp(14px,1.1vw,18px);line-height:1.65;color:#5d5a51;margin-bottom:27px}
.teacher-variant.home-page .hero .hero-actions .button{border-radius:999px;background:var(--teacher-wine);border-color:var(--teacher-wine);color:#fffaf2;padding:12px 18px}
.teacher-variant.home-page .hero .hero-actions .button>span{background:#fff4e8;color:var(--teacher-wine);border-radius:50%}
.teacher-variant.home-page .hero .hero-actions .hero-secondary{background:transparent;color:#3e4039;border-color:#7e786d;padding-inline:18px}
.teacher-variant.home-page .hero .hero-actions .hero-secondary:hover{background:#fffaf0;color:#282a25}
.teacher-variant.home-page .hero-copy .hero-note{color:#6a665d!important;font-size:10px!important;letter-spacing:.25px}
.teacher-variant.home-page .caption{left:clamp(28px,3.5vw,54px);bottom:34px;color:#4e4a42;font-size:9px;font-weight:700;letter-spacing:1.7px}
.teacher-variant.home-page .scroll-cue{display:none}
.teacher-values{
  position:absolute;z-index:3;left:50%;right:clamp(28px,3.5vw,54px);bottom:28px;display:flex;justify-content:flex-end;gap:clamp(16px,2.3vw,38px);
  color:#4d4a42;font-size:9px;letter-spacing:.85px;text-transform:uppercase;
}
.teacher-values span{display:flex;align-items:center;gap:8px;white-space:nowrap}.teacher-values b{font-size:8px;color:#8d7861}
.teacher-variant.home-page .strip{background:#eee9df}
.teacher-variant:not(.home-page) header{background:var(--cream)}
.teacher-variant footer{background:#d3c6b6}

/* Ultra-wide screens crop a 16:9 photograph vertically in cover mode.
   Keep Kamal's head inside the frame and reduce the ambient zoom there. */
@media (min-width:1200px) and (min-aspect-ratio:16/9){
  .teacher-variant.home-page .hero-img img{
    object-position:center 28%;
    transform:translate3d(var(--hero-x),var(--hero-y),0) scale(1.012);
  }
}

@media (max-width:1100px) and (min-width:651px){
  .teacher-variant.home-page header{height:78px;padding-inline:26px}.teacher-variant.home-page header .brand-logo{width:175px}.teacher-variant.home-page nav{gap:16px;font-size:12px}
  .teacher-variant.home-page .hero{min-height:600px}
  .teacher-variant.home-page .hero-img img{object-position:42% center}
  .teacher-variant.home-page .hero-copy{width:46%;margin-right:3%;padding:30px}
  .teacher-variant.home-page .hero h1{font-size:clamp(48px,6vw,64px)}
  .teacher-variant.home-page .hero-copy>p:not(.eyebrow){font-size:14px}
  .teacher-variant.home-page .hero .hero-actions{gap:8px}.teacher-variant.home-page .hero .hero-actions .button{font-size:11px;min-height:42px;padding:9px 12px}
  .teacher-values{left:45%;gap:16px}.teacher-values span{font-size:8px}.teacher-values span:last-child{display:none}
}

@media (max-width:850px) and (min-width:651px){
  .teacher-variant.home-page #menu{display:block;background:#f5efe4c7;color:var(--teacher-ink);border:1px solid #6c645929;border-radius:50%;width:44px;height:44px;font-size:21px}
  .teacher-variant.home-page header>.button{display:none}
  .teacher-variant.home-page nav{display:none;position:absolute;top:70px;left:auto;right:22px;width:220px;margin:0;padding:22px;background:var(--teacher-paper);color:var(--teacher-ink);border:1px solid #6c645929;border-radius:14px;box-shadow:0 16px 40px #443a3026}
  .teacher-variant.home-page nav.open{display:flex;flex-direction:column}
  .teacher-variant.home-page .hero-copy{width:54%;margin-right:2.5%;padding:28px}
  .teacher-variant.home-page .hero h1{font-size:clamp(48px,7vw,58px)}
  .teacher-variant.home-page .hero .hero-actions .button{font-size:10px;padding:8px 10px}
}

@media (max-width:650px){
  :root{--teacher-frame:8px}
  .teacher-variant.home-page header{top:8px;left:8px;right:8px;height:70px;padding-inline:16px;border-radius:17px 17px 0 0}
  .teacher-variant.home-page header .brand{padding:8px 11px}.teacher-variant.home-page header .brand-logo{width:154px}
  .teacher-variant.home-page #menu{display:block;width:42px;height:42px;padding:0;background:#f5efe4d9;color:var(--teacher-ink);border:1px solid #6c645929;border-radius:50%;font-size:21px}.teacher-variant.home-page nav{top:70px;left:0;right:0;background:var(--teacher-paper);color:var(--teacher-ink)}
  .teacher-variant.home-page .hero{display:block;height:calc(100dvh - 16px);min-height:700px;margin:8px;border-radius:17px;background:var(--teacher-paper)}
  .teacher-variant.home-page .hero-img{inset:0 0 auto;height:57%}
  .teacher-variant.home-page .hero-img img{object-position:33% center;transform:scale(1.035)}
  .teacher-variant.home-page .hero-copy{
    position:absolute;left:12px;right:12px;bottom:12px;width:auto;margin:0;padding:24px 20px 22px;border-radius:16px;background:#f5f0e8f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  }
  .teacher-variant.home-page .hero .eyebrow{font-size:8px;letter-spacing:1.55px}
  .teacher-variant.home-page .hero h1{font-size:clamp(43px,13vw,58px);line-height:.96;letter-spacing:-2.7px;margin:13px 0 16px}
  .teacher-variant.home-page .hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.48;margin-bottom:15px;max-width:330px}
  .teacher-variant.home-page .hero .hero-actions{gap:7px}
  .teacher-variant.home-page .hero .hero-actions .button{font-size:10px;min-height:40px;padding:7px 11px}
  .teacher-variant.home-page .hero-copy .hero-note{margin:13px 0 0!important;font-size:9px!important}
  .teacher-variant.home-page .caption,.teacher-values{display:none}
}

@media (max-width:340px){
  .teacher-variant.home-page header{padding-inline:8px}
  .teacher-variant.home-page header .brand{padding:6px 8px}.teacher-variant.home-page header .brand-logo{width:124px}
  .teacher-variant.home-page #menu{width:38px;height:38px;font-size:18px}
  .teacher-variant.home-page .hero-copy{left:8px;right:8px;bottom:8px;padding:19px 14px 18px}
  .teacher-variant.home-page .hero h1{font-size:31px;line-height:1;letter-spacing:-1.4px}
  .teacher-variant.home-page .hero-copy>p:not(.eyebrow){font-size:11px}
  .teacher-variant.home-page .hero-actions{align-items:stretch;flex-direction:column}.teacher-variant.home-page .hero .hero-actions .button{width:100%}
}

@media (orientation:landscape) and (max-height:500px){
  :root{--teacher-frame:6px}
  .teacher-variant.home-page header{top:6px;left:6px;right:6px;height:58px;padding-inline:18px}.teacher-variant.home-page header .brand-logo{width:145px}.teacher-variant.home-page header>.button{display:none}.teacher-variant.home-page nav{display:flex;position:static;background:transparent;padding:0;border:0;gap:15px;font-size:10px}
  .teacher-variant.home-page #menu{display:none}
  .teacher-variant.home-page .hero{height:calc(100dvh - 12px);min-height:0;margin:6px;border-radius:15px}
  .teacher-variant.home-page .hero-img{height:100%}.teacher-variant.home-page .hero-img img{object-position:38% center}
  .teacher-variant.home-page .hero-copy{left:auto;right:18px;bottom:18px;width:45%;padding:18px 20px}
  .teacher-variant.home-page .hero h1{font-size:clamp(32px,10vh,44px);margin:8px 0 10px}.teacher-variant.home-page .hero-copy>p:not(.eyebrow){font-size:10px;line-height:1.35;margin-bottom:10px}
  .teacher-variant.home-page .hero .hero-actions .button{font-size:9px;min-height:34px}.teacher-variant.home-page .hero-copy .hero-note{display:none}
}

@media (prefers-reduced-motion:reduce){.teacher-variant.home-page .hero-img{animation:none}.teacher-variant.home-page .hero-img img,.teacher-variant.home-page .hero-copy{transition:none;transform:none}}