@import url("./dental-implants.css");

:where([class^="all4-"],[class*=" all4-"]) *{box-sizing:border-box}:where([class^="all4-"],[class*=" all4-"]) :where(p,figure){margin:0}.all4-section{padding:clamp(88px,9vw,150px) clamp(24px,6vw,112px)}
.all4-hero{display:grid;grid-template-columns:.96fr 1.04fr;min-height:calc(100svh - var(--implant-header-offset));margin-top:var(--implant-header-offset);overflow:hidden;background:var(--navy-deep)}.all4-hero__content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(74px,7.5vw,128px) clamp(34px,6vw,112px)}.all4-hero .implant-eyebrow{color:var(--gold-light)}.all4-hero .heading{max-width:850px;margin:22px 0 30px;color:var(--white);font-size:clamp(3rem,4.35vw,5rem);letter-spacing:-.052em;line-height:.98;text-wrap:balance}.all4-hero .heading span,.all4-hero .heading em{display:block}.all4-hero .heading em{margin-top:.18em;color:var(--gold-light);font-size:.58em;letter-spacing:0}.all4-hero__lead{max-width:700px;color:rgba(255,255,255,.84);font-size:clamp(1.08rem,.98rem + .35vw,1.35rem);line-height:1.75}.all4-hero__media{position:relative;min-height:620px;background:#e8ecec}.all4-hero__media img{width:100%;height:100%;object-fit:cover}.all4-hero figcaption{position:absolute;right:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,54px);max-width:370px;padding:17px 22px;border-left:3px solid var(--gold-light);color:var(--white);background:rgba(9,20,50,.94);font-family:var(--display);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}
:where(.all4-intro,.all4-why,.all4-anatomy,.all4-candidacy,.all4-process,.all4-benefits,.all4-compare,.all4-aftercare,.all4-cost,.all4-faq) .heading{margin:18px 0 0;color:var(--navy);font-size:clamp(2.25rem,4.6vw,4.35rem);letter-spacing:-.04em;line-height:1.05;text-wrap:balance}:where(.all4-intro,.all4-why,.all4-anatomy,.all4-candidacy,.all4-process,.all4-benefits,.all4-compare,.all4-aftercare,.all4-cost,.all4-faq) .heading em{display:block;margin-top:12px;color:var(--gold-text);font-size:clamp(2.8rem,5vw,4.375rem);letter-spacing:0}.all4-header{max-width:980px;margin-bottom:clamp(44px,6vw,82px)}.all4-header>p,.all4-copy>p,.all4-intro__copy>p{color:#515a70;font-size:clamp(1.02rem,.98rem + .18vw,1.16rem);line-height:1.8}.all4-copy p+p,.all4-intro__copy p+p{margin-top:18px}.all4-intro{display:grid;grid-template-columns:.9fr .78fr;gap:clamp(52px,9vw,160px);background:var(--ivory)}.all4-intro__copy .heading{margin:0 0 24px;font-family:var(--body);font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:0;line-height:1.55}
.all4-why,.all4-benefits,.all4-aftercare{padding:clamp(80px,8vw,132px) clamp(24px,6vw,112px);background:#eef4f5}.all4-card-grid,.all4-check-grid,.all4-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.all4-card-grid article,.all4-check-grid article,.all4-care-grid article{padding:clamp(28px,3vw,46px);border-top:4px solid var(--gold-light);background:var(--white);box-shadow:0 18px 44px rgba(19,36,63,.07)}.all4-card-grid article>span,.all4-care-grid article>span{display:block;margin-bottom:28px;color:var(--gold-text);font-family:var(--display);letter-spacing:.14em}.all4-card-grid .heading,.all4-check-grid .heading,.all4-care-grid .heading{margin:0 0 15px;font-size:clamp(1.4rem,1.8vw,2rem);line-height:1.25}.all4-card-grid p,.all4-check-grid p,.all4-care-grid p{color:#515a70;line-height:1.72}.all4-benefits .all4-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.all4-anatomy,.all4-compare,.all4-cost{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(50px,8vw,120px);background:var(--white)}.all4-compare{grid-template-columns:.9fr 1fr;background:var(--ivory)}.all4-media{min-height:500px;overflow:hidden;background:#e7ecee;box-shadow:0 24px 60px rgba(19,36,63,.11)}.all4-media img{width:100%;height:100%;min-height:500px;object-fit:cover}.all4-anatomy__list{display:grid;gap:1px;margin:34px 0 0;padding:0;background:rgba(32,41,85,.15);list-style:none}.all4-anatomy__list li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:24px;background:var(--ivory)}.all4-anatomy__list li>span{color:var(--gold-text);font-family:var(--display)}.all4-anatomy__list .heading{margin:0 0 8px;font-size:1.5rem}.all4-anatomy__list p{color:#515a70;line-height:1.65}
.all4-candidacy{background:var(--ivory)}.all4-check-grid{grid-template-columns:repeat(2,1fr)}.all4-process{background:var(--navy-deep)}.all4-process .heading{color:var(--white)}.all4-process .implant-eyebrow,.all4-process .heading em{color:var(--gold-light)}.all4-process__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding:1px;background:rgba(255,255,255,.15);list-style:none}.all4-process__steps li{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:clamp(28px,4vw,52px);background:var(--navy-deep)}.all4-process__steps li>span{color:var(--gold-light);font-family:var(--display)}.all4-process__steps .heading{margin:0 0 12px;font-size:clamp(1.4rem,2vw,2rem)}.all4-process__steps p{color:rgba(255,255,255,.8);line-height:1.7}.all4-care-grid{grid-template-columns:repeat(2,1fr)}
.all4-inline-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding-bottom:5px;border-bottom:1px solid var(--gold-light);color:var(--navy);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.all4-inline-link:hover,.all4-inline-link:focus-visible{color:var(--blue-action);border-bottom-color:var(--blue-action)}.all4-faq{background:var(--ivory)}.all4-faq__list{display:grid;max-width:1060px;margin:auto;border-top:1px solid rgba(32,41,85,.2)}.all4-faq details{padding:0 4px;border-bottom:1px solid rgba(32,41,85,.2)}.all4-faq summary{padding:24px 48px 24px 0;color:var(--navy);font-family:var(--display);font-size:clamp(1.25rem,2vw,1.7rem);cursor:pointer}.all4-faq details p{padding:0 0 26px;color:#515a70;line-height:1.75}:where([class^="all4-"],[class*=" all4-"]) a:focus-visible,.all4-faq summary:focus-visible{outline:3px solid var(--azure);outline-offset:4px}
@media(max-width:1100px){.all4-hero .heading{font-size:clamp(3rem,6vw,4.8rem)}.all4-card-grid,.all4-benefits .all4-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.all4-hero{grid-template-columns:1fr}.all4-hero__content{min-height:650px}.all4-hero__media{min-height:520px}.all4-intro,.all4-anatomy,.all4-compare,.all4-cost{grid-template-columns:1fr;gap:48px}.all4-compare .all4-media,.all4-cost .all4-media{order:-1}.all4-card-grid,.all4-benefits .all4-card-grid,.all4-check-grid,.all4-care-grid,.all4-process__steps{grid-template-columns:1fr}}@media(max-width:680px){.all4-section,.all4-why,.all4-benefits,.all4-aftercare{padding:76px 22px}.all4-hero__content{min-height:620px;padding:64px 22px 70px}.all4-hero .heading{font-size:clamp(2.8rem,13vw,4.25rem)}.all4-hero .heading em{font-size:.58em}.all4-hero__media{min-height:420px}.all4-hero figcaption{right:16px;bottom:16px;left:16px;max-width:none}:where(.all4-intro,.all4-why,.all4-anatomy,.all4-candidacy,.all4-process,.all4-benefits,.all4-compare,.all4-aftercare,.all4-cost,.all4-faq) .heading{font-size:clamp(2.55rem,12vw,4rem)}.all4-intro__copy .heading,.all4-card-grid .heading,.all4-check-grid .heading,.all4-care-grid .heading,.all4-anatomy__list .heading,.all4-process__steps .heading{font-size:clamp(1.4rem,7vw,2rem)}.all4-media,.all4-media img{min-height:380px}}
