/* Blue Crescent royal design layer, 1 Nov 2026.
   Loaded last on every page. Re-dresses the existing markup; content, links and functions are untouched.
   Grounds: solid royal navy (no gradient section backgrounds: TikTok and Instagram in-app browsers),
   white and porcelain reading surfaces, gold foil hairlines, the blue crescent as the seal. */

:root{
  --rc-navy:#0a1f3c;      /* royal navy ground */
  --rc-navy-2:#11305a;    /* raised navy surface */
  --rc-navy-3:#183d6e;
  --rc-blue:#0057b8;      /* brand blue */
  --rc-blue-ink:#0b4c97;
  --rc-sky:#9fd2ff;       /* blue on navy */
  --rc-gold:#c8a24a;      /* gold foil */
  --rc-gold-deep:#9a7629;
  --rc-gold-soft:#ead39a; /* gold on navy */
  --rc-ink:#0d1e33;
  --rc-slate:#45566c;
  --rc-line:#dbe3ee;
  --rc-porcelain:#f2f5f9;
  --rc-white:#ffffff;
  --rc-ease:cubic-bezier(0.23,1,0.32,1);
  --rc-radius:16px;
  --rc-shadow:0 1px 2px rgba(10,31,60,.05),0 14px 34px -20px rgba(10,31,60,.28);
  --rc-shadow-hi:0 2px 4px rgba(10,31,60,.06),0 24px 46px -22px rgba(10,31,60,.36);
  --rc-crescent:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M157 14C66 30 58 152 142 191c30 14 60 10 83-5-27 44-80 61-129 41C27 200 4 117 46 59 72 23 112 7 157 14Z' fill='none' stroke='%23c8a24a' stroke-width='1.6' opacity='.55'/%3E%3C/svg%3E");
  --rc-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%239fd2ff' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M44 14 52 36 74 44 52 52 44 74 36 52 14 44 36 36Z'/%3E%3Cpath d='M23 23h42v42H23z' transform='rotate(45 44 44)'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- browser surfaces ---------- */
::selection{background:var(--rc-gold-soft);color:var(--rc-navy)}
html{accent-color:var(--rc-blue);caret-color:var(--rc-blue)}
@media (hover:hover) and (pointer:fine){
  html{scrollbar-color:#9aa9bd transparent;scrollbar-width:thin}
}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--rc-blue)!important;outline-offset:3px!important;border-radius:6px}
:where(.rc-dark,.bcx-foot,.bc10-hero,.rc-masthead.rc-masthead.rc-masthead) :where(a,button,summary,input):focus-visible{outline-color:var(--rc-gold-soft)!important}

/* ---------- type ---------- */
body.bcx :is(h1,h2,h3){text-wrap:balance}
body.bcx :is(p,li){text-wrap:pretty}
body.bcx main :is(h2){color:var(--rc-navy);letter-spacing:0}
html:not([lang|="ar"]) body.bcx main :is(h1,h2){letter-spacing:-.012em}
body.bcx main a:not([class]){color:var(--rc-blue-ink);text-underline-offset:.22em;text-decoration-thickness:1px}
body.bcx table{font-variant-numeric:tabular-nums}

