@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/982df536173f.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/501add449422.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/f15b899fa58e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/f0cddb3d3e40.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/982df536173f.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/501add449422.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/f15b899fa58e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/f0cddb3d3e40.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/982df536173f.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/501add449422.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/f15b899fa58e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/f0cddb3d3e40.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/982df536173f.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/501add449422.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/f15b899fa58e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/f0cddb3d3e40.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/e5bab11d09d3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/40fe3cf77260.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/e5bab11d09d3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/40fe3cf77260.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/8e5dc584ed09.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/80f4a047a9bb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ddaaa58483ff.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/0511eb67a1a9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/796716061484.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/39ce2001bb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/0511eb67a1a9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/796716061484.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/39ce2001bb7c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Design tokens copied from the reference site (almithaq.co). Change colours here only. */
:root{--sand:#f6f0e6;--sand2:#ece2d0;--ink:#0f2529;--teal:#17474b;--teal2:#1f5b5f;--copper:#b36b34;--gold:#e0b877;--muted:#4d5b5d;--faint:#8a9597;--line:rgba(15,37,41,.14)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--sand);color:var(--ink);font:400 16.5px/1.85 'Readex Pro','Segoe UI',Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{font-weight:500;line-height:1.45}
h1 em,h2 em{font-style:normal;color:var(--gold)}
.wrap{max-width:1200px;margin:0 auto;padding:0 5vw}
.k{font-size:14px;color:var(--copper);font-weight:500}
header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;color:#fff;transition:background .3s,padding .3s}
header.solid{background:rgba(15,37,41,.94);backdrop-filter:blur(8px);padding:10px 5vw}
header a{text-decoration:none;color:#fff}
header .b img{height:46px;width:auto;filter:none}
header nav{display:flex;gap:24px;align-items:center;font-size:15px}
header .pill{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--ink);border-radius:999px;padding:7px 16px;font-weight:500}
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ink)}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:drift 26s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.1) translateY(-1.5%)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,37,41,.6),rgba(15,37,41,.35) 22%,rgba(15,37,41,.62) 45%,rgba(15,37,41,.86) 68%,rgba(15,37,41,.98))}
.hero .in{position:relative;z-index:2;padding:120px 5vw 56px;max-width:1200px;margin:0 auto;width:100%}
.hero .k{color:var(--gold)}
.hero h1{font-size:clamp(38px,5.6vw,80px);margin:16px 0 18px;max-width:16ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero h1 em{color:#f4d9a0}
.hero .lead{font-size:18px;color:rgba(255,255,255,.9);max-width:62ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);border-radius:18px;overflow:hidden;max-width:1000px}
.tiles div{background:rgba(15,37,41,.55);backdrop-filter:blur(6px);padding:20px 22px}
.tiles b{display:block;font:600 28px/1.4 'Readex Pro',sans-serif;color:var(--gold);margin-bottom:6px}
.tiles span{font-size:14.5px;color:rgba(255,255,255,.86);line-height:1.75;display:block}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 26px;font-size:15px;text-decoration:none;font-weight:500;border:0;cursor:pointer;font-family:inherit}
.btn.g{background:var(--gold);color:var(--ink)}
.btn.o{border:1px solid rgba(255,255,255,.7);color:#fff;background:transparent}
.btn.d{background:var(--ink);color:#fff}
section{padding:84px 0}
h2.s{font-size:clamp(30px,3.4vw,48px);margin:12px 0 14px;max-width:22ch}
.sub{color:var(--muted);max-width:66ch}
/* about */
.about{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.about .pic{background:var(--sand2);border-radius:22px;overflow:hidden}
.about p{color:var(--muted);margin-bottom:14px}
.about ul{list-style:none;display:grid;gap:10px;margin:18px 0 22px}
.about li{padding-inline-start:24px;position:relative}
.about li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:10px;height:10px;border-radius:50%;background:var(--gold)}
/* services */
.dark{background:var(--ink);color:#fff}
.dark .k{color:var(--gold)}.dark .sub{color:rgba(255,255,255,.75)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.card{position:relative;border-radius:18px;overflow:hidden;background:var(--teal);border:1px solid rgba(255,255,255,.14);padding:26px 22px;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-4px);border-color:var(--gold)}
.card .n{font:500 34px/1 'Readex Pro',sans-serif;color:var(--gold);margin-bottom:auto}
.card h3{font-size:19px;margin-bottom:6px}
.card p{font-size:14.5px;color:rgba(255,255,255,.75);line-height:1.8}
/* clinics */
.clinics{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}
.clinic{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.clinic h3{font-size:22px;margin-bottom:8px}
.clinic p{color:var(--muted);font-size:15.5px}
.clinic .t{display:inline-block;margin-top:14px;font-size:13px;background:var(--ink);color:#fff;border-radius:999px;padding:5px 14px}
/* articles */
.cmp{background:var(--sand2)}
.glist{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.glist a{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;transition:border-color .2s,transform .2s}
.glist a:hover{border-color:var(--copper);transform:translateY(-3px)}
.glist b{font:500 17px/1.6 'Readex Pro',sans-serif}
.glist span{color:var(--copper);font-size:14px}
/* faq */
.faq details{border-top:1px solid var(--line);padding:6px 0;max-width:900px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0;font:500 18px/1.6 'Readex Pro',sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 28px/1 'Readex Pro',sans-serif;color:var(--copper);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding:0 0 18px;max-width:75ch}
/* contact */
.form{background:var(--teal);color:#fff;position:relative;overflow:hidden}
.form::before{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(224,184,119,.18),transparent 65%)}
.form .grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.form .k{color:var(--gold)}
.form h2{font-size:clamp(30px,3.2vw,46px);margin:12px 0 14px}
.form p{color:rgba(255,255,255,.82)}
.box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:26px;display:grid;gap:6px}
.box a{display:flex;justify-content:space-between;gap:12px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:17px}
.box a:last-child{border:0}
.box a span{color:var(--gold)}
footer{padding:26px 5vw 40px;font-size:13px;color:var(--faint);background:var(--sand2);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
footer a{text-decoration:none;color:var(--copper)}
@media(max-width:900px){
 header nav a.n{display:none}header nav{gap:10px}
 header .b img{height:38px}
 .hero .in{padding:100px 5vw 34px}
 .hero .lead{font-size:16px}
 .tiles{grid-template-columns:1fr}.tiles div{padding:14px 18px;display:flex;gap:14px;align-items:baseline}.tiles b{font-size:21px;margin:0;flex:0 0 auto;min-width:118px}
 section{padding:56px 0}
 .about,.form .grid{grid-template-columns:1fr;gap:26px}
 .about .pic{max-width:420px;margin:0 auto}
 .cards{grid-template-columns:1fr 1fr;gap:10px}.card{min-height:190px;padding:20px 16px}
 .clinics,.glist{grid-template-columns:1fr}
}
@media(max-width:560px){.cards{grid-template-columns:1fr}.card{min-height:150px}}
@media(prefers-reduced-motion:reduce){.hero img.bg{animation:none}}

/* hero portrait */
.hero .in{position:relative}
.portrait{position:absolute;left:2vw;top:96px;width:min(380px,30vw);z-index:3}
[dir=ltr] .portrait{left:auto;right:2vw}
@media(max-width:900px){.portrait{position:static;width:min(240px,62vw);margin:0 auto 6px}}
/* language switch */
header .lg{border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:6px 14px;font-size:14px}
/* instagram */
.ig{background:var(--sand)}
.igrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:26px}
.igrid a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--sand2)}
.igrid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.igrid a:hover img{transform:scale(1.07)}
.ig .btn{margin-top:22px}
@media(max-width:900px){.igrid{grid-template-columns:repeat(3,1fr)}}
/* English (left-to-right) */
[dir=ltr] body,body[dir=ltr]{font-family:'DM Sans','Segoe UI',sans-serif;font-size:17px;line-height:1.65}
[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3{font-family:'Fraunces',Georgia,serif;line-height:1.14;letter-spacing:-.01em}
[dir=ltr] h1 em,[dir=ltr] h2 em{font-style:italic}
[dir=ltr] .k{font-size:12px;letter-spacing:.28em;text-transform:uppercase}
[dir=ltr] header nav{font-size:13px;letter-spacing:.12em;text-transform:uppercase}
[dir=ltr] header .pill,[dir=ltr] header .lg{text-transform:none;letter-spacing:0}
[dir=ltr] .btn{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
[dir=ltr] .tiles b{font:500 28px/1.15 'Fraunces',Georgia,serif}
[dir=ltr] .tiles span,[dir=ltr] .card p{line-height:1.5}
[dir=ltr] .card .n{font-family:'Fraunces',Georgia,serif}
[dir=ltr] .faq summary,[dir=ltr] .glist b{font-family:'Fraunces',Georgia,serif;font-size:19px;line-height:1.35}
[dir=ltr] .faq summary::after{font-family:'DM Sans',sans-serif}
@media(min-width:901px){.hero .lead{max-width:min(62ch,calc(100% - min(380px,30vw) - 10vw))}}
.tiles b{font-size:21px!important;line-height:1.5}[dir=ltr] .tiles b{font-size:22px!important;line-height:1.25}
@media(max-width:900px){
 .portrait{width:min(170px,44vw);margin:0 auto 14px}
 .hero .in{padding:84px 5vw 28px}
 .hero .k{font-size:13px;line-height:1.7}
 [dir=ltr] .hero .k{font-size:11px;letter-spacing:.16em}
 .hero h1{font-size:40px;margin:10px 0 12px;max-width:none}
 .hero h1 br{display:none}
 .hero .lead{font-size:15px;line-height:1.8}
 [dir=ltr] .hero .lead{line-height:1.55}
 .tiles{margin-top:22px}
 .tiles div{display:block!important;padding:14px 18px}
 .tiles b{min-width:0!important;font-size:18px!important;line-height:1.5;margin-bottom:4px}
 [dir=ltr] .tiles b{font-size:19px!important;line-height:1.25}
 .tiles span{font-size:13.5px}
 .btns{margin-top:20px}.btn{padding:13px 22px}
}

/* expandable service cards */
.cards{align-items:start}
.card{display:block;padding:0;min-height:0}
.card summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;min-height:230px;padding:26px 22px;position:relative;border-radius:18px}
.card summary::-webkit-details-marker{display:none}
.card .n{margin-bottom:auto}
.card .pm{position:absolute;top:20px;inset-inline-end:20px;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);transition:background .25s,transform .25s}
.card .pm::before,.card .pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--gold);transition:transform .25s,background .25s}
.card .pm::after{transform:rotate(90deg)}
.card:hover .pm,.card summary:focus-visible .pm{background:rgba(224,184,119,.2)}
.card[open]{background:var(--teal2);border-color:var(--gold)}
.card[open] .pm{background:var(--gold);transform:rotate(180deg)}
.card[open] .pm::before,.card[open] .pm::after{background:var(--ink)}
.card[open] .pm::after{transform:rotate(0)}
.card .hint{margin-top:14px;font-size:13px;color:var(--gold)}
.card .hint .x{display:none}
.card[open] .hint .o{display:none}.card[open] .hint .x{display:inline}
.card .more{padding:0 22px 24px;margin-top:-4px}
.card .more p{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;font-size:15px;line-height:1.9;color:rgba(255,255,255,.9)}
[dir=ltr] .card .more p{line-height:1.6}
@media(min-width:901px){.card[open]{grid-column:span 2}}
@media(max-width:900px){.card summary{min-height:170px;padding:20px 16px}.card .more{padding:0 16px 20px}}
@media(max-width:560px){.card summary{min-height:150px}}

/* service cards: down-arrow indicator (overrides the earlier plus design) */
.card .pm,.card .hint{display:none}
.card[open]{grid-column:auto!important}
.card summary{min-height:280px;padding:24px 22px 20px}
.card .n{margin-bottom:auto}
.card h3{margin-top:18px}
.card .chev{align-self:center;margin-top:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(224,184,119,.7);display:grid;place-items:center;transition:background .25s,transform .3s}
.card .chev::before{content:"";width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-2px) rotate(45deg);transition:border-color .25s}
.card:hover .chev,.card summary:focus-visible .chev{background:rgba(224,184,119,.18)}
.card[open] .chev{transform:rotate(180deg);background:var(--gold)}
.card[open] .chev::before{border-color:var(--ink)}
.card .more{padding:0 22px 22px;margin-top:0}
.card .more p{font-size:14.5px;line-height:1.85}
@media(max-width:900px){.card summary{min-height:250px;padding:20px 16px 16px}.card .more{padding:0 16px 18px}}

