.about-page {
  --navy:#163d6c; --navy-2:#0f2c50; --navy-soft:#3f5680;
  --blue:#4f78ab; --blue-soft:#5189cd;
  --coral:#ed8d73; --coral-2:#e07555; --coral-soft:#f4b6a6;
  --green:#b2ceae; --rose:#f5d8d2; --peau:#faebe6; --sable:#eadaca; --cyan:#79bad7; --ciel:#acd3e5;
  --ink:#33425c; --ink-soft:#5d6a82; --ink-faint:#94a0b4;
  --paper:#ffffff; --page:#ffffff; --cream:#f7f8fa; --mist:#f7f8fa; --nuage:#f7f8fa;
  --rule:#e7e7e1; --rule-2:#eef0ea; --tag-border:#d4d4cb; --tick:#163d6c; --gold:#bfa14a;
  --serif:"Fraunces", Georgia, serif;
  --sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --display:"PP Eiko", "Fraunces", Georgia, serif;
}
.about-page .kicker { font-family:var(--ui); color:var(--coral-2); font-weight:700; letter-spacing:.18em; }

.about-page { box-sizing:border-box; }
.about-page { scroll-behavior:smooth; }
.about-page { margin:0; background:var(--page); color:var(--ink); font-family:var(--sans);
  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; }