/* ---------- header ---------- */
.bcx-head{background:#fff!important;border-top:2px solid var(--rc-gold)!important;border-bottom:1px solid var(--rc-line)!important;transition:box-shadow 220ms var(--rc-ease)}
.bcx-head.rc-scrolled{box-shadow:0 10px 30px -18px rgba(10,31,60,.35)}
.bcx-nav a{color:var(--rc-navy)!important;font-weight:700;position:relative}
.bcx-nav a[aria-current]{background:transparent!important;color:var(--rc-blue)!important}
.bcx-nav a[aria-current]::after{content:"";position:absolute;inset-inline:11px;bottom:4px;height:2px;border-radius:2px;background:var(--rc-gold)}
@media (hover:hover) and (pointer:fine){
  .bcx-nav a:hover{background:var(--rc-porcelain)!important;color:var(--rc-blue)!important}
}
.bcx-ib,.bcx-lang>summary,.bcx-menu>summary{border-color:var(--rc-line)!important;border-radius:12px!important;color:var(--rc-navy)!important;transition:border-color 160ms ease,background-color 160ms ease}
@media (hover:hover) and (pointer:fine){.bcx-ib:hover,.bcx-lang>summary:hover,.bcx-menu>summary:hover{border-color:var(--rc-gold)!important}}
.bcx-head .bcx-btn-p,.bcx-panel .bcx-btn-p{background:var(--rc-navy)!important;border-color:var(--rc-navy)!important;color:#fff!important;box-shadow:inset 0 -2px 0 rgba(200,162,74,.85)}
.bcx-btn{border-radius:12px!important;transition:transform 140ms var(--rc-ease),filter 160ms ease,background-color 160ms ease}
.bcx-btn:active{transform:scale(.97)}

/* ---------- inner page mastheads (every opening family, one navy look) ---------- */
:is(.bc-directory-hero,.page-hero,.specialty-intro,.patient-guide-opening,.g-hero,.bct-hero,.bc-updates-hero,.guide-intro,.guide-centre-opening,.bc-followup-main).rc-masthead.rc-masthead.rc-masthead{
  position:relative;isolation:isolate;
  background-color:var(--rc-navy)!important;
  background-image:var(--rc-crescent),var(--rc-star)!important;
  background-repeat:no-repeat,repeat!important;
  background-size:min(46vw,420px) auto,88px 88px!important;
  background-position:left -60px top 30px,0 0!important;
  color:#e3ebf5!important;
  border-bottom:1px solid rgba(200,162,74,.55)!important;
  box-shadow:none!important;
}
html[dir="ltr"] .rc-masthead.rc-masthead.rc-masthead{background-position:right -60px top 30px,0 0!important}
.rc-masthead.rc-masthead.rc-masthead :is(h1){color:#fff!important;font-weight:800!important;line-height:1.3!important}
html:not([lang|="ar"]) .rc-masthead.rc-masthead.rc-masthead h1{line-height:1.15!important}
.rc-masthead.rc-masthead.rc-masthead :is(p,li,small,time,label,dd,dt,figcaption,output,legend){color:#d7e2ef!important}
.rc-masthead.rc-masthead.rc-masthead :is(.lead,.bct-lead){color:#e6eef7!important}
.rc-masthead.rc-masthead.rc-masthead :is(strong,b,summary,h2,h3,h4){color:#fff!important}
.rc-masthead.rc-masthead.rc-masthead :is(.eyebrow,.bct-eyebrow){color:var(--rc-gold-soft)!important;background:transparent!important;border-color:rgba(234,211,154,.38)!important}
.rc-masthead.rc-masthead.rc-masthead :is(.breadcrumbs,.crumbs,.g-crumbs),.rc-masthead.rc-masthead.rc-masthead :is(.breadcrumbs,.crumbs,.g-crumbs) *{color:#a9bdd3!important}
.rc-masthead.rc-masthead.rc-masthead :is(.breadcrumbs,.crumbs,.g-crumbs) a{color:var(--rc-sky)!important;text-decoration:none}
.rc-masthead.rc-masthead.rc-masthead a:not([class*="button"]):not([class*="btn"]):not(.bct-stage-link):not([class*="card"]){color:var(--rc-sky)!important}
.rc-masthead.rc-masthead.rc-masthead :is(.guide-answer,.bc-directory-stat,.bc-directory-about,.bc-directory-focus,.bct-route>li,.specialty-benefits li,.bc-prep-progress,.guide-directory-tools,.bct-privacy,.guide-byline,.bc-followup-actions,.specialty-intro-card){
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(234,211,154,.22)!important;color:#e3ebf5!important;box-shadow:none!important}
.rc-masthead.rc-masthead.rc-masthead :is(input,select,textarea){background:#fff!important;color:var(--rc-ink)!important;border:1px solid #c7d3e2!important}
.rc-masthead.rc-masthead.rc-masthead :is(input,select,textarea)::placeholder{color:#6a7c92!important}
.rc-masthead.rc-masthead.rc-masthead :is(button,[role="button"]):not([class*="primary"]):not(.button){color:#fff!important;border-color:rgba(234,211,154,.4)!important;background:rgba(255,255,255,.06)!important}
.rc-masthead.rc-masthead.rc-masthead :is(button,[role="button"])[aria-pressed="true"]{background:var(--rc-gold-soft)!important;color:var(--rc-navy)!important}
.rc-masthead.rc-masthead.rc-masthead .button:not(.primary):not(.g-wa){color:#fff!important;border-color:rgba(234,211,154,.5)!important;background:transparent!important}
.rc-masthead.rc-masthead.rc-masthead .button.primary,.rc-masthead.rc-masthead.rc-masthead .g-wa{box-shadow:0 10px 26px -14px rgba(0,0,0,.6)}
.rc-masthead.rc-masthead.rc-masthead .bct-chips a,.rc-masthead.rc-masthead.rc-masthead .bct-stage-link{color:#fff!important}
.rc-masthead.rc-masthead.rc-masthead .bct-stop{background:var(--rc-gold-soft)!important;color:var(--rc-navy)!important}
.rc-masthead.rc-masthead.rc-masthead .bc-directory-stat strong{color:var(--rc-gold-soft)!important}
.rc-masthead.rc-masthead.rc-masthead i[class*="fa-"]{color:var(--rc-gold-soft)}
.rc-masthead.rc-masthead.rc-masthead svg{color:var(--rc-gold-soft)}
/* page openings whose section wraps more than the masthead: navy only on the heading block */
.bc-directory-hero.rc-masthead.rc-masthead.rc-masthead{border-radius:20px;padding:clamp(22px,4vw,40px)!important;border:1px solid rgba(200,162,74,.4)!important}
/* the light separators some families draw under their opening */
.rc-masthead.rc-masthead.rc-masthead + :is(.bc-page-index){margin-top:18px}


/* light boxes found inside mastheads by the contrast scan: same glass treatment */
.rc-masthead.rc-masthead.rc-masthead :is(.bc-directory-profile-note,.bc-directory-clarity,.bc-directory-minimum,.bc-directory-verified,.bc-followup-note,.bc-followup-step,.bc-directory-stat),
.rc-masthead.rc-masthead.rc-masthead ul>li:not([class]):has(>b){background:rgba(255,255,255,.055)!important;background-image:none!important;border:1px solid rgba(234,211,154,.22)!important;color:#e3ebf5!important}
.rc-masthead.rc-masthead.rc-masthead :is(.bc-directory-stat,.bc-followup-step,.bc-followup-note) *:not(strong):not(b):not(h3):not(h4){color:#d7e2ef!important}
.rc-masthead.rc-masthead.rc-masthead .bc-hp-photo{background:var(--rc-navy-2)!important;border:1px solid rgba(234,211,154,.3)!important}
.rc-masthead.rc-masthead.rc-masthead .bc-hp-photo figcaption,.rc-masthead.rc-masthead.rc-masthead .bc-hp-photo figcaption *{color:#d7e2ef!important}
.rc-masthead.rc-masthead.rc-masthead .guide-directory-input{background:#fff!important}
.rc-masthead.rc-masthead.rc-masthead .guide-directory-input :is(i,button){color:var(--rc-navy)!important;background:transparent!important;border-color:transparent!important}

/* "On this page" index and conversion prompts sit right below mastheads */
details.bc-page-index{border:1px solid var(--rc-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--rc-shadow)}
details.bc-page-index>summary{color:var(--rc-navy)!important;font-weight:800}
.bc-conversion-prompt .bc-conversion-inner{border-radius:20px!important;border:1px solid rgba(200,162,74,.45)!important;box-shadow:var(--rc-shadow)!important}

/* ---------- cards (default skin; deliberate existing variants keep their own look) ---------- */
:where(.card,.bc-specialist-card,.bc-related-card,.guide-directory-card,.bc-department-card,.discovery-card,.specialty-file-card,.specialty-quote-card,.specialty-contact-card,.bc-journey-card,.bcx-hospital-card,.bcx-quote,.bcx-team,.bcx-cost>article,.bcx-steps>li,#specialties .bcx-grid>li,.bcx-grid>li>a,.icon-box){
  border-color:var(--rc-line);border-radius:var(--rc-radius);box-shadow:var(--rc-shadow);
  transition:transform 220ms var(--rc-ease),box-shadow 220ms var(--rc-ease),border-color 220ms ease}
@media (hover:hover) and (pointer:fine){
  :is(.card,.bc-specialist-card,.bc-related-card,.guide-directory-card,.bc-department-card,.discovery-card,.bc-journey-card,.bcx-hospital-card,#specialties .bcx-grid>li,.icon-box):hover{
    transform:translateY(-3px);border-color:rgba(200,162,74,.6)!important;box-shadow:inset 0 2px 0 var(--rc-gold),var(--rc-shadow-hi)!important}
}
:is(.bcx-hospital-card,.bc-related-card,.discovery-card,.guide-directory-card):active{transform:scale(.985)}

/* testimonial cards: a quiet hairline replaces the thick gold top bar */
.bcx-quote{border-top:1px solid var(--rc-line)!important}
.bcx-quote::before{content:"";position:absolute;top:-1px;inset-inline-start:22px;width:44px;height:2px;border-radius:2px;background:var(--rc-gold)}

/* image frames inside cards: the photo settles on reveal (JS), never cropped differently */
.bcx-hospital-image{overflow:hidden}

/* icon medallions: one consistent gold-lined treatment */
:is(.bcx-task,.bcx-grid a,.icon-box,.bc-art-cost-icon)>i[class*="fa-"]{color:var(--rc-gold-deep)}

/* ---------- FAQ and disclosure rows ---------- */
:is(.bcx-faq,.faq,.bc-guide-faq) details{border-color:var(--rc-line)!important;border-radius:14px!important;transition:border-color 200ms ease,box-shadow 200ms ease}
:is(.bcx-faq,.faq,.bc-guide-faq) details[open]{border-color:rgba(200,162,74,.6)!important;box-shadow:var(--rc-shadow)}

/* ---------- buttons across inner pages ---------- */
.button.primary{background:var(--rc-navy)!important;border-color:var(--rc-navy)!important;color:#fff!important;box-shadow:inset 0 -2px 0 rgba(200,162,74,.9)}
.rc-masthead.rc-masthead.rc-masthead .button.primary{background:var(--rc-gold-soft)!important;border-color:var(--rc-gold-soft)!important;color:var(--rc-navy)!important;box-shadow:none}
.button{border-radius:12px;transition:transform 140ms var(--rc-ease),filter 160ms ease}
.button:active{transform:scale(.97)}

/* ---------- sections ---------- */
body.bcx main .section.soft,body.bcx main .sec-mist{background-color:var(--rc-porcelain)}

/* ---------- footer ---------- */
.bcx-foot{background:var(--rc-navy)!important;border-top:1px solid rgba(200,162,74,.55);background-image:var(--rc-star)!important;background-size:88px 88px!important}
.bcx-foot h2{color:var(--rc-gold-soft)!important;font-size:15px!important;letter-spacing:0}
.bcx-foot a:not(.bcx-foot-lang a):not(.bcx-foot-id a){color:#eaf1f9!important}
@media (hover:hover) and (pointer:fine){.bcx-foot a:not(.bcx-foot-lang a):not(.bcx-foot-id a):hover{color:var(--rc-gold-soft)!important}}
.bcx-foot-id a:first-child{display:inline-block;padding:10px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 -2px 0 var(--rc-gold)}

/* ---------- mobile contact dock ---------- */
.bc-direct-dock{border-top:1px solid rgba(200,162,74,.45)!important;box-shadow:0 -14px 30px -20px rgba(10,31,60,.45)!important}
.bc-direct-dock a{border-radius:14px!important}
.bc-direct-dock .bc-chat-report{background:var(--rc-navy)!important;box-shadow:inset 0 -2px 0 var(--rc-gold)!important}

/* ---------- consent card: smaller footprint on phones ---------- */
@media (max-width:640px){
  #bc-analytics-banner{padding:12px 14px!important;font-size:13px!important;line-height:1.55!important;border-radius:14px!important}
  #bc-analytics-banner p{margin:2px 0 8px!important}
  #bc-analytics-banner button{min-height:40px!important;padding:6px 16px!important}
}

/* =====================================================================
   HOMEPAGE: cinematic hero
   ===================================================================== */
section.bcx-hero.bc10-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,6vw,72px) 0 clamp(26px,4vw,48px)!important;
  background-color:var(--rc-navy)!important;background-image:var(--rc-star)!important;background-size:88px 88px!important;border-bottom:1px solid rgba(200,162,74,.5)!important;color:#e6eef7}
.bc10-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1240px;margin-inline:auto;padding-inline:clamp(18px,4vw,36px)}
.bc10-copy{display:block!important;min-width:0}
.bc10-brand{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--rc-gold-soft);font-weight:700;font-size:clamp(14px,1.5vw,16px);line-height:1.5}
.bc10-brand::before{content:"";flex:0 0 28px;height:1px;background:var(--rc-gold)}
.bc10-hero h1{margin:0!important;max-width:15ch;color:#fff!important;font-weight:800!important;font-size:clamp(34px,5.4vw,66px)!important;line-height:1.22!important;letter-spacing:0!important}
html:not([lang|="ar"]) .bc10-hero h1{max-width:17ch;line-height:1.08!important;letter-spacing:-.02em!important;font-size:clamp(32px,4.9vw,60px)!important}
.bcx-home .bc10-hero h1 :is(.bc10-w,.bc10-w>span){display:inline-block!important;max-width:none!important;margin:0!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
.bcx-home .bc10-hero h1 .bc10-w{overflow:hidden;vertical-align:top;padding-block:.08em .16em!important;margin-block:-.08em -.16em!important}
.bc10-hero::before{opacity:.18!important}
.bc10-hero::after{display:none!important}
.bc10-hero .bcx-lead{max-width:52ch;margin:18px 0 0!important;color:#cfdbea!important;font-size:clamp(16px,1.6vw,19px)!important;line-height:1.85!important}
html:not([lang|="ar"]) .bc10-hero .bcx-lead{line-height:1.6!important}
.bc10-acts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;margin-top:26px;max-width:640px}
.bc10-hero .bc10-acts .bcx-task{min-height:72px!important;height:auto!important;margin:0!important;border-radius:16px!important}
.bc10-hero .bc10-acts .bcx-task.is-main{background:var(--rc-gold-soft)!important;border:1px solid var(--rc-gold-soft)!important;color:var(--rc-navy)!important;box-shadow:0 16px 34px -18px rgba(234,211,154,.65)!important}
.bc10-hero .bc10-acts .bcx-task.is-main :is(b,small){color:var(--rc-navy)!important}
.bc10-hero .bc10-acts .bcx-task.is-main i{background:rgba(10,31,60,.08)!important;color:var(--rc-navy)!important;border-color:transparent!important}
.bc10-hero .bc10-acts .bcx-task:is(.is-wa,.is-tg){background:transparent!important;border:1px solid rgba(234,211,154,.45)!important;color:#fff!important}
.bc10-hero .bc10-acts .bcx-task:is(.is-wa,.is-tg) :is(b){color:#fff!important}
.bc10-hero .bc10-acts .bcx-task:is(.is-wa,.is-tg) small{color:#c3d2e3!important}
.bc10-hero .bc10-acts .bcx-task:is(.is-wa,.is-tg) i{background:#0e7745!important;color:#fff!important;border-color:transparent!important}
.bc10-hero .bc10-acts .bcx-task.is-tg i{background:#0a6896!important}
@media (hover:hover) and (pointer:fine){
  .bc10-hero .bc10-acts .bcx-task{transition:transform 200ms var(--rc-ease),box-shadow 200ms var(--rc-ease),background-color 200ms ease}
  .bc10-hero .bc10-acts .bcx-task:hover{transform:translateY(-2px)}
  .bc10-hero .bc10-acts .bcx-task.is-main:hover{background:#f3e2b4!important}
  .bc10-hero .bc10-acts .bcx-task:is(.is-wa,.is-tg):hover{background:rgba(255,255,255,.06)!important}
}
.bc10-hero .bc10-acts .bcx-task:active{transform:scale(.98)}
.bc10-hero .bcx-note{max-width:60ch;margin:18px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#b9c9dc!important;font-size:14.5px!important;line-height:1.75!important}
.bc10-hero .bcx-note b{color:var(--rc-gold-soft)!important}

/* the visual: hospital photographs in an arch, the crescent seal over its corner */
.bc10-visual{position:relative;margin:0;justify-self:center;width:min(100%,470px);aspect-ratio:4/4.6}
.bc10-arch{position:absolute;inset:6% 0 0 7%;overflow:hidden;border-radius:999px 999px 26px 26px;border:1px solid rgba(234,211,154,.6);background:var(--rc-navy-2);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),inset 0 0 0 6px rgba(10,31,60,.55)}
html[dir="ltr"] .bc10-arch{inset:6% 7% 0 0}
.bc10-arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease,transform 6s linear}
.bc10-arch img.is-on{opacity:1;transform:scale(1)}
.bc10-arch::after{content:"";position:absolute;inset:0;background:rgba(10,31,60,.18);pointer-events:none}
.bc10-crescent{position:absolute;top:-2%;inset-inline-end:-6%;width:46%;height:auto;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.bc10-cap{position:absolute;inset-inline:12% 6%;bottom:16px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:rgba(10,31,60,.82);border:1px solid rgba(234,211,154,.3);color:#e6eef7;font-size:13px;line-height:1.5}
html[dir="ltr"] .bc10-cap{inset-inline:6% 12%}
.bc10-cap b{color:#fff;font-size:14.5px;font-weight:700;direction:ltr;unicode-bidi:isolate;text-align:start}
.bc10-cap span{color:var(--rc-gold-soft)}
.bc10-halo{display:none}

.bc10-quick{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1240px;margin:clamp(28px,4vw,48px) auto 0!important;padding:0 clamp(18px,4vw,36px)!important;list-style:none}
.bc10-quick>li{margin:0!important}
.bc10-hero .bc10-quick .bcx-task{height:100%!important;min-height:76px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(159,210,255,.18)!important;border-radius:16px!important;color:#fff!important}
.bc10-hero .bc10-quick .bcx-task b{color:#fff!important}
.bc10-hero .bc10-quick .bcx-task small{color:#b9c9dc!important}
.bc10-hero .bc10-quick .bcx-task i{background:transparent!important;border:1px solid rgba(234,211,154,.45)!important;color:var(--rc-gold-soft)!important}
@media (hover:hover) and (pointer:fine){.bc10-hero .bc10-quick .bcx-task:hover{border-color:rgba(234,211,154,.55)!important;background:rgba(255,255,255,.07)!important}}
.bc10-scroll{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:26px auto 0;color:#a9bdd3!important;font-size:13px;text-decoration:none!important}
.bc10-scroll i{position:relative;display:block;width:22px;height:34px;border:1.5px solid rgba(234,211,154,.55);border-radius:12px}
.bc10-scroll i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--rc-gold-soft);animation:bc10-wheel 2.2s var(--rc-ease) infinite}
@keyframes bc10-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}

/* the services strip right after the hero continues the navy ground */
.bc10-hero + .bc-art-services{border-top:0!important}

/* ---------- tablet and phone ---------- */
@media (max-width:959px){
  .bc10-in{grid-template-columns:1fr;gap:30px}
  .bc10-visual{width:min(100%,420px);aspect-ratio:4/3.9}
  .bc10-quick{grid-template-columns:1fr;gap:10px}
  .bc10-hero h1{max-width:none}
}
@media (max-width:599px){
  section.bcx-hero.bc10-hero{padding-top:26px!important}
  .bc10-hero h1{font-size:clamp(31px,8.6vw,40px)!important}
  html:not([lang|="ar"]) .bc10-hero h1{font-size:clamp(29px,8vw,36px)!important}
  .bc10-hero .bcx-lead{font-size:16px!important;margin-top:14px!important}
  .bc10-acts{grid-template-columns:1fr;margin-top:20px;gap:10px}
  .bc10-hero .bc10-acts .bcx-task{min-height:64px!important}
  .bc10-hero .bc10-acts .bcx-task:is(.is-wa,.is-tg) small{display:none}
  .bc10-hero .bcx-note{font-size:13.5px!important}
  .bc10-visual{width:100%;aspect-ratio:1/1.02}
  .bc10-scroll{display:none}
  /* the crescent's light reaches the first screen on phones too */
  .bc10-halo{display:block;position:absolute;z-index:0;top:-36px;inset-inline-start:auto;inset-inline-end:-70px;width:250px;height:auto;opacity:.5;pointer-events:none}
  html[dir="rtl"] .bc10-halo{inset-inline-end:auto;left:-80px}
}

/* ---------- hero timeline (CSS, so it also runs before any script) ---------- */
@media (prefers-reduced-motion:no-preference){
  .bc10-hero .bc10-stage-in{animation:rc-fade 1.1s ease both}
  .bc10-hero .bc10-brand{animation:rc-rise .9s var(--rc-ease) .35s both}
  .bc10-hero h1 .bc10-w>span{animation:rc-word 1s var(--rc-ease) both;animation-delay:calc(.5s + var(--i,0) * 70ms)}
  .bc10-hero .bcx-lead{animation:rc-soft 1s var(--rc-ease) 1s both}
  .bc10-hero .bc10-acts>*{animation:rc-rise .9s var(--rc-ease) both}
  .bc10-hero .bc10-acts>*:nth-child(1){animation-delay:1.2s}
  .bc10-hero .bc10-acts>*:nth-child(2){animation-delay:1.3s}
  .bc10-hero .bcx-note{animation:rc-soft .9s ease 1.45s both}
  .bc10-hero .bc10-arch{animation:rc-arch 1.4s var(--rc-ease) .15s both}
  .bc10-hero .bc10-cap{animation:rc-rise .9s var(--rc-ease) 1.6s both}
  .bc10-hero .bc10-quick>li{animation:rc-rise .8s var(--rc-ease) both}
  .bc10-hero .bc10-quick>li:nth-child(1){animation-delay:1.55s}
  .bc10-hero .bc10-quick>li:nth-child(2){animation-delay:1.62s}
  .bc10-hero .bc10-quick>li:nth-child(3){animation-delay:1.69s}
  .bc10-hero .bc10-scroll{animation:rc-soft .8s ease 2.1s both}
  /* crescent: the gold edge is drawn by light, then the blue body fills, then one sheen passes */
  .rc-edge{stroke-dasharray:1;stroke-dashoffset:1;animation:rc-draw 1.8s var(--rc-ease) .25s forwards}
  .rc-body{animation:rc-fill 1.2s ease .9s both}
  .rc-glow{animation:rc-glow 2.6s ease .6s both}
  .rc-sheen{animation:rc-sheen 1.6s ease-in-out 1.7s both}
}
@keyframes rc-fade{from{opacity:0}to{opacity:1}}
@keyframes rc-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes rc-soft{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}
@keyframes rc-word{from{transform:translateY(105%)}to{transform:none}}
@keyframes rc-arch{from{opacity:0;clip-path:inset(18% 0 0 0 round 999px 999px 26px 26px)}to{opacity:1;clip-path:inset(0 0 0 0 round 999px 999px 26px 26px)}}
@keyframes rc-draw{to{stroke-dashoffset:0}}
@keyframes rc-fill{from{opacity:0}to{opacity:1}}
@keyframes rc-glow{0%{opacity:0}45%{opacity:.85}100%{opacity:.35}}
@keyframes rc-sheen{from{transform:translateX(-160px)}to{transform:translateX(260px)}}

/* ---------- site-wide reveal states (only when the script is running) ---------- */
html.rc-motion [data-rc="up"]:not(.rc-in){opacity:0;transform:translateY(18px)}
html.rc-motion [data-rc="up"]{transition:opacity .8s var(--rc-ease),transform .8s var(--rc-ease);transition-delay:var(--rc-d,0ms)}
@media (prefers-reduced-motion:reduce){
  html.rc-motion [data-rc="up"]:not(.rc-in){opacity:1;transform:none}
  .bc10-arch img{transition:none}
  .bc10-scroll i::after{animation:none}
}
@media print{
  html.rc-motion [data-rc]{opacity:1!important;transform:none!important}
  .bc10-scroll,.bc10-halo{display:none!important}
}


/* BLUE_CRESCENT_CONTRAST_REPAIR_20261102 | General interactive contrast and compact mobile rhythm */
body.bcx :is(a,button,[role="button"]):focus-visible{
 outline:3px solid #1780b2;
 outline-offset:3px;
}
body.bcx :is(.bc-specialist-card,.bc-related-card,.bcx-hospital-card,.bc26-service-card,.bc-bmt-hospital-card) :is(h2,h3){
 overflow-wrap:anywhere;
}
@media(max-width:680px){
 body.bcx :is(.bcx-w,.container){max-width:100%}
 body.bcx :is(.bc-specialist-card,.bc-related-card,.bcx-hospital-card){min-width:0}
 body.bcx :is(.bc-specialist-links,.bc-bmt-actions) a{overflow-wrap:anywhere}
}

/* BC_PROFILE_SAFE_IMAGE_FALLBACK_20261102: imported and scoped visual improvements from supplied ZIP */
body.bcx .bc-prof-header .bc-prof-title img,body.bcx .bc-prof-header .bc-prof-title .rc-monogram{width:132px;height:156px;max-width:100%;border-radius:16px;background:#fff;border:1px solid rgba(215,181,115,.7);box-shadow:0 14px 30px rgba(6,27,49,.18);object-fit:cover;object-position:top center}
body.bcx .bc-prof-header .bc-prof-title .rc-monogram{display:grid;place-items:center;flex:0 0 auto;color:#133b59;background:#f6e8c9;font-family:var(--bcx-font,Cairo,system-ui,sans-serif);font-size:34px;font-weight:850;letter-spacing:.01em}
body.bcx .bc-education .bc-prof-panel{background:#fff!important;border:1px solid #d6e1eb!important;border-radius:17px!important;box-shadow:0 9px 25px rgba(11,40,67,.07);color:#1a394f!important}
body.bcx .bc-education .bc-prof-panel :is(h2,h3){color:#153b59!important;opacity:1!important}
body.bcx .bc-education .bc-prof-panel :is(p,li,b,small,span){color:#405e73!important;opacity:1!important}
body.bcx .bc-education .bc-prof-panel a,body.bcx .bc-education .bc-prof-sources a{color:#165984!important;text-decoration:underline;text-underline-offset:3px}
body.bcx .bc-education .bc-prof-sources{color:#4d6475!important}
body.bcx .bc-education .bc-ed-actions a{border-radius:12px;min-height:44px;overflow-wrap:anywhere}
body.bcx .bc-education a:focus-visible{outline:3px solid #17749e!important;outline-offset:3px}
@media(max-width:600px){body.bcx .bc-prof-header .bc-prof-title img,body.bcx .bc-prof-header .bc-prof-title .rc-monogram{width:105px;height:124px}body.bcx .bc-education .bc-prof-panel{padding:19px 17px!important}body.bcx .bc-education .bc-prof-details{min-width:0}}