/* A warm, tactile treatment gallery. Only the selected scene animates. */
.expertise-experience{padding-block:100px 80px;background:#173644}
.expertise-experience .expertise-heading>div{margin-bottom:52px;gap:10%}.expertise-experience .expertise-heading h2{font-size:clamp(46px,4.9vw,76px)}.expertise-experience .expertise-heading>div>p{color:#c8d5d5;max-width:370px}
.expertise-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:start}.expertise-navigation{min-width:0}.expertise-core{border-top:1px solid #c6d3d22e}.expertise-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;position:relative;transition:color .3s,background .35s,border-color .3s;outline-offset:5px}.expertise-choice svg{width:19px;height:19px;transition:transform .3s;flex-shrink:0}.expertise-choice:hover svg{transform:translate(3px,-3px)}.expertise-core .expertise-choice{font-size:29px;letter-spacing:-.035em;line-height:1.35;padding:19px 0;border-bottom:1px solid #c6d3d22e;color:#b9ccce}.expertise-core .expertise-choice:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#d5c4a6;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.expertise-core .expertise-choice.is-active{color:#fffdf5}.expertise-core .expertise-choice.is-active:after{transform:scaleX(1)}.expertise-core .expertise-choice.is-active svg{color:#d5c4a6;transform:rotate(45deg)}.expertise-subheading{font-size:16px;color:#c2cfcf;margin-top:29px;margin-bottom:15px}.expertise-specific{display:grid;grid-template-columns:1fr 1fr;gap:10px}.expertise-specific .expertise-choice{font-size:16px;letter-spacing:-.02em;line-height:1.5;padding:14px 15px;min-height:57px;border:1px solid #c6d3d236;border-radius:3px;color:#e0e9e4}.expertise-specific .expertise-choice svg{width:15px;height:15px;opacity:.75}.expertise-specific .expertise-choice:hover{background:#ffffff08;border-color:#c5d3c680}.expertise-specific .expertise-choice.is-active{background:#e4e8dc;color:#193b46;border-color:#e4e8dc}.expertise-specific .expertise-choice.is-active svg{opacity:1;transform:rotate(45deg)}.expertise-all{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;color:#eeeae0;margin-top:24px;padding:12px 0}.expertise-all svg{width:21px;height:21px;transition:translate .3s}.expertise-all:hover svg{translate:4px}
.expertise-panel{position:sticky;top:110px;isolation:isolate;color:var(--ink);background:linear-gradient(135deg,#fbfaf5,#f0eee5);border-radius:5px 5px 90px 5px;overflow:hidden;min-width:0}.dental-stage{position:relative;width:100%;height:390px;overflow:hidden;isolation:isolate;contain:paint;background:radial-gradient(ellipse at 45% 45%,#dce5df54,transparent 66%)}.dental-art{display:block;position:absolute;inset:-10% 0;width:100%;height:120%;fill:none;stroke:none;overflow:visible}.dental-art>[data-dental-scene]{display:none}.dental-art>[data-dental-scene][data-active]{display:block}.expertise-caption{position:relative;padding:3px 36px 35px}.expertise-selected{font-size:16px;color:#67867f;margin-bottom:12px}.expertise-caption h3{font-size:30px;letter-spacing:-.04em;line-height:1.18;max-width:390px}.expertise-caption-copy{font-size:17px;line-height:1.8;margin-top:17px;color:#617175;max-width:410px}.expertise-caption .text-link{font-size:16px;margin-top:17px;gap:16px}.expertise-reassurance{margin-top:49px;border-top:1px solid #c6d3d22e;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.expertise-reassurance p{font-size:17px;color:#cbd8d4}.expertise-reassurance a{font-size:16px;display:flex;align-items:center;gap:15px;flex-shrink:0;color:#eee8d7}.expertise-reassurance svg{width:19px;height:19px}
/* Complete compositions remain readable without scripts or motion. */
.dental-float{transform-origin:500px 500px}.dental-crown-seat{transform:translateY(360px)}.dental-aligner-seat{transform:translateY(425px)}.dental-abutment-seat{transform:translateY(45px)}.dental-implant-crown-seat{transform:translateY(210px)}.dental-veneer-seat{opacity:.85}.dental-denture-seat{transform:translateY(0)}.dental-shine{opacity:.7}.dental-shine-pass{transform:translateX(1500px)}.dental-glints{opacity:0}.dental-root-lines path{stroke-dasharray:1;stroke-dashoffset:0}.dental-protection{stroke-dasharray:1;stroke-dashoffset:0;opacity:.5}.dental-stage[data-scene=angsttandarts],.dental-stage[data-scene=verdoving]{background:radial-gradient(ellipse,#e9d9bf75,transparent 70%)}.dental-stage[data-scene=mondhygiene],.dental-stage[data-scene=tanden-bleken]{background:radial-gradient(ellipse,#dcebe07a,transparent 68%)}
.dental-stage.is-playing .dental-float{animation:dental-float 7s ease-in-out infinite}.dental-stage.is-playing .dental-mirror{animation:dental-inspect 6s ease-in-out infinite;transform-origin:740px 355px}.dental-stage.is-playing .dental-probe{animation:dental-probe 6s ease-in-out infinite}.dental-stage.is-playing .dental-crown-seat{animation:dental-crown-fit 7s var(--ease) infinite}.dental-stage.is-playing .dental-aligner-seat{animation:dental-aligner-fit 7s var(--ease) infinite}.dental-stage.is-playing .dental-abutment-seat{animation:dental-abutment-fit 7s var(--ease) infinite}.dental-stage.is-playing .dental-implant-crown-seat{animation:dental-implant-fit 7s var(--ease) infinite}.dental-stage.is-playing .dental-shine-pass{animation:dental-polish 6s ease-in-out infinite}.dental-stage.is-playing .dental-glints{animation:dental-glint 6s ease-in-out infinite}.dental-stage.is-playing .dental-calm{animation:dental-breathe 6s ease-in-out infinite;transform-origin:500px 500px}.dental-stage.is-playing .dental-root-lines path{animation:dental-root 6s var(--ease) infinite}.dental-stage.is-playing .dental-denture-seat{animation:dental-click-fit 7s var(--ease) infinite}.dental-stage.is-playing .dental-veneer-seat{animation:dental-veneer-fit 7s var(--ease) infinite}.dental-stage.is-playing .dental-seal{animation:dental-seal 6s var(--ease) infinite;transform-origin:500px 230px}.dental-stage.is-playing .dental-protection{animation:dental-protect 6s var(--ease) infinite}.dental-stage.is-playing .dental-lift{animation:dental-lift 7s var(--ease) infinite}
@keyframes dental-float{50%{transform:translateY(-10px)}}@keyframes dental-inspect{0%,100%{transform:rotate(-14deg)}50%{transform:translate(-14px,-12px) rotate(-20deg)}}@keyframes dental-probe{50%{transform:translate(8px,-9px)}}
@keyframes dental-crown-fit{0%,8%{opacity:1;transform:translateY(-10px)}38%,86%{opacity:1;transform:translateY(360px)}94%{opacity:0;transform:translateY(360px)}100%{opacity:0;transform:translateY(-10px)}}
@keyframes dental-aligner-fit{0%,8%{opacity:1;transform:translateY(0)}40%,86%{opacity:1;transform:translateY(425px)}94%{opacity:0;transform:translateY(425px)}100%{opacity:0;transform:translateY(0)}}
@keyframes dental-abutment-fit{0%,7%{transform:translateY(0);opacity:1}26%,87%{transform:translateY(45px);opacity:1}95%{transform:translateY(45px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes dental-implant-fit{0%,21%{transform:translateY(-10px);opacity:1}47%,87%{transform:translateY(210px);opacity:1}95%{transform:translateY(210px);opacity:0}100%{transform:translateY(-10px);opacity:0}}
@keyframes dental-polish{0%,8%{transform:translateX(0)}58%,100%{transform:translateX(1600px)}}@keyframes dental-glint{0%,45%,80%,100%{opacity:0}56%,65%{opacity:.9}}
@keyframes dental-breathe{0%,100%{transform:scale(.99) translateY(3px)}50%{transform:scale(1.01) translateY(-3px)}}@keyframes dental-root{0%,7%{stroke-dashoffset:1;opacity:0}20%{opacity:1}60%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes dental-click-fit{0%,8%{transform:translateY(125px)}40%,88%{transform:translateY(0)}96%,100%{transform:translateY(125px)}}@keyframes dental-veneer-fit{0%,8%{transform:translate(0,-100px) scale(.98);opacity:.1}40%,87%{transform:translate(0,0) scale(1);opacity:.85}100%{transform:translate(0,0) scale(1);opacity:0}}@keyframes dental-seal{0%,12%{opacity:0;transform:scale(.75)}40%,85%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1)}}@keyframes dental-protect{0%{stroke-dashoffset:1;opacity:.1}55%,85%{stroke-dashoffset:0;opacity:.7}100%{stroke-dashoffset:0;opacity:.1}}@keyframes dental-lift{0%,10%{transform:translateY(0)}45%,85%{transform:translateY(-65px)}100%{transform:translateY(0)}}
/* The same artwork accompanies the individual treatment pages. */
.has-art .mast-layout{grid-template-columns:1.15fr 1fr;gap:6%}.has-art .dental-stage{height:465px;border-radius:5px 5px 95px 5px;background:radial-gradient(ellipse,#e3e7dc75,transparent 70%)}.has-art h1{font-size:clamp(44px,4.8vw,74px)}.has-art .mast-copy{min-width:0}.has-art .page-lead{font-size:18px}.page-source{font-size:16px;line-height:1.8;margin-top:28px}.page-source a{text-decoration:underline;text-underline-offset:4px}.treatment-subtopics{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-top:1px solid var(--line);margin-top:30px}.treatment-subtopics a{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:17px;line-height:1.6;padding:18px 0;border-bottom:1px solid var(--line)}.treatment-subtopics svg{width:18px;height:18px;flex-shrink:0}.directory-section.full-directory{display:block;padding-top:70px}.directory-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12%;margin-bottom:30px}.directory-top h2{font-size:45px;max-width:550px}.directory-top p{font-size:18px;max-width:400px}.directory-chapters{display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:18px;margin-top:30px}.directory-chapters a{font-size:16px;position:relative}.directory-chapters a:hover{color:#7b8675}.directory-chapter{padding-top:55px;scroll-margin-top:115px}.directory-chapter>h2{font-size:30px;margin-bottom:20px;letter-spacing:-.035em}.directory-chapter>.treatment-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.full-directory .treatment-directory>a{min-width:0;gap:18px;padding:22px 0}.full-directory .directory-number{display:none}.full-directory .directory-thumb{width:76px;height:92px;border-radius:3px;background:#f0eee6}.full-directory .directory-thumb img{object-fit:contain;object-position:center}.full-directory .treatment-directory h3{font-size:24px}.full-directory .treatment-directory p{font-size:16px;line-height:1.65;margin-top:6px;max-width:290px}.full-directory .directory-arrow{width:31px;height:31px}.full-directory .directory-arrow svg{width:17px;height:17px}
/* More warmth throughout the first impression. */
.opening{background:radial-gradient(ellipse at 81% 43%,#e6eade7d,transparent 45%),var(--paper)}.opening-visual:before{background:radial-gradient(ellipse at var(--light-x,50%) 52%,#eee2ce70,transparent 65%)}.opening .story-parallax{filter:saturate(.8)}.opening[data-interest] .story-parallax{filter:saturate(.8) brightness(1.025)}.opening h1 span,.welcome-copy h2 span{color:#718d83}.welcome-copy h2{max-width:550px}.welcome-section{padding-top:125px}.button:before{background:#365a62}.button:hover{transform:translateY(-2px)}.button-cream:before{background:#e7e9dd}
@media(min-width:1700px){.expertise-panel .dental-stage{height:460px}.has-art .dental-stage{height:530px}}
@media(max-width:1150px){.expertise-layout{gap:5%;grid-template-columns:1fr 1fr}.expertise-core .expertise-choice{font-size:26px}.expertise-specific .expertise-choice{padding:12px;gap:10px;font-size:16px}.expertise-panel .dental-stage{height:350px}.expertise-caption{padding-inline:27px}.expertise-caption h3{font-size:28px}.has-art h1{font-size:4.8vw}.has-art .dental-stage{height:420px}.directory-chapter>.treatment-directory{gap:0 25px}.full-directory .treatment-directory h3{font-size:22px}.full-directory .directory-thumb{width:65px;height:85px}}
@media(max-width:950px) and (min-width:701px){.expertise-specific{grid-template-columns:1fr}.expertise-panel .dental-stage{height:320px}.expertise-panel{top:105px}.expertise-caption-copy{font-size:17px}.expertise-caption h3{font-size:27px}.has-art .mast-layout{gap:3%;grid-template-columns:1.1fr 1fr}.has-art h1{font-size:5vw}.has-art .dental-stage{height:380px}.directory-chapter>.treatment-directory{grid-template-columns:1fr}}
@media(max-width:700px){.expertise-experience{padding-block:70px 50px}.expertise-experience .expertise-heading>div{margin-bottom:31px}.expertise-experience .expertise-heading h2{font-size:clamp(42px,10.7vw,64px)}.expertise-experience .expertise-heading>div>p{max-width:450px}.expertise-layout{display:flex;flex-direction:column;gap:28px}.expertise-navigation{display:contents}.expertise-choices{order:0;width:100%;min-width:0}.expertise-core{display:flex;gap:9px;border:0;overflow-x:auto;padding:3px 3px 11px;margin-inline:-3px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#768c8b transparent}.expertise-core .expertise-choice{white-space:nowrap;padding:13px 16px;font-size:18px;border:1px solid #c6d3d23d;border-radius:3px;min-height:56px;scroll-snap-align:start;gap:16px}.expertise-core .expertise-choice:after{display:none}.expertise-core .expertise-choice.is-active{background:#e5e9dd;color:#193b46;border-color:#e5e9dd}.expertise-core .expertise-choice.is-active svg{color:#193b46}.expertise-subheading{margin-top:16px;margin-bottom:11px;font-size:16px}.expertise-specific{display:flex;gap:9px;overflow-x:auto;padding:3px 3px 11px;margin-inline:-3px;scrollbar-width:thin;scrollbar-color:#768c8b transparent}.expertise-specific .expertise-choice{white-space:nowrap;min-height:54px;padding:12px 16px;gap:20px;font-size:16px}.expertise-panel{order:1;width:100%;position:relative;top:0;border-bottom-right-radius:65px}.expertise-panel .dental-stage{height:320px}.expertise-caption{padding:0 25px 30px;min-height:260px}.expertise-caption h3{font-size:29px;max-width:360px}.expertise-caption-copy{font-size:17px;line-height:1.85}.expertise-selected{font-size:16px;margin-bottom:12px}.expertise-caption .text-link{font-size:16px;line-height:1.8}.expertise-all{order:2;width:100%;margin-top:0;border-bottom:1px solid #c6d3d22e;padding:5px 0 18px}.expertise-reassurance{display:block;margin-top:30px;padding-top:23px}.expertise-reassurance p{font-size:17px;line-height:1.8}.expertise-reassurance a{margin-top:17px;font-size:16px;line-height:1.8}.has-art .mast-layout{grid-template-columns:minmax(0,1fr);gap:20px}.has-art h1{font-size:clamp(38px,10vw,62px);line-height:1.13}.has-art .dental-stage{height:310px;border-radius:4px 4px 65px 4px}.has-art .page-lead{font-size:18px;line-height:1.85}.has-art .dental-art{inset:-9% 0;height:118%}.treatment-subtopics{grid-template-columns:1fr}.page-source{font-size:16px}.directory-section.full-directory{padding-top:48px}.directory-top{display:block;margin-bottom:25px}.directory-top h2{font-size:37px}.directory-top p{margin-top:22px;font-size:17px;line-height:1.85}.directory-chapters{gap:14px 24px;margin-top:27px;padding-block:20px}.directory-chapters a{font-size:16px}.directory-chapter{padding-top:42px}.directory-chapter>h2{font-size:29px;margin-bottom:16px}.directory-chapter>.treatment-directory{grid-template-columns:1fr}.full-directory .directory-thumb{width:65px;height:86px}.full-directory .treatment-directory>a{gap:17px;padding:21px 0}.full-directory .treatment-directory h3{font-size:23px}.full-directory .treatment-directory p{font-size:16px;line-height:1.75}.welcome-section{padding-top:75px}}
@media(max-width:380px){.expertise-panel .dental-stage{height:270px}.expertise-caption{padding-inline:22px;min-height:290px}.expertise-caption h3{font-size:27px}.expertise-specific .expertise-choice{padding-inline:14px}.has-art h1{font-size:10vw}.has-art .dental-stage{height:260px}.full-directory .directory-thumb{width:48px;height:76px}.full-directory .treatment-directory h3{font-size:21px}.full-directory .treatment-directory>a{gap:13px}.full-directory .directory-arrow{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.dental-stage *, .dental-stage.is-playing *{animation:none!important;transition:none!important}.dental-glints{display:none}.button:hover{transform:none}}
/* The framing follows the assembly so the fitted result stays in focus. */
.dental-assembly{transform:translateY(var(--camera-y,-180px))}.dental-stage[data-scene=implantaten]{--camera-y:-85px}.dental-stage.is-playing .dental-assembly{animation:dental-frame 7s var(--ease) infinite}@keyframes dental-frame{0%,8%{transform:translateY(0)}40%,87%{transform:translateY(var(--camera-y,-180px))}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.dental-stage.is-playing .dental-assembly{animation:none!important}}

.related>div,.related-link{min-width:0}@media(max-width:700px){.related>div{grid-template-columns:minmax(0,1fr)}.related-link{font-size:25px;line-height:1.45;gap:15px}.related-link>svg{width:20px;height:20px;flex-shrink:0}}
@media(max-width:700px){.expertise-core,.expertise-specific{scrollbar-width:none;padding-bottom:3px}.expertise-core::-webkit-scrollbar,.expertise-specific::-webkit-scrollbar{display:none}}

/* Consistent editorial care pages, legible links and distinct treatment compositions. */
.detail-content>section{scroll-margin-top:130px}.detail-content p a{color:var(--ink);text-decoration:underline;text-decoration-color:#9aafa5;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .25s,color .25s}.detail-content p a:hover{color:#54796d;text-decoration-color:currentColor}.detail-content h2{max-width:770px;overflow-wrap:break-word}.detail-content>section>p+p{margin-top:22px}.detail-content>section>p:not(.eyebrow){max-width:760px}.page-masthead h1{overflow-wrap:break-word;hyphens:manual}.expertise-panel .dental-stage{background:radial-gradient(ellipse at 50% 55%,#dce7df6b,transparent 70%)}.dental-stage[data-scene=angsttandarts]{background:radial-gradient(ellipse at 50% 55%,#ecdec89c,transparent 71%)}.expertise-caption h3{max-width:420px}.page-sidebar>a{line-height:1.5}
@media(max-width:700px){.detail-content>section{scroll-margin-top:105px}.detail-content h2{font-size:36px;line-height:1.14}.detail-content>section>p+p{margin-top:20px}.has-art h1{font-size:clamp(37px,9.5vw,62px)}.page-sidebar{row-gap:12px}}
@media(prefers-reduced-motion:reduce){.detail-content p a{transition:none}}