.card .more ul{list-style:none;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.2);padding-top:16px}
.card .more li{position:relative;padding-inline-start:20px;font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.92)}
[dir=ltr] .card .more li{line-height:1.5}
.card .more li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--gold)}

/* three service cards */
.cards{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.cards{grid-template-columns:1fr!important}}

.clinic .lk{display:inline-block;margin-top:14px;font-size:14px;font-weight:500;background:var(--ink);color:#fff;border-radius:999px;padding:7px 18px;text-decoration:none;transition:transform .2s}
.clinic .lk:hover{transform:translateY(-2px)}

/* align card text to the top; arrow stays at the bottom */
.card .n{margin-bottom:14px}
.card h3{margin-top:0}
.card .chev{margin-top:auto;position:relative;top:0}
.card summary{gap:0}
.card .chev{margin-top:auto}

/* expandable credential boxes in the hero */
.tiles details{background:rgba(15,37,41,.55);backdrop-filter:blur(6px);padding:0!important}
.tiles summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;padding:20px 22px 14px}
.tiles summary::-webkit-details-marker{display:none}
.tiles .tchev{align-self:center;margin-top:auto;padding-top:0;width:30px;height:30px;border-radius:50%;border:1px solid rgba(224,184,119,.7);display:grid;place-items:center;transition:background .25s,transform .3s;flex:0 0 auto;position:relative}
.tiles summary>span{margin-bottom:12px}
.tiles .tchev::before{content:"";width:8px;height:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-2px) rotate(45deg)}
.tiles details:hover .tchev,.tiles summary:focus-visible .tchev{background:rgba(224,184,119,.18)}
.tiles details[open] .tchev{transform:rotate(180deg);background:var(--gold)}
.tiles details[open] .tchev::before{border-color:var(--ink)}
.tiles .tmore{padding:0 22px 20px;background:none!important;backdrop-filter:none!important}
.tiles .tmore p{border-top:1px solid rgba(255,255,255,.25);padding-top:14px;font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.92)}
[dir=ltr] .tiles .tmore p{line-height:1.6}
@media(max-width:900px){.tiles summary{padding:14px 18px 12px}.tiles .tmore{padding:0 18px 16px}}