.about-page img { max-width:100%; display:block; }
.about-page .wrap { width:100%; max-width:1180px; margin:0 auto; padding-inline:40px; }
.about-page h1, .about-page h2, .about-page h3 { font-family:var(--serif); color:var(--navy); font-weight:600; letter-spacing:-.003em; margin:0; }
.about-page .topbar { background:var(--paper); border-bottom:1px solid var(--rule); position:sticky; top:0; z-index:40; }
.about-page .topbar__in { max-width:1180px; margin:0 auto; padding:0 40px; height:74px; display:flex; align-items:center; gap:30px; }
.about-page .topbar__logo { display:flex; align-items:center; gap:9px; }
.about-page .topbar__logo .tb-cross { height:26px; width:auto; display:block; }
.about-page .topbar__logo .tb-word { height:17px; width:auto; display:block; position:relative; top:1px; }
.about-page .topnav { display:flex; gap:28px; margin-left:10px; }
.about-page .topnav a { font-family:var(--ui); font-size:13.5px; font-weight:500; color:var(--ink); text-decoration:none; }
.about-page .topnav a:hover { color:var(--navy); }
.about-page .topbar__right { margin-left:auto; display:flex; align-items:center; gap:18px; }
.about-page .topbar__phone { font-family:var(--ui); font-size:13.5px; font-weight:600; color:var(--navy); text-decoration:none; white-space:nowrap; }
.about-page .topbar__lang { font-family:var(--ui); font-size:12px; font-weight:600; color:var(--ink-soft); text-decoration:none; }
@media (max-width:760px) {
.about-page .topnav, .about-page .topbar__phone { display:none; }
}
.about-page .hero { position:relative; isolation:isolate; overflow:hidden; background:var(--navy); padding:128px 0 104px; }
.about-page .hero__bg { position:absolute; inset:0; z-index:-2; background:url('/images/services/consultation/consultation-exam-room.png') center/cover no-repeat; }
.about-page .hero__overlay { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(13,28,56,.92) 0%, rgba(13,28,56,.74) 44%, rgba(13,28,56,.28) 100%); }
.about-page .hero .inner { max-width:600px; }
.about-page .hero .kicker { color:rgba(255,255,255,.82); margin-bottom:16px; }
.about-page .hero h1 { font-size:clamp(40px,5vw,60px); line-height:1.05; color:#fff; }
.about-page .hero p { max-width:46ch; margin:22px 0 0; color:rgba(255,255,255,.85); font-size:19px; line-height:1.6; }
.about-page .plans { padding:48px 0 40px; }
.about-page .plans__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; align-items:stretch; }
.about-page .plan { background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:34px 32px 32px; display:flex; flex-direction:column; box-shadow:var(--shadow-sm,0 1px 2px rgba(22,61,108,.05)); }
.about-page .plan--feat { border-color:var(--coral); box-shadow:0 22px 54px -30px rgba(237,141,115,.8); }
.about-page .plan__flag { align-self:flex-start; background:var(--coral); color:#fff; font-family:var(--ui); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:5px 13px; border-radius:999px; margin-bottom:14px; }
.about-page .plan__name { font-size:26px; margin-bottom:8px; }
.about-page .plan__price { font-family:var(--serif); font-size:38px; font-weight:600; color:var(--navy); line-height:1; }
.about-page .plan__price .from { font-family:var(--ui); font-size:13px; font-weight:600; color:var(--ink-faint); display:block; letter-spacing:.04em; text-transform:uppercase; margin-bottom:6px; }
.about-page .plan__price small { font-family:var(--ui); font-size:13px; font-weight:500; color:var(--ink-faint); }
.about-page .plan__list { list-style:none; margin:22px 0 26px; padding:22px 0 0; border-top:1px solid var(--rule); display:flex; flex-direction:column; gap:12px; flex:1; }
.about-page .plan__list li { display:flex; gap:11px; align-items:flex-start; color:var(--ink); font-size:15px; line-height:1.5; }
.about-page .plan__list .tk { flex:none; margin-top:3px; color:var(--coral-2); }
.about-page .btn-book { display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 26px; width:100%;
  font-family:var(--ui); font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  border-radius:999px; border:1.5px solid var(--navy); background:var(--navy); color:#fff; text-decoration:none;
  transition:background .2s, transform .15s; }
.about-page .btn-book:hover { background:var(--navy-2); transform:translateY(-1px); }
.about-page .note { display:flex; gap:12px; align-items:flex-start; max-width:760px; margin:8px auto 0; padding:16px 20px;
  background:var(--peau); border-radius:12px; font-family:var(--ui); font-size:14px; line-height:1.55; color:var(--ink); }
.about-page .note svg { flex:none; margin-top:1px; color:var(--coral-2); }
.about-page .infoband { background:var(--navy); color:#fff; }
.about-page .infoband .wrap { padding:80px 40px; }
.about-page .infoband .kicker { color:rgba(255,255,255,.6); text-align:center; }
.about-page .infoband h2 { color:#fff; text-align:center; font-size:clamp(30px,3.4vw,44px); margin:0 auto 18px; }
.about-page .infoband__lead { max-width:62ch; margin:0 auto 52px; text-align:center; color:rgba(255,255,255,.74); font-size:18px; line-height:1.65; }
.about-page .infoband__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.about-page .stat { text-align:center; padding:14px; border-left:1px solid rgba(255,255,255,.12); }
.about-page .stat:first-child { border-left:0; }
.about-page .stat__big { font-family:var(--serif); font-size:40px; font-weight:600; color:#fff; line-height:1; margin-bottom:10px; }
.about-page .stat__lbl { font-family:var(--ui); font-size:14px; color:rgba(255,255,255,.7); line-height:1.45; }
@media (max-width:760px) {
.about-page .infoband__grid { grid-template-columns:1fr; gap:30px 18px; }
.about-page .stat { border-left:0; }
}
.about-page .faq { padding:80px 0; }
.about-page .faq__head { text-align:center; margin-bottom:44px; }
.about-page .faq__list { max-width:780px; margin:0 auto; }
.about-page .faq__item { border-bottom:1px solid var(--rule); }
.about-page .faq__item summary { list-style:none; cursor:pointer; padding:22px 4px; display:flex; align-items:center; justify-content:space-between; gap:20px;
  font-family:var(--serif); font-size:21px; color:var(--navy); font-weight:600; }
.about-page .faq__item summary::-webkit-details-marker { display:none; }
.about-page .faq__item summary::after { content:"+"; font-family:var(--ui); font-size:24px; font-weight:400; color:var(--coral-2); flex:none; transition:transform .2s; }
.about-page .faq__item[open] summary::after { content:"–"; }
.about-page .faq__a { padding:0 4px 24px; color:var(--ink-soft); font-size:16px; line-height:1.65; max-width:64ch; }
.about-page .intro { display:grid; grid-template-columns:1fr 1.05fr; gap:60px; align-items:start; padding:84px 0 24px; }
.about-page .intro h2 { font-size:clamp(30px,3.2vw,42px); line-height:1.08; margin:14px 0 0; }
.about-page .intro__body p { margin:0 0 18px; color:var(--ink-soft); font-size:16.5px; line-height:1.75; }
.about-page .intro__body p:last-child { margin-bottom:0; }
@media (max-width:820px) {
.about-page .intro { grid-template-columns:1fr; gap:24px; padding:60px 0 12px; }
}
.about-page .reasons { padding:56px 0 24px; }
.about-page .reasons__head { text-align:center; margin-bottom:44px; }
.about-page .reasons__head .lead { max-width:60ch; margin:14px auto 0; color:var(--ink-soft); font-size:17px; line-height:1.6; }
.about-page .reasons__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:16px; overflow:hidden; }
.about-page .reason { background:var(--paper); padding:30px 28px; display:flex; gap:16px; align-items:flex-start; }
.about-page .reason__ic { flex:none; width:34px; height:34px; color:var(--coral-2); }
.about-page .reason__ic svg { width:100%; height:100%; stroke-width:1.5; }
.about-page .reason h3 { font-size:18px; margin:0 0 5px; }
.about-page .reason p { margin:0; color:var(--ink-soft); font-size:14px; line-height:1.55; }
@media (max-width:820px) {
.about-page .reasons__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:520px) {
.about-page .reasons__grid { grid-template-columns:1fr; }
}
.about-page .values { padding:72px 0; background:var(--nuage); }
.about-page .values__head { text-align:center; margin-bottom:46px; }
.about-page .values__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.about-page .value h3 { font-size:23px; color:var(--navy); margin:0 0 12px; }
.about-page .value__rule { width:34px; height:2px; background:var(--coral); margin-bottom:14px; }
.about-page .value p { margin:0; color:var(--ink-soft); font-size:15px; line-height:1.6; }
@media (max-width:820px) {
.about-page .values__grid { grid-template-columns:1fr 1fr; gap:32px 24px; }
}
@media (max-width:460px) {
.about-page .values__grid { grid-template-columns:1fr; }
}
.about-page .reso .clinic { text-align:left; padding:18px 0; }
.about-page .reso .clinic h3 { color:#fff; font-size:19px; margin:0 0 6px; font-family:var(--serif); }
.about-page .reso .clinic p { color:rgba(255,255,255,.62); font-size:13.5px; line-height:1.5; margin:0; }
.about-page .intro__sign { margin-top:24px; font-family:var(--serif); font-style:italic; font-size:22px; color:var(--navy); }
.about-page .team { padding:76px 0; }
.about-page .team__in { max-width:820px; margin:0 auto; text-align:center; }
.about-page .team__in .lead { margin:16px auto 0; color:var(--ink-soft); font-size:17px; line-height:1.7; max-width:62ch; }
.about-page .tgroup { margin-top:54px; }
.about-page .tgroup__label { text-align:center; font-family:var(--ui); font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--coral-2); margin:0 0 26px; }
.about-page .tgrid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.about-page .tmember { text-align:center; }
.about-page .tmember image-slot, .about-page .tmember img { display:block; width:100%; aspect-ratio:4/5; margin:0 auto 14px; border-radius:14px; overflow:hidden; object-fit:cover; object-position:top; }
.about-page .tmember h4 { font-family:var(--serif); font-size:19px; color:var(--navy); margin:0 0 3px; font-weight:600; }
.about-page .tmember p { font-family:var(--ui); font-size:13.5px; color:var(--ink-soft); margin:0; }
@media (max-width:820px) {
.about-page .tgrid { grid-template-columns:1fr 1fr; gap:30px 20px; }
.about-page .tgrid--5 { grid-template-columns:1fr 1fr; }
}
.about-page .docbios { display:flex; flex-direction:column; gap:30px; margin-top:6px; text-align:left; }
.about-page .docbio { display:grid; grid-template-columns:200px 1fr; gap:30px; align-items:start; background:#fff; border:1px solid var(--rule); border-radius:18px; padding:28px 30px; box-shadow:var(--shadow-sm); }
.about-page .docbio img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:top; border-radius:14px; display:block; }
.about-page .docbio__name { font-family:var(--serif); font-size:24px; color:var(--navy); margin:0; font-weight:600; }
.about-page .docbio__title { font-family:var(--ui); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--coral-2); margin:5px 0 14px; }
.about-page .docbio__txt { margin:0; color:var(--ink-soft); font-size:14.5px; line-height:1.65; white-space:pre-line; }
.about-page .docbio__note { margin:14px 0 0; color:var(--ink-faint); font-size:11.5px; line-height:1.5; font-style:italic; }
.about-page .docbio__ph { width:100%; aspect-ratio:1/1; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--nuage); color:var(--navy); font-family:var(--serif); font-weight:600; font-size:46px; }
@media (max-width:680px) {
.about-page .docbio { grid-template-columns:1fr; gap:18px; }
.about-page .docbio img, .about-page .docbio__ph { max-width:200px; }
}
.about-page .tgrid--5 { grid-template-columns:repeat(5,1fr); }
.about-page .nurse-feat { max-width:340px; margin:0 auto 30px; }
.about-page .nurse-feat__card { position:relative; border-radius:18px; overflow:hidden; box-shadow:var(--shadow-md); }
.about-page .nurse-feat__card img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; }
.about-page .nurse-feat__cap { position:absolute; left:0; right:0; bottom:0; padding:30px 26px 22px; background:linear-gradient(to top, rgba(255,255,255,.96) 60%, rgba(255,255,255,0)); }
.about-page .nurse-feat__cap h4 { font-family:var(--serif); font-size:27px; color:var(--navy); margin:0; font-weight:600; }
.about-page .nurse-feat__cap p { font-family:var(--ui); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--blue-soft); margin:6px 0 0; }
.about-page .tgrid--4 { grid-template-columns:repeat(4,1fr); gap:20px; max-width:1100px; margin:0 auto; }
.about-page .nurse-card { position:relative; border-radius:18px; overflow:hidden; box-shadow:var(--shadow-md); }
.about-page .nurse-card img { width:100%; aspect-ratio:3/4; object-fit:cover; object-position:top; display:block; }
.about-page .nurse-card__cap { position:absolute; left:0; right:0; bottom:0; padding:26px 22px 18px; background:linear-gradient(to top, rgba(255,255,255,.96) 60%, rgba(255,255,255,0)); }
.about-page .nurse-card__cap h4 { font-family:var(--serif); font-size:22px; color:var(--navy); margin:0; font-weight:600; }
.about-page .nurse-card__cap p { font-family:var(--ui); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--blue-soft); margin:5px 0 0; }
@media (max-width:760px) {
.about-page .tgrid--4 { grid-template-columns:1fr 1fr; }
}
.about-page .foot { background:var(--navy-2); color:rgba(255,255,255,.66); margin-top:64px; }
.about-page .foot__in { max-width:1180px; margin:0 auto; padding:54px 40px 30px; }
.about-page .foot__top { display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,.1); }
.about-page .foot__logo img { height:34px; width:auto; }
.about-page .foot__contact { display:flex; gap:26px; flex-wrap:wrap; font-family:var(--ui); font-size:14px; }
.about-page .foot__contact a { color:#fff; text-decoration:none; font-weight:600; }
.about-page .foot__clinics { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:30px 0; font-family:var(--ui); }
.about-page .foot__clinic h5 { margin:0 0 7px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.8); }
.about-page .foot__clinic p { margin:0; font-size:13px; line-height:1.5; color:rgba(255,255,255,.55); }
.about-page .foot__bottom { padding-top:22px; font-family:var(--ui); font-size:13px; color:rgba(255,255,255,.45); }
@media (max-width:820px) {
.about-page .plans__grid { grid-template-columns:1fr; }
.about-page .foot__clinics { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
.about-page .wrap, .about-page .topbar__in, .about-page .foot__in { padding-inline:22px; }
}