/* Internal-implants XD artboard, 1400px wide. */
.implants-redesign .wd-implants{overflow:clip;font-size:18px;line-height:1.35}
.implants-redesign .wi-hero{position:relative;min-height:698px;background:var(--wd-navy);color:#fff;overflow:hidden}
.implants-redesign .wi-hero>img{position:absolute;left:-9.07%;top:0;width:68.57%;height:100%;max-width:none;object-fit:cover}
.implants-redesign .wi-hero-panel{position:absolute;inset:0 0 0 auto;width:52.6%;background:var(--wd-navy);mask:url('/uploads/services-design/hero-panel-mask.svg') 0 0/100% 100% no-repeat}
.implants-redesign .wi-hero-panel::before{content:'';position:absolute;inset:0;background:url('/uploads/services-design/pattern.webp') center/cover;mix-blend-mode:multiply}
.implants-redesign .wi-hero-copy{position:relative;margin-left:56%;width:40%;max-width:557px;padding:38px 0 35px}
.implants-redesign .wi-hero-copy>p{font-size:16px;margin-bottom:14px}
.implants-redesign .wi-hero h1{color:#fff;font-size:58px;font-weight:900;line-height:.98;text-transform:uppercase;margin-bottom:26px}
.implants-redesign .wi-hero p{margin-bottom:18px}
.implants-redesign .wd-implants ul{list-style:none;padding:0 0 0 22px;margin:12px 0 24px}
.implants-redesign .wd-implants li{position:relative;margin:0 0 9px;padding-left:20px}
.implants-redesign .wd-implants li::before{content:'';position:absolute;left:-13px;top:5px;width:15px;height:8px;border-left:3px solid var(--wd-orange);border-bottom:3px solid var(--wd-orange);transform:rotate(-45deg)}
.implants-redesign .wi-reasons{background:#3277d5;color:#fff;text-align:center;padding:18px 0 29px}
.implants-redesign .wi-reasons h2{font-size:15px;line-height:22px;letter-spacing:7px;text-transform:uppercase;font-weight:400;color:#fff;margin-bottom:25px}
.implants-redesign .wi-reason-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;gap:45px}
.implants-redesign .wi-reason-grid svg{height:32px;width:32px;margin-bottom:8px;transform:rotate(-20deg)}
.implants-redesign .wi-reason-grid p{max-width:210px;margin:auto}
.implants-redesign .wi-section{padding:120px 0}
.implants-redesign .wi-split{display:grid;grid-template-columns:515fr 520fr;gap:115px;align-items:center}
.implants-redesign .wi-split>img{width:100%;aspect-ratio:515/382;object-fit:cover;border-radius:25px}
.implants-redesign .wi-reverse>img{order:2}
.implants-redesign .wi-split h2{font-size:48px;line-height:1;color:var(--wd-navy);white-space:pre-line;margin:0 0 14px}
.implants-redesign .wi-split p{margin-bottom:22px}
.implants-redesign .wi-split p:last-child{margin-bottom:0}
.implants-redesign .wi-split ul{margin:0;padding-left:26px}
.implants-redesign .wi-split li{font-size:18px;line-height:1.2;margin-bottom:10px;padding-left:13px}
.implants-redesign .wi-steps{margin-top:72px;padding:0 15px;display:grid;gap:30px}
.implants-redesign .wi-step{display:grid;grid-template-columns:306px 1fr;gap:77px;align-items:start}
.implants-redesign .wi-step img{width:306px;height:195px;object-fit:cover;border-radius:25px}
.implants-redesign .wi-step h3{font-size:36px;line-height:1.1;margin-bottom:6px}
.implants-redesign .wi-step p{margin-bottom:24px}
.implants-redesign .wi-step p:last-child{margin:0}
.implants-redesign .wi-step ul{margin-bottom:0}
.implants-redesign .wi-faq{padding:115px 0 125px;background:#3277d5;color:#fff}
.implants-redesign .wi-faq h2{text-align:center;color:#fff;font-size:48px;line-height:1.2;margin-bottom:42px}
.implants-redesign .wi-faq-list{max-width:780px;margin:auto;display:grid;gap:12px}
.implants-redesign .wi-faq details{border-radius:32px;background:var(--wd-navy);overflow:hidden}
.implants-redesign .wi-faq summary{position:relative;cursor:pointer;list-style:none;padding:18px 65px 18px 35px;font-size:18px;line-height:24px}
.implants-redesign .wi-faq summary::-webkit-details-marker{display:none}
.implants-redesign .wi-faq summary::after{content:'⌄';position:absolute;right:7px;top:7px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--wd-orange);font-size:30px;line-height:1;padding-bottom:10px}
.implants-redesign .wi-faq details[open] summary::after{transform:rotate(180deg)}
.implants-redesign .wi-faq details>div{padding:5px 35px 25px}
.implants-redesign .wi-faq summary:focus-visible{outline:3px solid white;outline-offset:-4px;border-radius:32px}
@media(max-width:1199px){
.implants-redesign .wi-hero-copy{margin-left:53%;width:44%;padding:35px 0}
.implants-redesign .wi-hero h1{font-size:44px}
.implants-redesign .wi-split{gap:55px}
.implants-redesign .wi-split h2,.implants-redesign .wi-faq h2{font-size:38px}
.implants-redesign .wi-section{padding:85px 0}
.implants-redesign .wi-step{grid-template-columns:28% 1fr;gap:45px}
.implants-redesign .wi-step img{width:100%;height:auto;aspect-ratio:306/195}
}
@media(max-width:768px){
.implants-redesign .wi-hero{display:flex;flex-direction:column}
.implants-redesign .wi-hero>img{position:static;width:100%;height:350px;object-position:center}
.implants-redesign .wi-hero-panel{display:none}
.implants-redesign .wi-hero-copy{margin:0;width:100%;max-width:none;padding:38px 25px}
.implants-redesign .wi-hero h1{font-size:40px;line-height:1.05}
.implants-redesign .wd-implants .wd-container{width:calc(100% - 50px)}
.implants-redesign .wi-reasons{padding:30px 20px}
.implants-redesign .wi-reasons h2{font-size:13px;letter-spacing:3px}
.implants-redesign .wi-reason-grid{grid-template-columns:1fr;gap:24px}
.implants-redesign .wi-section{padding:55px 0}
.implants-redesign .wi-split{grid-template-columns:1fr;gap:30px}
.implants-redesign .wi-reverse>img{order:0}
.implants-redesign .wi-split h2{font-size:36px}
.implants-redesign .wi-step{grid-template-columns:1fr;gap:22px}
.implants-redesign .wi-steps{padding:0;margin-top:45px;gap:35px}
.implants-redesign .wi-step img{max-width:306px}
.implants-redesign .wi-step h3{font-size:29px}
.implants-redesign .wi-faq{padding:60px 0}
.implants-redesign .wi-faq h2{font-size:34px;margin-bottom:30px}
.implants-redesign .wi-faq summary{font-size:16px;padding:17px 56px 17px 22px}
.implants-redesign .wi-faq summary::after{width:38px;height:38px;top:10px}
}