/* credential boxes: no divider, softer grey titles */
.tiles .tmore p{border-top:0!important;padding-top:2px!important}
.tiles b,.tiles summary>b{color:#cfd4d4!important}

.tiles .tmore p{color:#aeb6b6!important}

/* soften the straight bottom edge of the hero portrait */
.portrait{-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}

/* ---- Grav theme additions ---- */
.hero .in{position:relative}
.sec-pad{padding:84px 0}
.page-hero{background:var(--ink);color:#fff;padding:130px 0 56px}
.page-hero .k{color:var(--gold)}
.page-hero h1{font-size:clamp(30px,4vw,52px);margin-top:12px;max-width:26ch}
.page-hero .meta{color:rgba(255,255,255,.7);font-size:14px;margin-top:10px}
.prose{max-width:760px;margin:0 auto;padding:56px 5vw 84px}
.prose h2{font-size:clamp(24px,2.6vw,32px);margin:42px 0 12px}
.prose h3{font-size:21px;margin:30px 0 8px}
.prose p{color:var(--muted);margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-inline-start:24px;color:var(--muted)}
.prose li{margin-bottom:6px}
.prose a{color:var(--copper)}
.prose img{border-radius:16px;margin:22px 0}
.prose blockquote{border-inline-start:3px solid var(--copper);padding-inline-start:16px;color:var(--muted);margin:18px 0}
.prose .cover{width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 30px}
.prose .back{display:inline-block;margin-top:30px;color:var(--copper);text-decoration:none}
.glist.photos a{padding:0;overflow:hidden;min-height:0}
.glist.photos .ph{aspect-ratio:16/9;background:var(--sand2) center/cover}
.glist.photos .tx{padding:20px 22px 22px;display:flex;flex-direction:column;gap:14px;flex:1;justify-content:space-between}
.glist.photos small{color:var(--faint);font-size:13px}
.empty{color:var(--muted)}
.ig-embed{margin-top:26px}

/* hospital logos on the clinic cards */
.clogo{height:64px;display:flex;align-items:center;margin-bottom:16px}
.clogo img{max-height:64px;max-width:220px;width:auto;height:auto;object-fit:contain}

/* clinic cards: small hospital logo above the title */
.chead{display:block;margin-bottom:8px}
.chead h3{margin:0}
.chead .clogo{display:block;height:auto;margin:0 0 12px}
.chead .clogo img{display:block;height:44px;width:auto;max-width:120px;object-fit:contain}

/* research / publications (compact) */
.research{background:var(--sand2)}
.rlist{display:grid;gap:10px;margin-top:22px}
.paper{direction:ltr;text-align:left;display:grid;grid-template-columns:50px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;transition:border-color .2s}
.paper:hover{border-color:var(--copper)}
.paper .yr{font:600 15px/1.5 'Readex Pro',sans-serif;color:var(--copper)}
[dir=ltr] .paper .yr{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:16px}
.paper h3{font-size:15px;line-height:1.5;margin:0 0 3px;font-weight:500}
[dir=ltr] .paper h3{font-size:16px;line-height:1.3}
.paper h3 a{text-decoration:none;color:var(--ink)}
.paper h3 a:hover{color:var(--copper)}
.paper .jr{color:var(--muted);font-size:12.5px;line-height:1.5;margin:0 0 6px}
.paper .rl{display:inline-block;font-size:13px;color:var(--copper);font-weight:500;text-decoration:none}
.paper .rl::after{content:" →"}
.paper .rl[dir=rtl]::after{content:" ←"}
.paper .rl:hover{text-decoration:underline}

/* phone numbers keep their left-to-right order inside Arabic pages */
.form .box a span{direction:ltr;unicode-bidi:isolate}

/* Separate monochrome portraits; transparent images carry no decorative circles. */
.hero .portrait{height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12));-webkit-mask-image:linear-gradient(#000 87%,transparent 100%);mask-image:linear-gradient(#000 87%,transparent 100%)}
.about .pic{background:linear-gradient(145deg,#eee7db,#e4daca)}
.about .pic img{width:100%;height:auto;display:block}
@media(max-width:900px){.hero .portrait{width:min(240px,56vw);margin:0 auto 18px}}
@media(max-width:560px){.hero .portrait{width:min(210px,54vw)}}
@media(min-width:901px){.hero .k{max-width:calc(100% - min(380px,30vw) - 48px)}}

/* Keep the complete logo and navigation comfortable on small phones. */
@media(max-width:420px){header .b img{height:auto;width:148px}header nav{gap:7px}header .pill,header .lg{padding:6px 10px;font-size:12px}}
@media(max-width:360px){header .b img{width:112px}header nav{gap:5px}header .pill,header .lg{padding:6px 8px;font-size:10.5px}}