/* Implant method detail pages only. Each image src and text live in the page's HTML blocks. */
.drb-m{box-sizing:border-box;width:100%;color:#253e47;font-family:var(--drb-font,'Hanken Grotesk',Arial,sans-serif)}
.drb-m *{box-sizing:border-box}
.drb-m-wrap{width:min(1260px,calc(100% - 80px));margin-inline:auto}
.drb-m h1,.drb-m h2,.drb-m h3{font-family:var(--drb-heading,'Cormorant Garamond',Georgia,serif);font-weight:400;line-height:1.08;letter-spacing:-.027em}
.drb-m h2{font-size:clamp(40px,4.8vw,68px);margin:14px 0 23px;color:#253e47}
.drb-m h3{font-size:30px;color:#253e47;margin:0 0 10px}
.drb-m p{line-height:1.75;color:#52666c}
.drb-m-eye{display:block;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#aa775e}
.drb-m-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.drb-m-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 24px;border:1px solid #ad7c61;border-radius:100px;font:700 11px/1.35 var(--drb-font,'Hanken Grotesk',Arial,sans-serif);letter-spacing:.065em;text-transform:uppercase;text-decoration:none!important;transition:transform .25s,background .25s}
.drb-m-button:hover,.drb-m-button:focus-visible{transform:translateY(-2px)}
.drb-m-button--solid{background:#ad7c61;color:white!important}
.drb-m-button--solid:hover,.drb-m-button--solid:focus-visible{background:#93684f}
.drb-m-button--outline{color:#27434b!important;border-color:#6e8a89;background:transparent}
.drb-m-button--outline:hover,.drb-m-button--outline:focus-visible{background:#e5eeea}
.drb-m-hero{min-height:580px;display:flex;align-items:center;position:relative;isolation:isolate;background:#173842;color:#fff;overflow:hidden}
.drb-m-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:56% 38%;border:0;border-radius:0}
.drb-m-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,39,49,.96) 0%,rgba(17,45,54,.88) 44%,rgba(20,52,59,.38) 100%)}
.drb-m-hero>.drb-m-wrap{padding-block:45px 70px}
.drb-m-crumb{font-size:12px;color:#d5e4e0;line-height:1.5}
.drb-m-crumb a{color:#d5e4e0;text-underline-offset:3px}
.drb-m-crumb a:hover{text-decoration:underline}
.drb-m-hero-copy{max-width:740px;margin-top:85px}
.drb-m-hero .drb-m-eye{color:#dec1b0}
.drb-m-hero h1{font-size:clamp(55px,6.7vw,98px);color:white;margin:16px 0 24px;max-width:760px}
.drb-m-hero p{max-width:625px;font-size:17px;color:#e4efeb;margin:0}
.drb-m-hero .drb-m-button--outline{border-color:#d3e3df;color:#fff!important}
.drb-m-hero .drb-m-button--outline:hover{background:#ffffff22}
.drb-m-nav{background:#edf2ef;border-bottom:1px solid #d3dfda}
.drb-m-nav .drb-m-wrap{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-block:17px}
.drb-m-nav span{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-right:8px;white-space:nowrap}
.drb-m-nav a{font-size:11px;line-height:1.2;padding:9px 16px;border:1px solid #c4d4cf;border-radius:40px;white-space:nowrap;text-decoration:none;color:#38535a}
.drb-m-nav a:hover,.drb-m-nav a.is-current{background:#24444d;color:#fff;border-color:#24444d}
.drb-m-intro,.drb-m-criteria,.drb-m-process,.drb-m-compare,.drb-m-gallery,.drb-m-faq,.drb-m-related{padding-block:clamp(68px,8vw,112px)}
.drb-m-intro{background:#f8f9f6}
.drb-m-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,95px);align-items:center}
.drb-m-copy p{font-size:16px;margin:0 0 17px}
.drb-m-photo{margin:0;padding:12px;background:#fff;border:1px solid #d0ddd8;border-radius:12px;box-shadow:0 20px 42px #253e4714}
.drb-m-photo img{display:block;width:100%;height:430px;object-fit:cover;object-position:center;border-radius:7px}
.drb-m-photo figcaption{font-size:11px;line-height:1.5;color:#63777b;margin:10px 3px 0}
.drb-m-criteria{background:#eaf0ed}
.drb-m-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.drb-m-card{background:#fff;border:1px solid #d0dcd7;border-radius:10px;padding:32px;min-height:250px}
.drb-m-card>span{display:block;font:400 47px/1 var(--drb-heading,Georgia,serif);color:#a2b9b2;margin-bottom:35px}
.drb-m-card p{font-size:14px;margin:0}
.drb-m-process{background:#fcfcf9}
.drb-m-process .drb-m-lead{max-width:760px}
.drb-m-steps{list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd8d3;border-bottom:1px solid #cbd8d3}
.drb-m-steps li{padding:26px 24px;border-right:1px solid #cbd8d3}
.drb-m-steps li:first-child{padding-left:0}
.drb-m-steps li:last-child{border:0}
.drb-m-steps li>span{font-size:12px;font-weight:700;letter-spacing:.11em;color:#9b725f}
.drb-m-steps h3{margin-top:19px}
.drb-m-steps p{font-size:14px;margin:0}
.drb-m-process .drb-m-actions{margin-top:33px}
.drb-m-compare{background:#1a3b45;color:#f9fafa}
.drb-m-compare h2{color:white}
.drb-m-compare p{color:#d3e0df}
.drb-m-compare .drb-m-eye{color:#e2bca9}
.drb-m-note{border-top:1px solid #6d8988;padding-top:13px;font-size:13px}
.drb-m-gallery{background:#e4ece9}
.drb-m-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:28px}
.drb-m-gallery-head h2{margin-bottom:6px}
.drb-m-gallery-head a{font-size:12px;font-weight:700;color:#31565e;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.drb-m-gallery .drb-m-wrap>p{margin:0 0 28px}
.drb-m-mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:190px 215px;gap:14px}
.drb-m-tile{position:relative;margin:0;overflow:hidden;border:1px solid #ccdad6;border-radius:9px;background:#b6cbc5}
.drb-m-tile:first-child{grid-row:span 2}
.drb-m-tile:last-child{grid-column:span 2}
.drb-m-tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.drb-m-tile:hover img{transform:scale(1.035)}
.drb-m-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#19343cb5);pointer-events:none}
.drb-m-tile figcaption{position:absolute;bottom:16px;left:17px;z-index:1;color:white;font-size:13px;font-weight:700}
.drb-m-faq{background:#fafbf9}
.drb-m-faq .drb-m-split{align-items:start}
.drb-m-faq-list{border-top:1px solid #cbd8d3}
.drb-m-faq details{border-bottom:1px solid #cbd8d3;padding:17px 0}
.drb-m-faq summary{font-size:15px;font-weight:600;color:#28444d;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
.drb-m-faq summary::-webkit-details-marker{display:none}
.drb-m-faq summary:after{content:"+";font-size:24px;font-weight:300;color:#a77259}
.drb-m-faq details[open] summary:after{content:"−"}
.drb-m-faq details p{font-size:14px;margin:10px 22px 0 0}
.drb-m-related{background:#eef2ef}
.drb-m-related>div>p{max-width:760px}
.drb-m-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}
.drb-m-related-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:95px;padding:18px;border:1px solid #cfdbd6;border-radius:8px;background:#fff;text-decoration:none;color:#284750;font-weight:600}
.drb-m-related-grid a:hover{border-color:#8ca9a0;background:#f9fcfa}
.drb-m-related-grid b{font-size:20px;color:#aa775e}
.drb-m-parent a{color:#335861;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.drb-m-cta{padding-block:85px 100px;background:#173942;color:white;text-align:center}
.drb-m-cta .drb-m-eye{color:#dfbaa7}
.drb-m-cta h2{color:white}
.drb-m-cta p{color:#d7e5e2;max-width:630px;margin-inline:auto}
.drb-m-cta .drb-m-actions{justify-content:center}
.drb-m-cta .drb-m-button--outline{border-color:#c5d9d3;color:white!important}
.drb-m-cta .drb-m-button--outline:hover{background:#ffffff18}
@media(max-width:900px){.drb-m-wrap{width:min(1260px,calc(100% - 40px))}.drb-m-split{grid-template-columns:1fr;gap:32px}.drb-m-photo img{height:370px}.drb-m-steps{grid-template-columns:repeat(2,1fr)}.drb-m-steps li:nth-child(2){border-right:0}.drb-m-steps li:nth-child(-n+2){border-bottom:1px solid #cbd8d3}.drb-m-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.drb-m-hero{min-height:620px;align-items:end}.drb-m-hero:before{background:linear-gradient(0deg,#102f39f7 5%,#163743d3 57%,#16374377 100%)}.drb-m-hero-photo{object-position:63% center}.drb-m-hero>.drb-m-wrap{padding-block:28px 57px}.drb-m-hero-copy{margin-top:135px}.drb-m-hero h1{font-size:clamp(49px,12vw,73px)}.drb-m-hero p{font-size:15px}.drb-m-hero .drb-m-actions{display:grid}.drb-m-hero .drb-m-button{width:100%}.drb-m-intro,.drb-m-criteria,.drb-m-process,.drb-m-compare,.drb-m-gallery,.drb-m-faq,.drb-m-related{padding-block:65px}.drb-m h2{font-size:clamp(40px,10vw,56px)}.drb-m-cards,.drb-m-steps,.drb-m-related-grid{grid-template-columns:1fr}.drb-m-card{min-height:0}.drb-m-card>span{margin-bottom:14px}.drb-m-steps li,.drb-m-steps li:first-child{border-right:0;border-bottom:1px solid #cbd8d3;padding:23px 0}.drb-m-steps li:last-child{border-bottom:0}.drb-m-gallery-head{display:block}.drb-m-gallery-head a{display:inline-block;margin:10px 0}.drb-m-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:225px 170px 205px;gap:9px}.drb-m-tile:first-child{grid-row:1;grid-column:1 / 3}.drb-m-tile:last-child{grid-column:1 / 3}.drb-m-cta{padding-block:75px}.drb-m-cta .drb-m-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.drb-m-button,.drb-m-tile img{transition:none}.drb-m-button:hover,.drb-m-tile:hover img{transform:none}}


/* DRB IMPLANT INDEX V4 */
.drb-m-parent-index {
    padding-block: clamp(55px, 6vw, 78px);
    background: #eef2ef;
}

.drb-m-parent-index .drb-m-wrap > h2 {
    max-width: 850px;
    margin-bottom: 12px;
}

.drb-m-parent-index .drb-m-wrap > p {
    max-width: 760px;
    margin-bottom: 26px;
}

.drb-m-parent-index .drb-m-related-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: 0;
}

.drb-m-parent-index .drb-m-related-grid a {
    display: flex;
    flex: 0 1 calc((100% - 28px) / 3);
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    min-height: 143px;
    padding: 20px 22px;
    border: 1px solid #d0dcd7;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
    color: #253e47;
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease;
}

.drb-m-parent-index .drb-m-related-grid a::before {
    content: none;
}

.drb-m-parent-index .drb-m-related-grid a:hover,
.drb-m-parent-index .drb-m-related-grid a:focus-visible {
    transform: none;
    border-color: #8ca9a0;
    background: #f9fcfa;
    box-shadow: none;
}

.drb-m-parent-index .drb-m-index-copy {
    display: block;
    min-width: 0;
    margin: 0;
    letter-spacing: normal;
    text-transform: none;
}

.drb-m-parent-index .drb-m-index-copy strong {
    display: block;
    margin-bottom: 7px;
    color: #253e47;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(24px, 2vw, 29px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.drb-m-parent-index .drb-m-index-copy small {
    display: block;
    color: #607178;
    font-family: 'Hanken Grotesk', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
}

.drb-m-parent-index .drb-m-index-arrow {
    flex: 0 0 auto;
    margin: 0;
    color: #a57862;
    font-size: 19px;
    line-height: 1;
}

@media (max-width: 950px) {
    .drb-m-parent-index .drb-m-related-grid a {
        flex-basis: calc((100% - 14px) / 2);
    }
}

@media (max-width: 650px) {
    .drb-m-parent-index .drb-m-related-grid a {
        flex-basis: 100%;
        min-height: 112px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drb-m-parent-index .drb-m-related-grid a {
        transition: none;
    }
}
