/* A brighter, more personal editorial layer for the Bihar Special launch. */
:root {
  --ink: #252630;
  --cream: #fffdf9;
  --coral: #ffae87;
  --coral-dark: #fa9876;
  --blue: #63c2de;
  --line: #eae7e2;
}

body { background: #fff; }
.site-shell { overflow: clip; }
.top-note {
  min-height: 36px;
  background: #fcece5;
  color: #35333a;
  letter-spacing: .02em;
  font-size: 11px;
}
.top-note__dot { background: #f6a06c; }
.top-note__star { color: #eb906e; }
.site-header {
  height: 98px;
  border-bottom: 1px solid #f0eeeb;
}
.brand__text { font-size: 25px; }
.desktop-nav a { font-size: 13px; }
.desktop-nav a:hover { color: #e98367; }
.button { box-shadow: none; }
.button { white-space: nowrap; }
.button--dark { background: #292b35; }
.button--coral { background: #ffad87; }
.button--coral:hover { background: #fa9975; }
.header-cta {
  background: #ffad87;
  color: var(--ink);
}
.header-cta:hover { background: #fa9975; }

.hero {
  width: min(1320px, calc(100% - 56px));
  min-height: 688px;
  background: #fffaf5;
  border-radius: 28px;
  padding: 42px 30px 60px;
  margin-top: 20px;
  margin-bottom: 40px;
  grid-template-columns: 50% 50%;
}
.hero__copy { padding-left: 36px; }
.hero .eyebrow {
  display: inline-flex;
  background: #fff;
  border: 1px solid #f1e6de;
  border-radius: 99px;
  padding: 10px 13px;
  letter-spacing: .1em;
}
.hero h1 { font-size: clamp(65px, 5.2vw, 89px); }
.hero h1 em {
  color: #de795b;
  position: relative;
  white-space: nowrap;
}
.hero h1 em::after {
  content: "";
  position: absolute;
  height: 6px;
  background: #75c9e3;
  width: 82%;
  left: 5%;
  bottom: -6px;
  border-radius: 50%;
  transform: rotate(-2deg);
  opacity: .85;
}
.hero__lead { max-width: 530px; }
.hero__visual { height: 550px; }
.visual-glow--one { background: #ffe2a1; width: 428px; height: 428px; }
.visual-glow--two { background: #d9f1f6; }
.paper-card { box-shadow: 19px 21px 0 #9dd6e7, 0 25px 60px #35383d21; }
.paper-card h2 em { color: #db7c5c; }
.float-label { border-radius: 18px; }
.float-label--top { background: #fff9ec; }
.float-label--bottom { background: #fff; }
.float-label__circle { background: #ffdea0; }
.marquee { background: #ffe0b5; }
.marquee i { color: #e98462; }

.intro { padding-top: 125px; }
.section-heading h2, .approach h2, .mentorship h2,
.mentor-section h2, .faq h2, .interest h2 { letter-spacing: -.07em; }
.section-heading em, .approach em, .mentorship em,
.mentor-section em, .faq em, .interest em { color: #df8265; }
.topic-card { border-radius: 22px; min-height: 305px; }
.topic-card--peach { background: #fce8df; }
.topic-card--lavender { background: #ebe9f8; }
.topic-card--butter { background: #fff0c8; }
.topic-card--blue { background: #e3f2f9; }
.topic-card--mint { background: #e5f4ed; }
.topic-card--statement { background: #2b2c36; }
.topic-card h3 { font-size: 39px; }
.topic-card p { font-size: 13px; line-height: 1.65; }
.approach { background: #f8f6f2; }
.step__number { color: #df8265; }
.mentorship { padding-block: 145px; }
.mentor-visual__ring { background: #e2f3f7; }
.mentor-visual__card { box-shadow: 15px 16px 0 #f9cfa7, 0 15px 33px #2223291c; }

.mentor-section {
  background: #fff8f1;
  padding-block: 108px 122px;
}
.mentor-section__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 70px;
  margin-bottom: 46px;
}
.mentor-section__heading h2 { margin-top: 21px; }
.mentor-section__heading > p {
  font-size: 15px;
  line-height: 1.7;
  color: #66666a;
  width: 300px;
  margin: 0 0 9px;
}
.mentor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.mentor-card {
  background: #fff;
  border: 1px solid #ebe3dc;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 8px 24px #332c2610;
  transition: transform .22s, box-shadow .22s;
}
.mentor-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 35px #332c2617;
}
.mentor-card__portrait {
  height: 282px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.mentor-card__portrait::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  left: 50%;
  top: 44%;
  transform: translate(-50%, -50%);
  background: #ffffff7d;
  z-index: -1;
}
.mentor-card__portrait::after {
  content: "✳";
  position: absolute;
  font-size: 55px;
  right: 20px;
  top: 9px;
  color: #ffffff9c;
}
.mentor-card--coral .mentor-card__portrait { background: #f4b9a1; }
.mentor-card--blue .mentor-card__portrait { background: #9dd7e6; }
.mentor-card--yellow .mentor-card__portrait { background: #f9daa0; }
.mentor-card__initials {
  width: 138px;
  height: 138px;
  border: 2px solid #ffffffab;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ffffff56;
  color: #34323a;
  font-family: var(--serif);
  font-size: 66px;
  letter-spacing: -.08em;
}
.mentor-card__photo-note {
  position: absolute;
  left: 18px;
  bottom: 17px;
  background: #fffefdd9;
  border-radius: 99px;
  padding: 7px 11px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .04em;
}
.mentor-card__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
.mentor-card__portrait[data-photo="ravi"] img { object-position: left center; }
.mentor-card__portrait[data-photo="founder"] img,
.mentor-card__portrait[data-photo="diva"] img { transform: scale(1.9); }
.mentor-card__portrait:has(img) .mentor-card__initials,
.mentor-card__portrait:has(img) .mentor-card__photo-note { display: none; }
.mentor-card__portrait:has(img)::before,
.mentor-card__portrait:has(img)::after { display: none; }
.mentor-card__content { padding: 25px 25px 29px; }
.mentor-card__index {
  color: #df8365;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
}
.mentor-card h3 {
  font-family: var(--serif);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.055em;
  margin: 12px 0 4px;
  line-height: 1.1;
}
.mentor-card__asterisk { color: #ef9a75; font-size: 22px; vertical-align: top; }
.mentor-card__role { font-size: 11px!important; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; color: #707075!important; margin: 0 0 20px!important; }
.mentor-card__content > p:last-child { border-top: 1px solid #ece9e6; padding-top: 17px; margin: 0; font-size: 13px; line-height: 1.65; color: #5d5d64; }
.faq { padding-block: 130px; }
.interest { background: #e7f4f8; }
.interest__form-card { border-radius: 22px; }
.form-note a { color: #9c503b; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.interest .button--coral { background: #ffad87; }

@media (max-width: 1100px) {
  .hero__copy { padding-left: 0; }
  .hero h1 { font-size: 65px; }
  .hero__actions { flex-wrap: wrap; }
}
@media (max-width: 800px) {
  .top-note { font-size: 9px; }
  .site-header { height: 76px; }
  .hero { width: min(100% - 26px, 650px); grid-template-columns: 1fr; min-height: 0; padding: 47px 29px 10px; border-radius: 22px; }
  .hero h1 { font-size: clamp(51px, 9vw, 75px); }
  .hero__visual { height: 490px; }
  .mentor-section { padding-block: 80px; }
  .mentor-section__heading { display: block; }
  .mentor-section__heading > p { width: auto; max-width: 480px; margin-top: 17px; }
  .mentor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mentor-card:last-child { grid-column: 1 / -1; }
  .mentor-card:last-child .mentor-card__portrait { height: 240px; }
}
@media (max-width: 540px) {
  .brand__text { font-size: 21px; }
  .hero { padding: 39px 20px 0; margin-top: 10px; margin-bottom: 25px; }
  .hero .eyebrow { font-size: 9px; }
  .hero h1 { font-size: clamp(45px, 11.7vw, 59px); }
  .hero h1 em { white-space: normal; }
  .hero__visual { height: 345px; }
  .topic-card { min-height: 248px; }
  .mentor-section__heading { margin-bottom: 31px; }
  .mentor-grid { grid-template-columns: 1fr; }
  .mentor-card:last-child { grid-column: auto; }
  .mentor-card__portrait, .mentor-card:last-child .mentor-card__portrait { height: 235px; }
  .mentor-card__content { padding: 22px; }
  .mentor-card h3 { font-size: 29px; }
}