/* =========================================================
   HOME — DYNAMIC PAGE STORY
   Uses only global Mert Demirel design tokens from global.css.
   ========================================================= */

.md-page-home .site-header{
    position:fixed;
    inset:0 0 auto;
    z-index:120;
    border-bottom-color:rgba(255,255,255,.14);
    background:transparent;
    color:#fff;
    transition:background .35s ease,color .35s ease,border-color .35s ease,backdrop-filter .35s ease;
}
.md-page-home.md-home-scrolled .site-header{
    background:color-mix(in srgb,var(--md-bg) 90%,transparent);
    color:var(--md-text);
    border-bottom-color:var(--md-line);
    backdrop-filter:blur(16px);
}
.md-page-home .site-main--home{overflow:hidden}
.md-home-story{position:relative;background:var(--md-bg);color:var(--md-text);overflow:clip}
.md-home-story *{box-sizing:border-box}
.md-home-story a{text-decoration:none}
.mdh-shell{width:min(calc(100% - (var(--md-gutter) * 2)),var(--md-container));margin-inline:auto}
.mdh-progress{position:fixed;z-index:150;left:0;right:0;top:0;height:2px;pointer-events:none}
.mdh-progress span{display:block;width:0;height:100%;background:var(--md-accent)}
.mdh-eyebrow{margin:0 0 24px;color:var(--md-accent-deep);font:700 10px/1.2 var(--md-font-ui);letter-spacing:.18em;text-transform:uppercase}
.mdh-reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--md-ease),transform .85s var(--md-ease)}
.mdh-reveal.is-visible{opacity:1;transform:none}
.mdh-delay-1{transition-delay:.1s}.mdh-delay-2{transition-delay:.2s}.mdh-delay-3{transition-delay:.3s}
.mdh-arrow-link{display:inline-flex;align-items:center;gap:20px;margin-top:34px;padding-bottom:7px;border-bottom:1px solid currentColor;color:inherit;font:700 11px var(--md-font-ui);letter-spacing:.12em;text-transform:uppercase}
.mdh-arrow-link span{font-size:16px;transition:transform .25s ease}.mdh-arrow-link:hover span{transform:translateX(5px)}
.mdh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:220px;padding:15px 18px;border:1px solid currentColor;font:700 11px var(--md-font-ui);letter-spacing:.1em;text-transform:uppercase;transition:background .25s ease,color .25s ease,transform .25s ease}
.mdh-button:hover{transform:translateY(-2px)}
.mdh-button--light{color:#fff}.mdh-button--light:hover{background:#fff;color:var(--md-brand)}
.mdh-button--dark{color:var(--md-brand)}.mdh-button--dark:hover{background:var(--md-brand);color:#fff}
.mdh-text-link{color:#fff;font:700 11px var(--md-font-ui);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:7px}
.mdh-text-link--dark{color:var(--md-brand);border-bottom-color:rgba(38,64,50,.45)}

/* Hero */
.mdh-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--md-header-height) + 80px) 0 82px;background:var(--md-brand);color:#fff;overflow:hidden}
.mdh-hero-media{position:absolute;inset:0 0 0 48%;overflow:hidden}
.mdh-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.72) contrast(1.02);transform:scale(1.03)}
.mdh-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--md-brand) 0%,rgba(38,64,50,.88) 7%,rgba(38,64,50,.16) 60%),linear-gradient(0deg,rgba(12,24,18,.46),transparent 48%)}
.mdh-orbit{position:absolute;border:1px solid rgba(200,172,154,.32);border-radius:50%;pointer-events:none}
.mdh-orbit--one{width:42vw;height:42vw;right:-10vw;top:14vh}
.mdh-orbit--two{width:66vw;height:66vw;right:-20vw;top:-7vh;border-color:rgba(255,255,255,.08)}
.mdh-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:clamp(60px,8vw,130px);align-items:end}
.mdh-hero-copy{max-width:850px}
.mdh-hero .mdh-eyebrow{color:var(--md-accent)}
.mdh-hero h1{margin:0;color:#fff;font:400 clamp(58px,8.3vw,126px)/.9 var(--md-font-display);letter-spacing:-.065em}
.mdh-hero h1 em{color:var(--md-accent);font-weight:400}
.mdh-hero-lead{max-width:620px;margin:34px 0 0;color:#d7dfda;font-size:17px;line-height:1.75}
.mdh-hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}
.mdh-hero-aside{align-self:end;padding:28px 0 10px;border-top:1px solid rgba(255,255,255,.28)}
.mdh-index{margin:0 0 25px;color:var(--md-accent);font:700 10px var(--md-font-ui);letter-spacing:.16em;text-transform:uppercase}
.mdh-hero-aside blockquote{margin:0;color:#fff;font:400 22px/1.5 var(--md-font-display)}
.mdh-hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.mdh-hero-proof span{padding:7px 9px;border:1px solid rgba(255,255,255,.22);color:#d7dfda;font:700 9px var(--md-font-ui);letter-spacing:.08em;text-transform:uppercase}
.mdh-scroll-cue{position:absolute;z-index:3;left:var(--md-gutter);bottom:26px;display:flex;align-items:center;gap:14px;color:#d9e1dc;font:700 9px var(--md-font-ui);letter-spacing:.16em;text-transform:uppercase}
.mdh-scroll-cue i{display:block;width:52px;height:1px;background:var(--md-accent);transform-origin:left;animation:mdhPulse 2.2s ease-in-out infinite}
@keyframes mdhPulse{50%{transform:scaleX(.35);opacity:.55}}

/* Manifesto */
.mdh-manifesto{padding:clamp(110px,13vw,190px) 0;background:var(--md-cream)}
.mdh-manifesto-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(50px,9vw,150px)}
.mdh-manifesto-label{display:flex;flex-direction:column;justify-content:space-between;min-height:390px;border-right:1px solid rgba(125,100,85,.22)}
.mdh-chapter-number{color:rgba(125,100,85,.25);font:400 clamp(110px,14vw,220px)/.75 var(--md-font-display);letter-spacing:-.1em}
.mdh-manifesto-copy h2{max-width:930px;margin:0;color:var(--md-brand);font:400 clamp(44px,6.7vw,90px)/1.02 var(--md-font-display);letter-spacing:-.055em}
.mdh-manifesto-copy h2 em{color:var(--md-accent-deep)}
.mdh-manifesto-copy>p{max-width:700px;margin:42px 0 0;color:#58665e;font-size:17px;line-height:1.8}

/* Surgeon story */
.mdh-story{display:grid;grid-template-columns:1fr 1fr;min-height:820px;background:var(--md-brand);color:#fff}
.mdh-story-media{position:relative;overflow:hidden;min-height:760px;background:#365443}
.mdh-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(38,64,50,.38)),linear-gradient(0deg,rgba(13,29,20,.2),transparent 45%)}
.mdh-story-media img{width:100%;height:112%;object-fit:cover;object-position:center top;filter:saturate(.72)}
.mdh-story-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,145px)}
.mdh-story-panel .mdh-eyebrow{color:var(--md-accent)}
.mdh-story-panel h2{margin:0;color:#fff;font:400 clamp(48px,6vw,82px)/1.03 var(--md-font-display);letter-spacing:-.055em}
.mdh-story-panel h2 em{color:var(--md-accent)}
.mdh-story-panel>p{max-width:650px;margin:35px 0 0;color:#d6dfda;font-size:16px;line-height:1.8}
.mdh-story-quote{max-width:650px;margin:45px 0 0;padding:26px 0 0;border-top:1px solid rgba(200,172,154,.4);color:var(--md-accent);font:400 25px/1.45 var(--md-font-display)}

/* Pillars */
.mdh-pillars{padding:clamp(105px,12vw,180px) 0;background:var(--md-bg)}
.mdh-section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end;margin-bottom:70px}
.mdh-section-head h2,.mdh-procedure-head h2,.mdh-proof-header h2{margin:0;color:var(--md-brand);font:400 clamp(46px,6vw,80px)/1.03 var(--md-font-display);letter-spacing:-.055em}
.mdh-section-head h2 em,.mdh-procedure-head h2 em,.mdh-proof-header h2 em{color:var(--md-accent-deep)}
.mdh-section-intro{max-width:470px;margin:0;color:#66726b;font-size:15px;line-height:1.75}
.mdh-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--md-line);background:var(--md-line);gap:1px}
.mdh-pillar{position:relative;display:flex;flex-direction:column;min-height:410px;padding:28px;background:var(--md-bg);transition:background .3s ease,color .3s ease,transform .3s ease}
.mdh-pillar:hover{z-index:2;background:var(--md-brand);color:#fff;transform:translateY(-5px)}
.mdh-pillar>span{color:var(--md-accent-deep);font:400 34px var(--md-font-display)}
.mdh-pillar small{margin-top:8px;color:var(--md-muted);font:700 9px var(--md-font-ui);letter-spacing:.15em;text-transform:uppercase}.mdh-pillar:hover small{color:#c7d1cc}
.mdh-pillar h3{margin:72px 0 17px;font:400 31px/1.12 var(--md-font-display);letter-spacing:-.035em}
.mdh-pillar p{margin:0;color:#66726b;font-size:14px;line-height:1.7}.mdh-pillar:hover p{color:#d5ded9}
.mdh-pillar i{margin-top:auto;color:var(--md-accent-deep);font-style:normal;font-size:20px}.mdh-pillar:hover i{color:var(--md-accent)}

/* Procedures */
.mdh-procedures{padding:clamp(100px,12vw,170px) 0 0;background:var(--md-dark);color:#fff}
.mdh-procedure-head{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;padding-bottom:75px}
.mdh-procedure-head .mdh-eyebrow{grid-column:1/-1;color:var(--md-accent)}
.mdh-procedure-head h2{color:#fff}.mdh-procedure-head h2 em{color:var(--md-accent)}
.mdh-procedure-head>p:last-child{align-self:end;max-width:520px;margin:0;color:#bdc8c2;font-size:15px;line-height:1.75}
.mdh-procedure-stack{border-top:1px solid rgba(255,255,255,.12)}
.mdh-procedure-card{position:relative;display:grid;align-items:end;min-height:480px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.mdh-procedure-media,.mdh-procedure-overlay{position:absolute;inset:0}
.mdh-procedure-media{left:48%;overflow:hidden;opacity:.74;transition:left .7s var(--md-ease),opacity .7s ease}
.mdh-procedure-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.68);transform:scale(1.02);transition:transform .9s var(--md-ease),filter .7s ease}
.mdh-procedure-overlay{background:linear-gradient(90deg,var(--md-dark) 0%,var(--md-dark) 38%,rgba(16,26,20,.84) 57%,rgba(16,26,20,.18) 100%)}
.mdh-procedure-content{position:relative;z-index:2;width:min(calc(100% - (var(--md-gutter) * 2)),var(--md-container));margin-inline:auto;padding:72px 0}
.mdh-procedure-content>span{color:var(--md-accent);font:700 10px var(--md-font-ui);letter-spacing:.16em;text-transform:uppercase}
.mdh-procedure-content h3{max-width:800px;margin:20px 0 18px;font:400 clamp(43px,5.5vw,76px)/.98 var(--md-font-display);letter-spacing:-.055em}
.mdh-procedure-content h3 em{color:var(--md-accent);font-weight:400}
.mdh-procedure-content p{max-width:550px;margin:0;color:#c2ccc7;font-size:14px;line-height:1.75}
.mdh-procedure-content b{display:block;margin-top:30px;color:#fff;font:700 10px var(--md-font-ui);letter-spacing:.12em;text-transform:uppercase}
.mdh-procedure-card:hover .mdh-procedure-media{left:42%;opacity:.9}.mdh-procedure-card:hover .mdh-procedure-media img{transform:scale(1.07);filter:saturate(.9)}

/* Proof timeline */
.mdh-proof{padding:clamp(105px,12vw,180px) 0;background:var(--md-cream)}
.mdh-proof-header{max-width:970px}
.mdh-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid rgba(125,100,85,.28);border-left:1px solid rgba(125,100,85,.28)}
.mdh-time{min-height:260px;padding:30px;border-right:1px solid rgba(125,100,85,.28);border-bottom:1px solid rgba(125,100,85,.28)}
.mdh-time span{color:var(--md-accent-deep);font:700 10px var(--md-font-ui);letter-spacing:.14em;text-transform:uppercase}
.mdh-time strong{display:block;margin:46px 0 14px;color:var(--md-brand);font:400 27px/1.15 var(--md-font-display)}
.mdh-time p{margin:0;color:#626e67;font-size:14px;line-height:1.65}
.mdh-proof-link{margin-top:46px;color:var(--md-brand)}

/* Research */
.mdh-research{display:grid;grid-template-columns:.9fr 1.1fr;min-height:780px;background:var(--md-brand);color:#fff}
.mdh-research-visual{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#1d3528,#101a14)}
.mdh-research-rings,.mdh-research-rings:before,.mdh-research-rings:after{position:absolute;border:1px solid rgba(200,172,154,.3);border-radius:50%;content:""}
.mdh-research-rings{width:430px;height:430px}.mdh-research-rings:before{inset:-22%}.mdh-research-rings:after{inset:22%}
.mdh-research-visual>span{position:relative;z-index:1;color:var(--md-accent);font:700 clamp(28px,4vw,58px)/.92 var(--md-font-ui);letter-spacing:-.045em;text-align:center}
.mdh-research-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(75px,10vw,150px)}
.mdh-research-copy .mdh-eyebrow{color:var(--md-accent)}
.mdh-research-copy h2{margin:0;color:#fff;font:400 clamp(48px,6.2vw,85px)/1.03 var(--md-font-display);letter-spacing:-.055em}
.mdh-research-copy h2 em{color:var(--md-accent)}
.mdh-research-copy>p{max-width:680px;margin:34px 0 0;color:#d0dad4;font-size:16px;line-height:1.8}
.mdh-research-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.mdh-research-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.2);color:#d8e0dc;font:700 9px var(--md-font-ui);letter-spacing:.08em;text-transform:uppercase}

/* International */
.mdh-international{padding:clamp(105px,12vw,180px) 0;background:var(--md-bg)}
.mdh-international-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,9vw,140px);align-items:center}
.mdh-international-copy h2{margin:0;color:var(--md-brand);font:400 clamp(46px,6.3vw,82px)/1.03 var(--md-font-display);letter-spacing:-.055em}
.mdh-international-copy h2 em{color:var(--md-accent-deep)}
.mdh-international-copy>p{max-width:610px;margin:34px 0 0;color:#647069;font-size:16px;line-height:1.8}
.mdh-international-map{position:relative;min-height:500px;border:1px solid var(--md-line);background:radial-gradient(circle at 60% 50%,var(--md-mist),transparent 37%),linear-gradient(135deg,#f1ece4,#e2ddd4);overflow:hidden}
.mdh-international-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(38,64,50,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,64,50,.055) 1px,transparent 1px);background-size:50px 50px}
.mdh-international-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(125,100,85,.55);stroke-width:1.5;stroke-dasharray:5 7}
.mdh-city{position:absolute;z-index:2;display:grid;grid-template-columns:18px auto;gap:0 9px;align-items:center;color:var(--md-brand)}
.mdh-city i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--md-accent-deep);box-shadow:0 0 0 6px rgba(125,100,85,.14)}
.mdh-city strong{font:700 11px var(--md-font-ui);letter-spacing:.07em;text-transform:uppercase}.mdh-city span{font-size:11px;color:#68736d}
.mdh-city--uk{left:10%;top:23%}.mdh-city--eu{left:15%;bottom:23%}.mdh-city--istanbul{right:8%;top:52%}

/* Final CTA */
.mdh-final{position:relative;min-height:760px;display:flex;align-items:center;background:var(--md-accent);color:var(--md-brand);overflow:hidden}
.mdh-final-backdrop{position:absolute;width:55vw;height:55vw;right:-13vw;top:-12vw;border:1px solid rgba(38,64,50,.22);border-radius:50%}
.mdh-final-backdrop:before,.mdh-final-backdrop:after{content:"";position:absolute;border:1px solid rgba(38,64,50,.18);border-radius:50%}.mdh-final-backdrop:before{inset:17%}.mdh-final-backdrop:after{inset:35%}
.mdh-final-inner{position:relative;z-index:1;padding-block:120px}
.mdh-final .mdh-eyebrow{color:var(--md-brand)}
.mdh-final h2{max-width:1050px;margin:0;color:var(--md-brand);font:400 clamp(52px,7.2vw,102px)/.97 var(--md-font-display);letter-spacing:-.06em}
.mdh-final h2 em{color:#fff;font-weight:400}
.mdh-final-inner>p{max-width:640px;margin:38px 0 0;color:#604f45;font-size:16px;line-height:1.8}
.mdh-final-actions{display:flex;align-items:center;gap:28px;margin-top:44px}
.mdh-final-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:90px;padding-top:25px;border-top:1px solid rgba(38,64,50,.25);color:#6a5548;font:700 9px var(--md-font-ui);letter-spacing:.13em;text-transform:uppercase}

@media(max-width:1100px){
  .mdh-hero-grid{grid-template-columns:1fr;gap:50px}.mdh-hero-copy{max-width:800px}.mdh-hero-aside{max-width:500px}.mdh-hero-media{inset:0 0 0 37%}
  .mdh-pillar-grid{grid-template-columns:1fr 1fr}.mdh-pillar{min-height:340px}
  .mdh-timeline{grid-template-columns:1fr 1fr}
  .mdh-story-panel,.mdh-research-copy{padding:70px}
}

@media(max-width:800px){
  .md-page-home .site-header{position:absolute}.md-page-home.md-home-scrolled .site-header{background:transparent;color:#fff;border-bottom-color:rgba(255,255,255,.14);backdrop-filter:none}
  .mdh-hero{min-height:900px;padding:calc(var(--md-header-height) + 54px) 0 62px;align-items:flex-end}
  .mdh-hero-media{inset:0;opacity:.54}.mdh-hero-wash{background:linear-gradient(0deg,var(--md-brand) 0%,rgba(38,64,50,.82) 44%,rgba(38,64,50,.24) 100%)}
  .mdh-orbit--one{width:80vw;height:80vw}.mdh-orbit--two{width:120vw;height:120vw}
  .mdh-hero h1{font-size:clamp(52px,15vw,88px)}.mdh-hero-lead{font-size:15px}.mdh-hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.mdh-hero-aside{display:none}.mdh-scroll-cue{display:none}
  .mdh-manifesto-grid,.mdh-section-head,.mdh-procedure-head,.mdh-international-grid{grid-template-columns:1fr;gap:45px}
  .mdh-manifesto-label{min-height:auto;border-right:0;border-bottom:1px solid rgba(125,100,85,.22);padding-bottom:25px}.mdh-chapter-number{display:none}
  .mdh-story,.mdh-research{grid-template-columns:1fr}.mdh-story-media{min-height:530px}.mdh-story-panel,.mdh-research-copy{padding:78px var(--md-gutter)}
  .mdh-section-head{margin-bottom:45px}.mdh-section-intro{max-width:600px}
  .mdh-pillar-grid{grid-template-columns:1fr}.mdh-pillar{min-height:300px}.mdh-pillar h3{margin-top:45px}
  .mdh-procedure-head .mdh-eyebrow{grid-column:auto}.mdh-procedure-card{min-height:560px}.mdh-procedure-media{left:0;opacity:.52}.mdh-procedure-overlay{background:linear-gradient(0deg,var(--md-dark) 0%,rgba(16,26,20,.82) 54%,rgba(16,26,20,.22) 100%)}.mdh-procedure-card:hover .mdh-procedure-media{left:0}.mdh-procedure-content{padding:65px 0}.mdh-procedure-content h3{font-size:clamp(40px,11vw,62px)}
  .mdh-timeline{grid-template-columns:1fr}.mdh-time{min-height:225px}.mdh-time strong{margin-top:34px}
  .mdh-research-visual{min-height:520px}.mdh-research-rings{width:290px;height:290px}
  .mdh-international-map{min-height:420px}
  .mdh-final{min-height:700px}.mdh-final-inner{padding-block:95px}.mdh-final-actions{align-items:flex-start;flex-direction:column}.mdh-final-meta{margin-top:65px}
}

@media(max-width:520px){
  .mdh-shell{width:calc(100% - 38px)}
  .mdh-manifesto,.mdh-pillars,.mdh-proof,.mdh-international{padding-block:88px}
  .mdh-story-panel,.mdh-research-copy{padding:70px 19px}
  .mdh-pillar{padding:24px 20px}
  .mdh-time{padding:25px 20px}
  .mdh-procedure-content{width:calc(100% - 38px)}
  .mdh-international-map{min-height:360px}.mdh-city--uk{left:7%}.mdh-city--eu{left:8%;bottom:18%}.mdh-city--istanbul{right:4%;top:55%}
  .mdh-city span{display:none}
}

@media(prefers-reduced-motion:reduce){
  .mdh-reveal{opacity:1;transform:none;transition:none}.mdh-scroll-cue i{animation:none}.mdh-parallax{transform:none!important}.mdh-procedure-media img{transition:none}
}


/* =========================================================
   v1.72 — Home: research symbol + final CTA visual cleanup
   Mirrors the approved Academic Research / Consultation revisions.
   ========================================================= */

/* Research block: remove concentric rings and use a clear question motif. */
.mdh-research-rings{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    pointer-events:none!important;
}

.mdh-research-rings::before{
    content:"?"!important;
    position:absolute!important;
    left:50%!important;
    top:47%!important;
    transform:translate(-50%,-50%)!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    border-radius:0!important;
    color:rgba(200,172,154,.18);
    font-family:var(--md-font-display);
    font-size:clamp(220px,30vw,450px);
    font-weight:400;
    line-height:.78;
    letter-spacing:-.08em;
}

.mdh-research-rings::after{
    display:none!important;
    content:none!important;
}

.mdh-research-visual>span{
    z-index:2!important;
    max-width:320px;
    color:rgba(200,172,154,.9)!important;
    font-size:clamp(16px,1.55vw,24px)!important;
    line-height:1.05!important;
    letter-spacing:.04em!important;
    text-transform:uppercase;
}

/* Final home CTA: remove brown background and circular backdrop. */
.mdh-final{
    position:relative;
    isolation:isolate;
    background:#edf1ed!important;
    color:var(--md-text)!important;
}

.mdh-final-backdrop{
    display:none!important;
}

.mdh-final::after{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    bottom:0;
    width:min(42vw,700px);
    background-image:
        linear-gradient(90deg,#edf1ed 0%,rgba(237,241,237,.86) 15%,rgba(237,241,237,.28) 42%,rgba(237,241,237,.04) 72%),
        linear-gradient(rgba(35,59,47,.08),rgba(35,59,47,.08)),
        url('../../images/editorial/doctor/studio-formal-landscape.webp');
    background-size:cover,cover,cover;
    background-position:center,center,64% center;
    background-repeat:no-repeat;
    pointer-events:none;
}

.mdh-final-inner{
    position:relative;
    z-index:1;
}

.mdh-final .mdh-eyebrow{
    color:var(--md-accent-deep)!important;
}

.mdh-final h2{
    max-width:760px!important;
    color:var(--md-brand)!important;
}

.mdh-final h2 em{
    color:var(--md-brand-soft)!important;
}

.mdh-final-inner>p{
    max-width:610px!important;
    color:#5d6962!important;
}

.mdh-final-meta{
    max-width:760px;
    border-top-color:rgba(38,64,50,.18)!important;
    color:var(--md-accent-deep)!important;
}

@media(max-width:980px){
    .mdh-research-rings::before{
        font-size:clamp(190px,42vw,330px);
    }

    .mdh-final::after{
        width:48vw;
        opacity:.68;
    }

    .mdh-final h2{
        max-width:640px!important;
    }
}

@media(max-width:700px){
    .mdh-research-rings::before{
        font-size:clamp(170px,52vw,260px);
    }

    .mdh-research-visual>span{
        max-width:250px;
        font-size:15px!important;
    }

    .mdh-final{
        padding-bottom:300px!important;
    }

    .mdh-final::after{
        top:auto;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:260px;
        opacity:.78;
        background-image:
            linear-gradient(180deg,#edf1ed 0%,rgba(237,241,237,.38) 30%,rgba(237,241,237,.02) 72%),
            linear-gradient(rgba(35,59,47,.08),rgba(35,59,47,.08)),
            url('../../images/editorial/doctor/studio-formal-landscape.webp');
        background-position:center,center,center 20%;
    }
}


/* =========================================================
   v1.74 — Home final CTA portrait refinement
   Match the updated consultation CTA.
   ========================================================= */
.mdh-final{
    background:#f7f5f1!important;
    color:var(--md-text)!important;
}

.mdh-final::after{
    width:min(44vw,760px);
    background-image:
        linear-gradient(90deg,#f7f5f1 0%,rgba(247,245,241,.96) 10%,rgba(247,245,241,.72) 22%,rgba(247,245,241,.28) 38%,rgba(247,245,241,0) 52%),
        url('../../images/editorial/doctor/studio-warm-landscape.webp');
    background-size:cover,cover;
    background-position:center,56% center;
    background-repeat:no-repeat;
    opacity:1;
}

.mdh-final h2 em{
    color:#476856!important;
}

.mdh-final-inner>p{
    color:#5b6760!important;
}

@media(max-width:980px){
    .mdh-final::after{
        width:50vw;
        background-position:center,58% center;
    }
}

@media(max-width:700px){
    .mdh-final{
        padding-bottom:320px!important;
    }

    .mdh-final::after{
        width:100%;
        height:280px;
        background-image:
            linear-gradient(180deg,#f7f5f1 0%,rgba(247,245,241,.9) 20%,rgba(247,245,241,.42) 50%,rgba(247,245,241,0) 82%),
            url('../../images/editorial/doctor/studio-warm-landscape.webp');
        background-size:cover,cover;
        background-position:center,center 18%;
        opacity:1;
    }
}


/* =========================================================
   v1.75 — Homepage procedure category imagery
   User-supplied category-specific images:
   01 Face, 02 Body, 03 Breast, 04 Non-Surgical.
   Keep one consistent dark-green transition / tonal treatment.
   ========================================================= */
.mdh-procedure-card:nth-child(1){
  --dmd-home-procedure-image:url('../../images/editorial/home-procedures/dmd-face.webp');
  --dmd-home-procedure-position:center center;
}
.mdh-procedure-card:nth-child(2){
  --dmd-home-procedure-image:url('../../images/editorial/home-procedures/dmd-breast.webp');
  --dmd-home-procedure-position:center 52%;
}
.mdh-procedure-card:nth-child(3){
  --dmd-home-procedure-image:url('../../images/editorial/home-procedures/dmd-body.webp');
  --dmd-home-procedure-position:center 54%;
}
.mdh-procedure-card:nth-child(4){
  --dmd-home-procedure-image:url('../../images/editorial/home-procedures/dmd-non-surgical.webp');
  --dmd-home-procedure-position:center center;
}

.mdh-procedure-media{
  background:#101a14;
}

.mdh-procedure-media img{
  opacity:0!important;
}

.mdh-procedure-media::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--dmd-home-procedure-image);
  background-size:cover;
  background-position:var(--dmd-home-procedure-position,center);
  background-repeat:no-repeat;
  filter:saturate(.58) contrast(.96) brightness(.78);
  transform:scale(1.02);
  transition:transform .9s var(--md-ease),filter .7s ease;
}

/* A single shared wash normalizes the very different source-lighting conditions. */
.mdh-procedure-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(16,26,20,.22),rgba(16,26,20,.06) 55%,rgba(16,26,20,.14)),
    linear-gradient(0deg,rgba(16,26,20,.12),rgba(16,26,20,.12));
  pointer-events:none;
}

.mdh-procedure-overlay{
  background:linear-gradient(90deg,var(--md-dark) 0%,var(--md-dark) 38%,rgba(16,26,20,.84) 57%,rgba(16,26,20,.18) 100%)!important;
}

.mdh-procedure-card:hover .mdh-procedure-media::before{
  transform:scale(1.07);
  filter:saturate(.72) contrast(1) brightness(.84);
}

@media(max-width:800px){
  .mdh-procedure-media::before{
    background-position:var(--dmd-home-procedure-position,center);
    filter:saturate(.56) contrast(.96) brightness(.72);
  }
  .mdh-procedure-overlay{
    background:linear-gradient(0deg,var(--md-dark) 0%,rgba(16,26,20,.82) 54%,rgba(16,26,20,.22) 100%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mdh-procedure-media::before{
    transition:none!important;
  }
}


/* =========================================================
   v1.77 — Homepage Academic Research visual
   Replace the abstract question-mark graphic with a breast-focused visual.
   ========================================================= */
.mdh-research-visual{
    position:relative!important;
    isolation:isolate;
    background:
        url('../../images/editorial/home/academic-research-breast.webp') center 48% / cover no-repeat!important;
}

.mdh-research-visual::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:
        linear-gradient(90deg,
            rgba(12,24,18,.18) 0%,
            rgba(12,24,18,.12) 48%,
            rgba(20,38,29,.42) 74%,
            rgba(38,64,50,.82) 100%),
        linear-gradient(0deg,
            rgba(10,18,14,.48) 0%,
            rgba(10,18,14,.10) 46%,
            rgba(10,18,14,.30) 100%);
    pointer-events:none;
}

.mdh-research-visual::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    box-shadow:inset -70px 0 90px rgba(38,64,50,.28);
    pointer-events:none;
}

/* Remove the previous question-mark / Research-is-a-question artwork entirely. */
.mdh-research-rings,
.mdh-research-rings::before,
.mdh-research-rings::after,
.mdh-research-visual>span{
    display:none!important;
    content:none!important;
}

@media(max-width:800px){
    .mdh-research-visual{
        min-height:520px!important;
        background-position:center 46%!important;
    }

    .mdh-research-visual::before{
        background:
            linear-gradient(180deg,
                rgba(12,24,18,.18) 0%,
                rgba(12,24,18,.08) 52%,
                rgba(38,64,50,.72) 100%),
            linear-gradient(90deg,rgba(10,18,14,.20),rgba(10,18,14,.20));
    }

    .mdh-research-visual::after{
        box-shadow:inset 0 -70px 90px rgba(38,64,50,.26);
    }
}


/* =========================================================
   v1.82 — Homepage visual system cleanup
   Remove the unwanted brown/tan section fills, bring the procedure
   area into the DMD logo green, and use clean photographic edges.
   ========================================================= */

/* The Decision Before the Procedure + The Foundation now use the same
   quiet neutral surface as Four Ways to Understand the Practice. */
.mdh-manifesto,
.mdh-proof{
    background:var(--md-bg)!important;
}

.mdh-manifesto-label{
    border-right-color:rgba(38,64,50,.16)!important;
}

.mdh-timeline{
    border-top-color:rgba(38,64,50,.18)!important;
    border-left-color:rgba(38,64,50,.18)!important;
}

.mdh-time{
    border-right-color:rgba(38,64,50,.18)!important;
    border-bottom-color:rgba(38,64,50,.18)!important;
}

/* Find Your Area: use the logo/sticky-bar green instead of near-black green. */
.mdh-procedures{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--md-brand) 94%,var(--md-dark) 6%) 0%,
        color-mix(in srgb,var(--md-brand-soft) 26%,var(--md-brand) 74%) 52%,
        var(--md-brand) 100%)!important;
}

.mdh-procedure-media{
    background:var(--md-brand)!important;
    opacity:.88!important;
}

.mdh-procedure-media::before{
    filter:saturate(.72) contrast(.98) brightness(.92)!important;
}

.mdh-procedure-media::after{
    background:linear-gradient(0deg,rgba(38,64,50,.08),rgba(38,64,50,.08))!important;
}

.mdh-procedure-overlay{
    background:linear-gradient(90deg,
        var(--md-brand) 0%,
        var(--md-brand) 38%,
        rgba(38,64,50,.82) 56%,
        rgba(38,64,50,.10) 100%)!important;
}

.mdh-procedure-card:hover .mdh-procedure-media{
    opacity:.98!important;
}

.mdh-procedure-card:hover .mdh-procedure-media::before{
    filter:saturate(.82) contrast(1) brightness(.96)!important;
}

/* Academic Research: the photograph is a distinct frame. No mist/fade into
   the adjacent green copy panel. */
.mdh-research-visual{
    border-right:1px solid rgba(255,255,255,.14);
}

.mdh-research-visual::before,
.mdh-research-visual::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

/* Final CTA: clear portrait panel rather than a photograph dissolving into
   a white blur. */
.mdh-final{
    min-height:760px!important;
    background:var(--md-light)!important;
    color:var(--md-text)!important;
    isolation:isolate;
}

.mdh-final::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:clamp(48px,6vw,86px)!important;
    right:clamp(28px,5vw,78px)!important;
    bottom:clamp(48px,6vw,86px)!important;
    left:auto!important;
    width:min(38vw,610px)!important;
    height:auto!important;
    background:url('../../images/editorial/doctor/studio-warm-landscape.webp') 58% 22% / cover no-repeat!important;
    border:1px solid rgba(38,64,50,.16);
    box-shadow:0 28px 70px rgba(38,64,50,.14);
    opacity:1!important;
    pointer-events:none;
}

.mdh-final-inner{
    position:relative;
    z-index:1;
    padding-right:clamp(430px,43vw,690px)!important;
}

.mdh-final h2{
    max-width:720px!important;
}

.mdh-final-inner>p,
.mdh-final-meta{
    max-width:620px!important;
}

@media(max-width:1180px){
    .mdh-final::after{
        width:min(40vw,500px)!important;
        right:var(--md-gutter)!important;
    }
    .mdh-final-inner{
        padding-right:clamp(390px,43vw,520px)!important;
    }
}

@media(max-width:800px){
    .mdh-procedure-media{
        opacity:.84!important;
    }
    .mdh-procedure-media::before{
        filter:saturate(.68) contrast(.98) brightness(.88)!important;
    }
    .mdh-procedure-overlay{
        background:linear-gradient(0deg,
            var(--md-brand) 0%,
            rgba(38,64,50,.90) 48%,
            rgba(38,64,50,.28) 100%)!important;
    }

    .mdh-research-visual{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .mdh-final{
        min-height:auto!important;
        padding-bottom:390px!important;
    }
    .mdh-final-inner{
        padding-right:0!important;
    }
    .mdh-final::after{
        top:auto!important;
        right:var(--md-gutter)!important;
        bottom:55px!important;
        left:var(--md-gutter)!important;
        width:auto!important;
        height:300px!important;
        background:url('../../images/editorial/doctor/studio-warm-landscape.webp') center 20% / cover no-repeat!important;
    }
}

@media(max-width:520px){
    .mdh-final{
        padding-bottom:340px!important;
    }
    .mdh-final::after{
        right:19px!important;
        bottom:38px!important;
        left:19px!important;
        height:270px!important;
    }
}