/* doctor/styles/profile-v2.css
 * The doctor profile design (mohammed-imaduddin-v9-C4.html, "Brand bento"), scoped under .dp.
 * Generated from the design's <style> block: every selector is prefixed with .dp, the header/footer
 * stand-ins are dropped (the site navbar and footer replace them), the one rem is px because the site
 * sets html{font-size:5.31vw}. Page-specific additions live at the end of the file. */
.dp{--cion-purple:#62186f;--cion-accent:#853493;--cion-deep:#4a0d57;--cion-lavender:#f6f1ff;--cion-pink-text:#ad3d67;--cion-pink-light:#ffe9f2;--rule:#e8dcee;--field:#9b7fa8;--ink-900:#1a1a1a; --ink-700:#2d2d2d; --ink-500:#555; --ink-400:#6e6e6e;--g1:8px; --g2:16px; --g3:24px; --g4:32px; --g5:40px; --g6:48px; --g7:56px; --g8:64px; --g12:96px;--r-card:24px; --r-panel:32px; --r-sm:16px; --r-pill:999px;--lift:0 18px 36px -24px rgba(38,4,48,.42);--ff-h:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;--ff-b:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;}
.dp *,.dp *::before,.dp *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.dp *{transition:none!important}
}
@media (min-width:1024px){
html{scroll-padding-top:88px}
}
.dp{margin:0;font:400 16px/1.6 var(--ff-b);color:var(--ink-700);background:#fff;overflow-x:clip}
.dp h1,.dp h2,.dp h3,.dp h4{margin:0;font-family:var(--ff-h);letter-spacing:-.01em;line-height:1.2;color:var(--cion-deep)}
.dp p,.dp ul,.dp ol,.dp figure{margin:0}
.dp a{color:var(--cion-purple);text-underline-offset:3px}
.dp img{max-width:100%}
.dp [hidden]{display:none!important}
.dp :focus-visible{outline:2px solid var(--cion-purple);outline-offset:3px}
.dp .shell{max-width:1160px;margin-inline:auto;padding-inline:var(--g3)}
.dp .u-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dp .nw{white-space:nowrap}
.dp .ic{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dp .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--g1);min-height:48px;padding:12px var(--g3);border-radius:var(--r-pill);border:2px solid transparent;font:600 16px/1.25 var(--ff-h);text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.dp .btn--primary{background:var(--cion-purple);color:#fff}
.dp .btn--primary:hover{background:#5e0a6d}
.dp .btn--ghost{background:#fff;color:var(--cion-purple);border-color:var(--cion-purple)}
.dp .btn--ghost:hover{background:var(--cion-lavender)}
.dp .btn--light{background:#fff;color:var(--cion-deep)}
.dp .btn--light:hover{background:var(--cion-pink-light)}
.dp .btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.dp .btn--line:hover{background:rgba(255,255,255,.1);border-color:#fff}
.dp .hero{position:relative;overflow:hidden;overflow:clip;color:#fff;background:linear-gradient(225deg,var(--cion-deep) 0%,#540f66 45%,var(--cion-purple) 100%)}
.dp .hero :focus-visible{outline-color:#fff}
.dp .hero__in{position:relative;padding-top:var(--g1);padding-bottom:var(--g8)}
.dp .crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:14px;line-height:1.4;color:rgba(255,255,255,.85)}
.dp .crumb li{display:flex;align-items:center}
.dp .crumb li+li::before{content:"/";margin:0 var(--g1);color:rgba(255,255,255,.55)}
.dp .crumb a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:#fff;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.dp .hp{display:grid;gap:var(--g3);margin-top:var(--g1)}
.dp .hp__pic{position:relative;margin:0;width:200px;isolation:isolate}
.dp .hp__pic img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:50% 50% var(--g3) var(--g3) / 40% 40% var(--g3) var(--g3);background:#e4e1e6;outline:1.5px solid rgba(255,255,255,.38);outline-offset:6px;box-shadow:0 30px 60px -30px rgba(16,0,24,.8)}
.dp .hp__shape{position:absolute;z-index:-1;left:40%;top:-10%;width:320px;height:320px;border-radius:50%;background:var(--cion-accent);filter:blur(16px);pointer-events:none}
.dp .hp__txt{position:relative;z-index:1;display:grid;gap:var(--g3);align-content:center}
.dp .hp h1{color:#fff}
.dp .hp__name{display:block;font:700 36px/1.08 var(--ff-h);letter-spacing:-.02em}
.dp .hp__role{display:block;margin-top:12px;font:400 18px/1.45 var(--ff-b);letter-spacing:0;color:#f3e5f7;text-wrap:pretty}
.dp .hp__acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--g1) var(--g2)}
@media (max-width:639px){
.dp .hp__acts .btn--light{flex:1 1 100%;min-height:52px}
.dp .hp__acts .btn--line{border-color:transparent;padding:0 var(--g1);min-height:44px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
}
@media (min-width:900px){
.dp .hero__in{padding-top:var(--g2);padding-bottom:120px}
.dp .crumb a{min-height:24px;min-width:24px}
.dp .hp{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--g8);align-items:center;margin-top:var(--g3)}
.dp .hp__pic{grid-column:2;grid-row:1;width:192px;margin-right:var(--g6)}
.dp .hp__shape{left:50%;top:50%;width:420px;height:420px;transform:translate(-50%,-50%);filter:blur(36px)}
.dp .hp__txt{grid-column:1;grid-row:1}
.dp .hp__name{font-size:52px}
.dp .hp__role{font-size:20px}
}
@media (min-width:1024px){
.dp .hp__pic{width:208px;margin-right:var(--g8)}
.dp .hp__name{font-size:64px;line-height:1.04}
.dp .hp__role{margin-top:var(--g2)}
.dp .hp__txt{gap:var(--g4)}
.dp .hp__shape{width:460px;height:460px}
}
.dp .sentinel{display:block;height:0}
.dp .glance{position:relative;z-index:2;margin-top:calc(var(--g5) * -1)}
.dp .bento{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.dp .tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:var(--g2);background:var(--cion-lavender);border-radius:var(--r-card);box-shadow:var(--lift)}
.dp .tile__ic{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--cion-purple)}
.dp .tile__ic .ic{width:22px;height:22px}
.dp .tile__txt{display:grid;gap:4px;min-width:0}
.dp .tile__t{font:600 17px/1.3 var(--ff-h);color:var(--cion-deep);text-wrap:balance}
.dp .tile__s{font-size:16px;line-height:1.45;color:var(--ink-500);text-wrap:balance}
.dp .tile__s a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-family:var(--ff-h);font-weight:600;text-decoration:none;color:var(--cion-purple);white-space:nowrap}
.dp .tile__s a .ic{width:16px;height:16px;transition:transform .15s}
.dp .tile__s a:hover .ic{transform:translateX(3px)}
.dp .tile--big{grid-column:1/-1;flex-direction:row;align-items:center;gap:var(--g2);padding:var(--g2) var(--g3)}
.dp .tile--big .tile__ic{display:none}
.dp .tile__stat{display:flex;align-items:center;gap:var(--g2)}
.dp .tile__num{font:700 56px/1 var(--ff-h);letter-spacing:-.035em;color:var(--cion-purple)}
.dp .tile--big .tile__t{font-size:18px}
.dp .tile__go{display:none}
@media (min-width:640px) and (max-width:1023px){
.dp .bento{gap:var(--g2)}
.dp .tile{padding:var(--g3)}
.dp .tile__go{display:block}
}
@media (min-width:1024px){
.dp .glance{margin-top:-88px}
.dp .bento{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:var(--g2)}
.dp .tile{flex-direction:row;align-items:center;gap:var(--g2);padding:var(--g3)}
.dp .tile__ic{width:48px;height:48px}
.dp .tile__ic .ic{width:24px;height:24px}
.dp .tile__t{font-size:18px}
.dp .tile__go{display:block}
.dp .tile__s a{min-height:24px}
.dp .tile--big{grid-column:1;grid-row:1/span 2;flex-direction:column;align-items:flex-start;justify-content:space-between}
.dp .tile--big .tile__ic{display:grid}
.dp .tile__stat{display:grid;gap:var(--g1)}
.dp .tile__num{font-size:88px}
.dp .tile--big .tile__t{font-size:20px}
}
@media (min-width:1024px) and (max-width:1199px){
.dp .bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.dp .tile__num{font-size:80px}
}
.dp .secnav{position:sticky;top:0;z-index:30;margin-top:var(--g4);background:rgba(255,255,255,.97);border-bottom:1px solid var(--rule);transition:box-shadow .2s}
.dp .secnav.is-stuck{box-shadow:0 10px 24px -18px rgba(38,4,48,.45)}
.dp .secnav__in{display:flex;align-items:center;gap:var(--g2)}
.dp .secnav__list{list-style:none;margin:0;padding:6px 0;display:flex;gap:var(--g1);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dp .secnav__list::-webkit-scrollbar{display:none}
.dp .secnav__list a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--g2);border-radius:var(--r-pill);border:1px solid var(--rule);background:#fff;color:var(--cion-purple);font:600 16px/1 var(--ff-h);white-space:nowrap;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.dp .secnav__list a:hover{background:var(--cion-lavender)}
.dp .secnav__list a[aria-current]{background:var(--cion-purple);border-color:var(--cion-purple);color:#fff}
.dp .secnav__cta{display:none}
@media (max-width:1023px){
.dp .secnav .shell{padding-inline:0}
.dp .secnav__list{padding-inline:var(--g2)}
.dp .secnav__list::after{content:"";flex:0 0 var(--g1)}
}
@media (min-width:641px){
.dp .secnav__cta{display:flex;flex:0 0 auto;align-items:center;gap:var(--g3);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,visibility .2s,transform .2s}
.dp .secnav.is-stuck:not(.at-ask) .secnav__cta{opacity:1;visibility:visible;transform:none}
.dp .secnav__cta .btn{min-height:44px;padding-block:var(--g1)}
}
@media (min-width:641px) and (max-width:1023px){
.dp .secnav__cta{padding-right:var(--g2)}
.dp .secnav__cta .btn{padding-inline:var(--g2);font-size:15px}
}
@media (min-width:1024px){
.dp .secnav{margin-top:var(--g2)}
.dp .secnav__in{min-height:64px}
.dp .secnav__list{padding:0;gap:0;overflow:visible}
.dp .secnav__list a{position:relative;min-height:64px;padding:0 12px;border:0;border-radius:0;background:none;color:var(--ink-500)}
.dp .secnav__list a:hover{background:none;color:var(--cion-purple)}
.dp .secnav__list a[aria-current]{background:none;color:var(--cion-purple)}
.dp .secnav__list a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--cion-accent)}
}
@media (min-width:1024px) and (max-width:1199px){
.dp .secnav__list a{padding:0 10px;font-size:15px}
.dp .secnav__list a[aria-current]::after{left:10px;right:10px}
.dp .secnav__cta .btn{padding-inline:var(--g2);font-size:15px}
}
.dp .sec{padding-top:var(--g6)}
.dp .secnav+.sec{padding-top:var(--g5)}
.dp .sec--last{padding-bottom:var(--g7)}
.dp .sec__h{display:grid;gap:var(--g1);margin-bottom:var(--g3)}
.dp .sec__h h2{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.dp .sec__lede{font-size:17px;color:var(--ink-500);text-wrap:pretty}
@media (min-width:1024px){
.dp .sec{padding-top:80px}
.dp .secnav+.sec{padding-top:var(--g8)}
.dp .sec--last{padding-bottom:80px}
.dp .sec__h{margin-bottom:var(--g5);gap:var(--g2)}
.dp .sec__h h2{font-size:40px}
.dp .sec__lede{font-size:18px}
}
.dp .card{background:var(--cion-lavender);border-radius:var(--r-card);padding:var(--g3)}
.dp .disc{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--cion-purple)}
.dp .disc .ic{width:24px;height:24px}
.dp .card h3{font-size:20px;font-weight:600;line-height:1.3;text-wrap:balance}
.dp .panel{background:var(--cion-lavender);border-radius:var(--r-panel);padding:var(--g2)}
.dp .panel .card{background:#fff}
.dp .panel .disc{background:var(--cion-lavender)}
@media (min-width:641px){
.dp .panel{padding:var(--g4)}
}
.dp .ill{margin:0;width:100%}
.dp .ill__box{position:relative;border-radius:var(--r-sm);overflow:hidden;background:radial-gradient(120% 90% at 50% 45%,#fff 0%,#fbf7fe 45%,#efe3f7 100%);box-shadow:inset 0 0 0 1px rgba(133,52,147,.14)}
.dp .ill__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9a6aa6}
.dp .ill__ph .ic{width:56px;height:56px;stroke-width:1.2}
.dp .ill__lb{font-size:13px;letter-spacing:.06em;color:var(--ink-500)}
.dp .ill__box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:transparent}
.dp .ill figcaption{margin-top:12px;font-size:16px;line-height:1.5;color:var(--ink-500);text-wrap:pretty}
.dp .panel .ill__box,.dp .card .ill__box{background:radial-gradient(120% 90% at 50% 45%,#fff 0%,#fdfbff 45%,#f3eafa 100%)}
.dp .acc{background:var(--cion-lavender);border-radius:var(--r-card)}
.dp .acc>summary{display:flex;align-items:center;gap:var(--g2);min-height:64px;padding:12px var(--g2) 12px var(--g3);border-radius:var(--r-card);cursor:pointer;list-style:none}
.dp .acc>summary::-webkit-details-marker{display:none}
.dp .acc>summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--cion-purple);font:700 22px/1 var(--ff-h)}
.dp .acc[open]>summary::after{content:"\2212"}
.dp .acc>summary h3,.dp .acc>summary h4{flex:1 1 auto;min-width:0;font-size:18px;font-weight:600;line-height:1.35;color:var(--cion-deep);text-wrap:pretty}
.dp .acc__b{padding:0 var(--g3) var(--g3)}
.dp .acc__b>p{margin-bottom:var(--g2)}
.dp .accs{display:grid;gap:12px}
.dp .panel .acc,.dp .card .acc{background:#fff}
.dp .panel .acc>summary::after,.dp .card .acc>summary::after{background:var(--cion-lavender)}
.dp .sum__n{font:400 16px/1.4 var(--ff-b);color:var(--ink-500);white-space:nowrap}
.dp .jr{list-style:none;margin:0;padding:0;display:grid;gap:var(--g3);counter-reset:jr}
.dp .jr__s{counter-increment:jr;position:relative}
.dp .jr__s:not(:last-child)::after{content:"";position:absolute;left:calc(var(--g2) + 19px);bottom:calc(var(--g3) * -1);width:2px;height:var(--g3);border-radius:2px;background:var(--cion-accent);opacity:.55}
.dp .jr__card{display:grid;gap:var(--g3)}
.dp .jr__txt{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--g2);row-gap:12px;align-items:center;align-content:center}
.dp .jr__txt::before{content:counter(jr);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cion-purple);color:#fff;font:700 18px/1 var(--ff-h)}
.dp .jr__txt h3{grid-column:2}
.dp .jr__txt p{grid-column:1/-1;color:var(--ink-700)}
@media (min-width:720px) and (max-width:1023px){
.dp .jr__card .ill{max-width:480px}
}
@media (min-width:1024px){
.dp .jr__s:not(:last-child)::after{left:calc(var(--g4) + 19px)}
.dp .jr__card{padding:var(--g4)}
.dp .jr__card--fig{grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:var(--g6);align-items:center}
}
.dp .tx{display:grid;gap:var(--g4);grid-template-columns:minmax(0,1fr)}
.dp .tx>*{min-width:0}
.dp .tx__side{display:grid;gap:var(--g3);align-content:start;min-width:0}
.dp .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--g1)}
.dp .chips li{display:inline-flex;align-items:center;min-height:44px;padding:var(--g1) var(--g2);border-radius:var(--r-pill);background:var(--cion-lavender);font:600 16px/1.3 var(--ff-h);color:var(--cion-deep)}
.dp .chips .chips__hipec{background:var(--cion-purple);color:#fff}
@media (min-width:1024px){
.dp .tx{grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:var(--g6);row-gap:var(--g5);align-items:start}
.dp .tx__lists{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g3);align-items:start}
}
@media (min-width:1024px) and (max-width:1199px){
.dp .tx{grid-template-columns:minmax(0,380px) minmax(0,1fr)}
}
.dp .og{display:grid;gap:var(--g1)}
.dp .og+.og{margin-top:var(--g3)}
.dp .og h4{font-size:17px;font-weight:600;line-height:1.35;color:var(--cion-deep)}
.dp .og p{color:var(--ink-500)}
.dp .ops{margin:0;padding-left:19px;display:grid;gap:var(--g1)}
.dp .ops li::marker{color:var(--cion-accent)}
.dp .med{color:var(--ink-500)}
.dp .kh{display:inline-block;margin-left:2px;padding:0 10px;border-radius:var(--r-pill);background:var(--cion-lavender);font:600 14px/1.7 var(--ff-h);color:var(--cion-purple);white-space:nowrap}
.dp .acc .kh{background:#fff}
.dp .tr{display:grid;gap:var(--g4)}
.dp .tr__side .sec__h{margin-bottom:0}
.dp .stat{display:flex;align-items:center;gap:var(--g2);margin-top:var(--g3)}
.dp .stat__num{font:700 56px/1 var(--ff-h);letter-spacing:-.035em;color:var(--cion-purple)}
.dp .stat__t{font:600 18px/1.3 var(--ff-h);color:var(--cion-deep)}
@media (min-width:1024px){
.dp .tr{grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:var(--g8);align-items:start}
.dp .tr__side{position:sticky;top:112px}
.dp .stat{margin-top:var(--g4);padding:var(--g4)}
.dp .stat__num{font-size:72px}
}
.dp .rm{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:4px}
.dp .rm::before{content:"";position:absolute;left:19px;top:var(--g4);bottom:var(--g4);width:2px;border-radius:2px;background:linear-gradient(#e4d3ec,var(--cion-accent))}
.dp .rm__s{position:relative;padding-left:44px}
.dp .rm__node{position:absolute;left:13px;top:17px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--cion-accent)}
.dp .rm__card{display:flow-root;padding:10px 12px}
.dp .rm__emb{float:right;margin:0 0 8px 12px;shape-outside:circle(50%)}
.dp .rm__s--key .rm__card{background:var(--cion-lavender);border-radius:var(--r-card);padding:14px var(--g2)}
.dp .rm__s--key .rm__node{left:0;top:8px;width:40px;height:40px;display:grid;place-items:center;background:var(--cion-purple);color:#fff;box-shadow:0 0 0 6px #fff}
.dp .rm__s--key .rm__node .ic{width:20px;height:20px}
.dp .rm__y{font:600 16px/1.75 var(--ff-h);color:var(--cion-purple)}
.dp .rm__t{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--cion-deep);text-wrap:pretty}
.dp .rm__t--place{font-size:18px;font-weight:600;line-height:1.35}
.dp .rm__m{color:var(--ink-700);text-wrap:pretty}
.dp .rm__w{margin-top:2px;color:var(--ink-500);text-wrap:pretty}
.dp .rm__w a{color:var(--cion-purple)}
@media (min-width:1024px){
.dp .rm__t{font-size:22px}
}
@media (min-width:1024px){
.dp .rm{gap:12px}
.dp .rm__s{padding-left:var(--g8)}
.dp .rm__card{padding:12px var(--g3)}
.dp .rm__s--key .rm__card{padding:20px var(--g3)}
.dp .rm__s--key .rm__node{top:14px}
.dp .rm__node{top:19px}
}
.dp .emb{display:block;flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--cion-purple)}
.dp .emb svg{display:block;width:56px;height:56px;overflow:visible}
.dp .emb__o{fill:none;stroke:var(--cion-purple);stroke-width:3}
.dp .emb__i{fill:var(--cion-lavender);stroke:var(--cion-accent);stroke-width:1.4;stroke-dasharray:0 3.4;stroke-linecap:round}
.dp .emb__t{fill:currentColor;font:700 16px/1 var(--ff-h);letter-spacing:.02em}
.dp .emb__t--4{font-size:14px;letter-spacing:0}
.dp .emb__t--5{font-size:13px;letter-spacing:0}
.dp .emb__cr{fill:#fff;stroke:var(--cion-accent);stroke-width:1.25}
.dp .emb__ct{color:var(--cion-accent);fill:currentColor;font:600 12.5px/1 var(--ff-h);letter-spacing:.05em}
.dp .emb--cion{background:var(--cion-purple);color:#fff}
.dp .emb--cion .emb__o{stroke:#fff;stroke-width:1.5}
.dp .emb--cion .emb__i{fill:none;stroke:#fff}
.dp .hx{margin-top:var(--g4)}
.dp .hx__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dp .hx__h{display:flex;margin:0}
.dp .hx__b{position:relative;flex:1 1 auto;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;grid-template-areas:"t t ch" "ic n n";align-items:center;align-content:start;column-gap:8px;row-gap:6px;min-height:72px;margin:0;padding:10px 12px 10px 14px;border:2px solid transparent;border-radius:var(--r-card);background:var(--cion-lavender);color:var(--cion-deep);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s}
.dp .hx__b:hover{border-color:rgba(98,24,111,.35)}
.dp .hx__ic{grid-area:ic;align-self:start;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--cion-purple)}
.dp .hx__ic .ic{width:16px;height:16px}
.dp .hx__t{grid-area:t;min-width:0;font:600 16px/1.3 var(--ff-h);color:var(--cion-deep)}
.dp .hx__n{grid-area:n;min-width:0;font:600 14px/1.3 var(--ff-h);color:var(--cion-purple);text-wrap:pretty}
.dp .hx__chev{grid-area:ch;width:18px;height:18px;color:var(--cion-purple);transition:transform .2s}
.dp .hx.is-ready .hx__b[aria-expanded="true"]{border-color:var(--cion-purple);background:var(--cion-purple)}
.dp .hx.is-ready .hx__b[aria-expanded="true"] .hx__t,.dp .hx.is-ready .hx__b[aria-expanded="true"] .hx__n,.dp .hx.is-ready .hx__b[aria-expanded="true"] .hx__chev{color:#fff}
.dp .hx.is-ready .hx__b[aria-expanded="true"] .hx__chev{transform:rotate(180deg)}
.dp .hx__p{margin-top:12px;padding:var(--g2);border-radius:var(--r-card);background:var(--cion-lavender)}
.dp .hx__p>p{margin-bottom:var(--g2)}
.dp .hx.is-ready .hx__p:not([hidden]){animation:hx-in .2s ease-out}
@keyframes hx-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
.dp .hx.is-ready .hx__p:not([hidden]){animation:none}
.dp .hx__chev{transition:none}
}
@media (max-width:374px){
.dp .hx__b{grid-template-columns:28px minmax(0,1fr) 16px;column-gap:6px;padding:10px 10px 10px 12px}
.dp .hx__t{font-size:15px}
.dp .hx__chev{width:16px;height:16px}
}
@media (max-width:339px){
.dp .hx__row{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:641px){
.dp .hx__p{padding:var(--g3)}
}
@media (min-width:900px){
.dp .hx__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g2)}
.dp .hx__p{margin-top:var(--g2)}
.dp .hx.is-ready .hx__b[aria-expanded="true"]::after{content:"";position:absolute;left:50%;top:100%;margin:2px 0 0 -9px;border:9px solid transparent;border-bottom:0;border-top-color:var(--cion-purple)}
}
@media (min-width:1024px){
.dp .hx{margin-top:var(--g6)}
}
@media (min-width:1200px){
.dp .hx__b{grid-template-columns:40px minmax(0,1fr) 20px;grid-template-areas:"ic t ch" "ic n n";align-content:center;column-gap:12px;row-gap:2px;min-height:76px;padding:14px 16px}
.dp .hx__ic{align-self:center;grid-row:1/span 2;width:40px;height:40px}
.dp .hx__ic .ic{width:20px;height:20px}
.dp .hx__t{font-size:17px}
.dp .hx__chev{width:20px;height:20px}
}
.dp .ico{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--cion-lavender);color:var(--cion-purple)}
.dp .ico .ic{width:22px;height:22px}
.dp .it{background:#fff;border-radius:var(--r-sm)}
.dp .tag{display:inline-block;padding:0 10px;border-radius:var(--r-pill);background:var(--cion-lavender);font:600 14px/1.7 var(--ff-h);color:var(--cion-purple);white-space:nowrap}
.dp .tag--on{background:var(--cion-purple);color:#fff}
.dp .mem{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dp .mem>li{display:flex;flex-direction:column;align-items:center;gap:var(--g1);padding:var(--g2) 12px;text-align:center}
.dp .mem__n{flex:1 0 auto;font:600 16px/1.4 var(--ff-h);color:var(--cion-deep);text-wrap:balance}
.dp .awd,.dp .fac{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dp .awd>li,.dp .fac>li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:4px;align-content:start;padding:var(--g2)}
.dp .awd .ico,.dp .fac .ico{grid-row:1/span 3}
.dp .awd>li>:not(.ico),.dp .fac>li>:not(.ico){grid-column:2;justify-self:start}
.dp .rb{padding:0 20px 0 10px;border-radius:6px 0 0 6px;background:var(--cion-purple);color:#fff;font:700 14px/1.75 var(--ff-h);white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%)}
.dp .rb--3{background:var(--cion-accent)}
.dp .awd__t,.dp .svc__p{font:600 18px/1.35 var(--ff-h);color:var(--cion-deep)}
.dp .awd__w,.dp .svc__w,.dp .pub__g,.dp .fac__w{color:var(--ink-700)}
.dp .svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dp .svc>li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--g1);padding:var(--g2) 12px}
.dp .pubs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dp .pubs>li{display:flex;flex-direction:column;gap:var(--g1);padding:var(--g2)}
.dp .pub__h{display:flex;align-items:center;gap:12px}
.dp .pub__j{font:600 18px/1.3 var(--ff-h);color:var(--cion-deep);text-wrap:balance}
.dp .pub__m{display:flex;flex-wrap:wrap;gap:var(--g1)}
.dp .pub__l{margin-top:auto}
.dp .pub__l a{display:inline-flex;align-items:center;gap:var(--g1);min-height:44px;font-family:var(--ff-h);font-weight:600}
.dp .pub__l .ic{width:18px;height:18px}
.dp .fac__h{margin:var(--g3) 0 12px;font-size:17px;font-weight:600;line-height:1.35}
.dp .fac__t{font:600 17px/1.35 var(--ff-h);color:var(--cion-deep)}
@media (min-width:641px){
.dp .awd,.dp .fac{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
.dp .mem,.dp .svc{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g2)}
.dp .mem>li,.dp .svc>li{padding:var(--g3) var(--g2)}
.dp .pubs{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g2)}
}
@media (min-width:1024px){
.dp .awd{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g2)}
.dp .fac{gap:var(--g2)}
.dp .pub__l a{min-height:24px}
}
.dp .centre{--cpad:var(--g3)}
@media (max-width:640px){
.dp .centre{--cpad:var(--g2)}
}
@media (min-width:1024px){
.dp .centre{--cpad:var(--g4)}
}
.dp .centre__map{margin:calc(-1*var(--cpad)) calc(-1*var(--cpad)) var(--g1)}
.dp .centre__map a{display:block;border-radius:var(--r-card) var(--r-card) 0 0}
.dp .centre__map img{display:block;width:100%;height:auto;border-radius:var(--r-card) var(--r-card) 0 0;background:#ebe4f1}
.dp .centre__map a:hover img{opacity:.9}
.dp .map-attr{margin-top:var(--g2);font-size:13px;line-height:1.5;color:var(--ink-500);text-align:right}
.dp .centre__n{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--cion-purple);color:#fff;font:700 15px/1 var(--ff-h)}
.dp .centre__lm{display:flex;align-items:flex-start;gap:var(--g1);font:600 16px/1.45 var(--ff-h);color:var(--cion-deep)}
.dp .centre__lm .ic{margin-top:2px;color:var(--cion-purple)}
.dp .centres{list-style:none;margin:0;padding:0;display:grid;gap:var(--g2);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){
.dp .centres{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g3)}
}
.dp .centre{display:flex;flex-direction:column;gap:var(--g1)}
.dp .centre__head{display:flex;align-items:center;gap:var(--g2);margin-bottom:var(--g1)}
.dp .centre h3 a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.dp .centre h3 a:hover{text-decoration:underline}
.dp .centre__a{color:var(--ink-700);text-wrap:pretty}
.dp .centre__h{display:flex;align-items:flex-start;gap:var(--g1);color:var(--ink-500)}
.dp .centre__h .ic{margin-top:3px;color:var(--cion-purple)}
.dp .centre__f{margin-top:auto;padding-top:var(--g2);display:flex;flex-wrap:wrap;align-items:center;gap:var(--g1) var(--g3)}
.dp .centre__f .btn{padding-inline:20px}
.dp .centre__bk{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 16px/1.2 var(--ff-h);color:var(--cion-purple);text-decoration:none}
.dp .centre__bk .ic{width:16px;height:16px;transition:transform .15s}
.dp .centre__bk:hover .ic{transform:translateX(3px)}
@media (min-width:1024px){
.dp .centre{padding:var(--g4)}
}
.dp .steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:st;grid-template-columns:minmax(0,1fr)}
.dp .step{counter-increment:st;display:grid;gap:var(--g2);align-content:start}
.dp .step__txt{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:4px;align-content:start}
.dp .step__txt::before{content:counter(st);grid-row:1/span 2;font:700 36px/1 var(--ff-h);letter-spacing:-.02em;color:var(--cion-accent)}
.dp .step__txt>*{grid-column:2}
.dp .step h3{font-size:18px;font-weight:600;line-height:1.35}
@media (min-width:900px){
.dp .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g2)}
}
@media (min-width:1024px){
.dp .steps{gap:var(--g3)}
}
@media (min-width:720px) and (max-width:1023px){
.dp .bring .ill{max-width:480px}
}
.dp .bring{display:grid;gap:var(--g3);margin-top:12px;align-items:center}
.dp .bring__list{display:grid;gap:var(--g2);align-content:start}
@media (max-width:899px){
.dp .bring{gap:var(--g2)}
.dp .bring__list{display:contents}
.dp .bring__list>h3{order:-1}
}
.dp .bring__list h3{font-size:18px;font-weight:600;line-height:1.35}
.dp .ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dp .ticks li{position:relative;padding-left:36px}
.dp .ticks li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--cion-lavender)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='%2362186f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.dp .bring__fam{display:flex;align-items:center;gap:12px;padding-top:var(--g2);border-top:1px solid var(--rule);font:600 16px/1.45 var(--ff-h);color:var(--cion-deep)}
.dp .bring__fam .ic{width:24px;height:24px;color:var(--cion-purple)}
@media (min-width:720px){
.dp .bring{margin-top:var(--g2)}
}
@media (min-width:900px){
.dp .bring{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--g4)}
}
@media (min-width:1024px){
.dp .bring{grid-template-columns:minmax(0,420px) minmax(0,1fr);margin-top:var(--g3);column-gap:var(--g6)}
}
.dp .vg{display:grid;gap:var(--g4);grid-template-columns:minmax(0,1fr)}
.dp .vg>*{min-width:0}
.dp .vg__main{display:grid;gap:12px;align-content:start}
.dp .vg__side{display:grid;gap:var(--g2);align-content:start}
.dp .vg__h{font-size:20px;font-weight:600;line-height:1.3}
@media (min-width:1024px){
.dp .vg{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--g6)}
}
.dp .vf{display:block;border-radius:var(--r-card);text-decoration:none}
.dp .vf__fig{position:relative;margin:0}
.dp .vf__fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card);background:var(--cion-lavender)}
.dp .vf__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2362186f' d='M8 5v14l11-7z'/%3E%3C/svg%3E") 55% 50%/30px no-repeat;box-shadow:0 10px 30px -10px rgba(26,4,32,.55);transition:transform .15s}
.dp .vf:hover .vf__play{transform:scale(1.06)}
.dp .vid__len{position:absolute;right:12px;bottom:12px;padding:0 8px;border-radius:8px;background:rgba(26,26,26,.82);color:#fff;font:600 14px/1.7 var(--ff-h)}
.dp .vf__cap{font:600 17px/1.4 var(--ff-h);color:var(--ink-900)}
.dp .vf__cap span{font:400 16px var(--ff-b);color:var(--ink-500)}
.dp .vid__frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-card);background:#000}
.dp .vids{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dp .vids>li{display:flex;min-width:0}
.dp .vid__a{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:var(--g2);flex:1;min-width:0;padding:var(--g1);background:var(--cion-lavender);border-radius:var(--r-sm);text-decoration:none;color:var(--ink-700)}
.dp .vid__a .vf__fig img{border-radius:12px}
.dp .vid__a .vf__play{width:36px;height:36px;margin:-18px 0 0 -18px;background-size:16px}
.dp .vid__a:hover .vid__t{text-decoration:underline}
.dp .vid__b{display:grid;gap:4px;min-width:0}
.dp .vid__t{font:600 16px/1.4 var(--ff-h);color:var(--ink-900)}
.dp .vid__m{font-size:14px;color:var(--ink-500)}
.dp .vid__a.is-playing{display:grid;grid-template-columns:minmax(0,1fr)}
.dp .vid__a .vid__frame{border-radius:12px}
@media (min-width:720px) and (max-width:1023px){
.dp .vids{grid-template-columns:repeat(3,minmax(0,1fr))}
.dp .vid__a{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px}
}
@media (min-width:1024px){
.dp .vid__a{grid-template-columns:150px minmax(0,1fr)}
}
.dp .fq{display:grid;gap:var(--g3)}
.dp .fq .sec__h{margin-bottom:0}
@media (min-width:1024px){
.dp .fq{grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:var(--g8);align-items:start}
}
.dp .faq__a{padding:0 var(--g3) var(--g3)}
.dp .bk{display:grid;gap:var(--g3);grid-template-areas:"head" "form" "call" "so"}
.dp .bk__head{grid-area:head;display:grid;gap:var(--g1)}
.dp .bk__head h2{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em}
.dp .bk__head p{font-size:17px;color:var(--ink-500)}
.dp .bk .form{grid-area:form}
.dp .bk__call{grid-area:call;justify-self:stretch}
.dp .bk__so{grid-area:so;display:grid;gap:12px;padding-top:var(--g3);border-top:1px solid var(--rule)}
.dp .bk__so p{font-size:17px}
.dp .so__q{font:600 17px/1.5 var(--ff-h);color:var(--cion-deep)}
.dp .bk__so .btn{justify-self:stretch;white-space:normal}
@media (min-width:641px){
.dp .bk{background:var(--cion-lavender);border-radius:var(--r-panel);padding:var(--g4)}
.dp .bk__call,.dp .bk__so .btn{justify-self:start}
.dp .bk__so{border-top-color:rgba(98,24,111,.16)}
}
@media (min-width:1024px){
.dp .bk{grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". form" "head form" "call form" "so form" ". form";column-gap:var(--g8);row-gap:var(--g3);align-items:start;padding:var(--g7)}
.dp .bk__head{gap:var(--g2)}
.dp .bk__head h2{font-size:40px}
.dp .bk__head p{font-size:18px}
}
.dp .form{background:#fff;border:1px solid var(--rule);border-radius:18px;padding:var(--g3);display:grid;gap:12px}
.dp .form label{display:block;margin-bottom:var(--g1);font:600 16px/1.4 var(--ff-h);color:var(--ink-700)}
.dp .form input:not([type=checkbox]),.dp .form textarea{width:100%;min-height:48px;padding:12px var(--g2);border:1px solid var(--field);border-radius:12px;font:inherit;font-size:16px;background:#fff;color:var(--ink-900)}
.dp .form textarea{min-height:84px;resize:vertical}
.dp .form__row{display:grid;gap:12px}
.dp .form .btn{width:100%}
.dp .g-recaptcha{min-height:78px}
.dp .g-recaptcha:empty::before{content:"reCAPTCHA loads here";display:flex;align-items:center;justify-content:center;height:78px;border-radius:12px;background:var(--cion-lavender);font-size:14px;color:var(--ink-500)}
@media (max-width:640px){
.dp .form{padding:var(--g2)}
}
@media (max-width:374px){
.dp .form{padding:var(--g1)}
}
.dp .dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:var(--g1);padding:10px var(--g1) calc(10px + env(safe-area-inset-bottom)) var(--g2);background:#fff;border-top:1px solid var(--rule);box-shadow:0 -10px 28px -16px rgba(38,4,48,.4)}
.dp .dock .btn{min-height:48px;padding:12px}
.dp .dock .btn--primary{flex:1 1 auto;font-size:15px}
.dp .dock__x{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--ink-500);font:400 28px/1 var(--ff-b);cursor:pointer}
.dp .dock__x:hover{background:var(--cion-lavender)}
@media (max-width:640px){
.dp .dock.is-on{display:flex}
body.dock-on{padding-bottom:76px}
}
@media (max-width:374px){
.dp .dock__ct{display:none}
}
@media (max-width:640px){
.dp .shell{padding-inline:var(--g2)}
.dp .card{padding:var(--g2)}
.dp .centre .disc{width:44px;height:44px}
.dp .acc>summary{padding-left:var(--g2);gap:12px}
.dp .sum__ic{width:40px;height:40px}
.dp .acc__b,.dp .faq__a{padding:0 var(--g2) var(--g2)}
.dp .stat__num{font-size:48px}
.dp .panel{padding:12px}
}

/* ---- guards against the site's global styles (styles.css, navbar.css, footer.css) ---- */
.dp *{font-family:inherit}
.dp a{text-decoration:underline}
.dp .ops li{list-style-type:disc}
.dp .ticks li,.dp .chips li,.dp .bento li{list-style:none}

/* ---- additions for the database-driven page ---- */
.dp .hp__pic .hp__ini{position:absolute;inset:0;display:grid;place-items:center;aspect-ratio:4/5;
  border-radius:50% 50% var(--g3) var(--g3) / 40% 40% var(--g3) var(--g3);background:#e4e1e6;
  font:700 56px/1 var(--ff-h);color:var(--cion-purple)}
.dp .hp__pic{aspect-ratio:4/5}   /* keeps the portrait's size when the photo is missing */
.dp .bring.bring--solo{grid-template-columns:minmax(0,1fr)}   /* no illustration yet */
.dp .hp__qual{font:400 16px/1.5 var(--ff-b);color:#f3e5f7}
.dp .about{display:grid;gap:var(--g2)}
.dp .about p{color:var(--ink-700);text-wrap:pretty}
@media (min-width:1024px){.dp .about{max-width:860px}}
.dp .hx__row--1{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.dp .hx__row--1{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dp .pubs--cite>li{gap:12px}
.dp .pub__c{color:var(--ink-700);overflow-wrap:anywhere;text-wrap:pretty}
.dp .svc-l{margin-top:var(--g1)}
.dp .areas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--g1)}
.dp .areas a{color:inherit}
.dp .vids--more{margin-top:12px}
.dp .faq__a p+p{margin-top:var(--g1)}
@media (max-width:768px){body.dp-page .call-us-footer{display:none}}
/* ---- Written and reviewed: one accordion per topic (two columns from 1024px), each a list of page links; the first
   topic starts open; "Show all" fills the rest of a topic from the doctor's JSON ---- */
.dp .arts{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:1024px){.dp .arts{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g2)}}
.dp .art-rest{margin-top:var(--g2)}
.dp .art-rest>.acc__b{padding-top:4px}
.dp .art-rest .acc{background:#fff}
.dp .art-rest .acc>summary::after{background:var(--cion-lavender)}
.dp .art{list-style:none;margin:0;padding:0;display:grid}
.dp .art li{list-style:none}
.dp .art a{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;
  border-bottom:1px solid var(--rule);color:var(--ink-700);text-decoration:none;font-size:16px;line-height:1.45}
.dp .art li:last-child a{border-bottom:0}
.dp .art a:hover .art__t{color:var(--cion-purple);text-decoration:underline}
.dp .art .tag{flex:0 0 auto;margin-top:1px;font-size:13px}
.dp .art__more{margin-top:var(--g2)}
@media (min-width:1680px){.dp .art a{font-size:17px}}
@media (min-width:2560px){.dp .art a{font-size:20px}}
/* ---- section bar: under the site header in the stacking order (the header is z-index 10), so the header's dropdown
   menus open over the bar instead of behind it ---- */
.dp .secnav{z-index:9;background:#fff}   /* solid: no page text showing through the stuck bar */
/* laptops and up: a contained pill track, so the bar reads as page tabs and not as a second site navbar; the active
   section is the filled purple pill; the Book pill appears at the right once the bar is stuck */
@media (min-width:1024px){
  .dp .secnav__in{min-height:72px;justify-content:space-between}
  .dp .secnav__list{flex:0 1 auto;padding:6px;gap:4px;background:var(--cion-lavender);border-radius:var(--r-pill)}
  .dp .secnav__list a{min-height:44px;padding:0 18px;border-radius:var(--r-pill);color:var(--cion-deep);font-size:15px}
  .dp .secnav__list a:hover{background:#fff;color:var(--cion-purple)}
  .dp .secnav__list a[aria-current]{background:var(--cion-purple);color:#fff}
  .dp .secnav__list a[aria-current]::after{content:none}
}
@media (min-width:1024px) and (max-width:1199px){.dp .secnav__list a{padding:0 12px;font-size:14px}}
/* ============================================================
   LARGE SCREENS. The design stops at a 1160px column, so wider screens only grew the side margins. These steps widen
   the column and scale type, tiles and spacing with it: 1440 (large laptops), 1680 (desktops), 1920 (full-HD monitors
   and TVs), 2560 (QHD/4K monitors and TVs). The portrait stops at 264px wide: the photo is never drawn above its file size.
   ============================================================ */
@media (min-width:1440px){
  .dp .shell{max-width:1320px;padding-inline:var(--g5)}
  .dp .hp{column-gap:96px}
  .dp .hp__pic{width:232px;margin-right:var(--g8)}
  .dp .hp__shape{width:520px;height:520px}
  .dp .hp__name{font-size:72px}
  .dp .hp__role{font-size:22px}
  .dp .hero__in{padding-bottom:136px}
  .dp .glance{margin-top:-104px}
  .dp .tile__num{font-size:96px}
  .dp .tile__t{font-size:19px}
  .dp .sec{padding-top:96px}
  .dp .sec--last{padding-bottom:96px}
  .dp .sec__h h2,.dp .bk__head h2{font-size:46px}
  .dp .sec__lede,.dp .bk__head p{font-size:19px}
  .dp .tr,.dp .fq{grid-template-columns:minmax(0,400px) minmax(0,1fr);column-gap:80px}
  .dp .tx{grid-template-columns:minmax(0,480px) minmax(0,1fr)}
  .dp .bk{grid-template-columns:minmax(0,1fr) minmax(0,520px);column-gap:96px;padding:72px}
  .dp .about{max-width:980px}
  .dp .secnav__list a{padding:0 20px;font-size:16px}
}
@media (min-width:1680px){
  .dp{font-size:17px}
  .dp .shell{max-width:1480px}
  .dp .hp__pic{width:256px}
  .dp .hp__shape{width:580px;height:580px}
  .dp .hp__name{font-size:80px}
  .dp .hp__role{font-size:24px}
  .dp .btn{min-height:52px;padding-inline:28px;font-size:17px}
  .dp .tile{padding:var(--g4)}
  .dp .tile__ic{width:56px;height:56px}
  .dp .tile__ic .ic{width:28px;height:28px}
  .dp .tile__num{font-size:108px}
  .dp .tile__t{font-size:20px}
  .dp .tile--big .tile__t{font-size:22px}
  .dp .tile__s{font-size:17px}
  .dp .sec__h h2,.dp .bk__head h2{font-size:50px}
  .dp .sec__lede,.dp .bk__head p{font-size:20px}
  .dp .card h3,.dp .rm__t{font-size:23px}
  .dp .acc>summary h3,.dp .acc>summary h4{font-size:19px}
  .dp .chips li,.dp .secnav__list a,.dp .centre__bk,.dp .form label{font-size:17px}
  .dp .stat__num{font-size:84px}
  .dp .tr,.dp .fq{grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:96px}
  .dp .tx{grid-template-columns:minmax(0,520px) minmax(0,1fr)}
  .dp .bk{grid-template-columns:minmax(0,1fr) minmax(0,580px)}
  .dp .about{max-width:1060px}
  .dp .vid__a{grid-template-columns:180px minmax(0,1fr)}
}
@media (min-width:1920px){
  .dp{font-size:18px}
  .dp .shell{max-width:1680px;padding-inline:var(--g6)}
  .dp .hp__pic{width:264px;margin-right:96px}
  .dp .hp__shape{width:640px;height:640px}
  .dp .hp__name{font-size:92px}
  .dp .crumb ol{font-size:16px}
  .dp .hp__role{font-size:26px}
  .dp .hero__in{padding-bottom:160px}
  .dp .glance{margin-top:-120px}
  .dp .bento{gap:var(--g3)}
  .dp .tile__num{font-size:120px}
  .dp .tile__t{font-size:22px}
  .dp .tile--big .tile__t{font-size:24px}
  .dp .tile__s{font-size:18px}
  .dp .secnav__in{min-height:84px}
  .dp .secnav__list{padding:8px}
  .dp .secnav__list a{min-height:52px;font-size:18px;padding:0 24px}
  .dp .sec{padding-top:120px}
  .dp .sec--last{padding-bottom:120px}
  .dp .sec__h{margin-bottom:var(--g6)}
  .dp .sec__h h2,.dp .bk__head h2{font-size:58px}
  .dp .sec__lede,.dp .bk__head p{font-size:21px}
  .dp .card,.dp .centre{padding:40px}
  .dp .card h3,.dp .rm__t{font-size:25px}
  .dp .acc>summary{min-height:72px}
  .dp .acc>summary h3,.dp .acc>summary h4{font-size:20px}
  .dp .chips li,.dp .secnav__list a,.dp .centre__bk,.dp .form label,.dp .btn{font-size:18px}
  .dp .btn{min-height:56px}
  .dp .form input:not([type=checkbox]),.dp .form textarea{min-height:56px;font-size:18px}
  .dp .tr,.dp .fq{grid-template-columns:minmax(0,500px) minmax(0,1fr);column-gap:120px}
  .dp .tx{grid-template-columns:minmax(0,580px) minmax(0,1fr)}
  .dp .bk{grid-template-columns:minmax(0,1fr) minmax(0,640px);column-gap:120px;padding:88px}
  .dp .about{max-width:1180px}
  .dp .vid__a{grid-template-columns:200px minmax(0,1fr)}
}
@media (min-width:2560px){
  .dp{font-size:20px}
  .dp .shell{max-width:2200px;padding-inline:var(--g8)}
  .dp .hp__shape{width:760px;height:760px}
  .dp .hp__name{font-size:112px}
  .dp .crumb ol{font-size:19px}
  .dp .hp__role{font-size:30px}
  .dp .tile__num{font-size:140px}
  .dp .tile__t{font-size:26px}
  .dp .tile--big .tile__t{font-size:28px}
  .dp .tile__s{font-size:21px}
  .dp .tile__ic{width:68px;height:68px}
  .dp .tile__ic .ic{width:34px;height:34px}
  .dp .secnav__in{min-height:100px}
  .dp .secnav__list a{min-height:64px;font-size:21px;padding:0 30px}
  .dp .sec{padding-top:160px}
  .dp .sec--last{padding-bottom:160px}
  .dp .sec__h h2,.dp .bk__head h2{font-size:72px}
  .dp .sec__lede,.dp .bk__head p{font-size:25px}
  .dp .card h3,.dp .rm__t{font-size:30px}
  .dp .acc>summary h3,.dp .acc>summary h4{font-size:24px}
  .dp .chips li,.dp .centre__bk,.dp .form label,.dp .btn{font-size:21px}
  .dp .btn{min-height:64px;padding-inline:36px}
  .dp .form input:not([type=checkbox]),.dp .form textarea{min-height:64px;font-size:21px}
  .dp .tr,.dp .fq{grid-template-columns:minmax(0,640px) minmax(0,1fr);column-gap:160px}
  .dp .tx{grid-template-columns:minmax(0,720px) minmax(0,1fr)}
  .dp .bk{grid-template-columns:minmax(0,1fr) minmax(0,800px);column-gap:160px;padding:112px}
  .dp .about{max-width:1500px}
  .dp .vid__a{grid-template-columns:260px minmax(0,1fr)}
}
/* phones and small tablets: the portrait sits 5% of the hero's width in from the left */
@media (max-width:899px){.dp .hp__pic{margin-left:5%}}
/* phone bottom bar without the close button: Call and Book share the full width, 2 : 3 */
@media (max-width:640px){
  .dp .dock.is-on{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:10px;
    padding:10px var(--g2) calc(10px + env(safe-area-inset-bottom))}
  .dp .dock .btn{width:100%;min-height:48px;padding:10px 12px;font-size:15px}
  .dp .dock .dock__ct{display:inline}
}
@media (max-width:359px){.dp .dock .dock__fr{display:none}}   /* phones under 360px: "Book consultation" */
/* section tabs on phones and tablets: compact chips that snap, with an edge fade that shows there is more to scroll;
   the script sets .is-start / .is-end on the list, so the fade drops on the side that has nothing left */
@media (max-width:1023px){
  .dp .secnav__list{gap:6px;padding-block:8px;scroll-snap-type:x proximity;scroll-padding-inline:var(--g2);
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 40px),transparent 100%);
            mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 40px),transparent 100%)}
  .dp .secnav__list.is-start{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent 100%);
            mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent 100%)}
  .dp .secnav__list.is-end{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px);mask-image:linear-gradient(to right,transparent 0,#000 24px)}
  .dp .secnav__list.is-start.is-end{-webkit-mask-image:none;mask-image:none}
  .dp .secnav__list li{flex:0 0 auto;scroll-snap-align:start}
}
@media (max-width:639px){
  .dp .secnav__list a{min-height:40px;padding:0 14px;font-size:14px}
}