/* Latest Figma MV band; keep the rest of the site's sub color unchanged. */
.topflow-hero{background:white;position:relative}
.flow-hero-frame{position:relative}
.flow-hero-art{position:absolute;left:0;top:0;transition:opacity 1.2s ease}
.flow-hero-art[aria-hidden=true]{display:none;opacity:0;pointer-events:none;visibility:hidden}
.flow-hero-art[aria-hidden=false]{display:block;opacity:1;visibility:visible}
.flow-hero-art[aria-hidden=true][data-hero-leaving]{display:block;visibility:visible;opacity:0;pointer-events:none}
.flow-hero-frame.pc [data-node-id="273:2871"],.flow-hero-frame.sp [data-node-id="273:1688"]{background:#9d2235}
.flow-hero-frame.pc [data-node-id="273:2873"],.flow-hero-frame.pc [data-node-id="273:2874"],.flow-hero-frame.pc [data-node-id="273:2875"],.flow-hero-frame.pc [data-node-id="273:2876"],.flow-hero-frame.pc [data-node-id="273:2877"],.flow-hero-frame.pc [data-node-id="273:2878"],.flow-hero-frame.pc [data-node-id="273:2879"]{color:white}
.flow-hero-frame.pc .flow-hero-art[data-hero-slide="0"] .text-link{color:white!important}
.flow-hero-frame.pc [data-node-id="273:2886"],.flow-hero-frame.pc [data-node-id="273:2887"],.flow-hero-frame.pc [data-node-id="273:2888"],.flow-hero-frame.pc [data-node-id="273:2889"],.flow-hero-frame.pc [data-node-id="273:2890"],.flow-hero-frame.pc [data-node-id="273:2891"],.flow-hero-frame.pc [data-node-id="273:2892"]{color:#d18b8f!important}
.hero-native-drawing{position:absolute!important;left:0;top:0}
.hero-native-drawing p{margin:0}
.hero-native-drawing *{--tx:translateX(0);--ty:translateY(0);--rot:rotate(0);--sx:scaleX(1);--sy:scaleY(1);--skew:skewX(0)}
.hero-native-drawing a{color:inherit;text-decoration:none}
.hero-native-drawing a:focus-visible{outline:3px solid #348999;outline-offset:4px}
.hero-native-drawing [data-name="tooth03 1"]{box-shadow:none!important;filter:drop-shadow(0 10px 10px rgba(0,0,0,.1))}
.hero-native-drawing [data-hero-tooth="commitment"]{object-fit:contain!important;transform:scaleX(-1)}
.hero-native-drawing [data-name="tooth03 2"]{box-shadow:none!important;filter:drop-shadow(0 10px 10px rgba(0,0,0,.3))}
.hero-slide-choices{position:absolute;z-index:4;top:31%;left:8px;display:flex;flex-direction:column;gap:6px}
.hero-slide-choices button{display:grid;place-items:center;padding:0;width:24px;height:24px;border:0;background:transparent;border-radius:50%;cursor:pointer}
.hero-slide-choices button::before{content:'';width:8px;height:8px;border-radius:50%;background:#e8c4ca}
.hero-slide-choices button[aria-pressed=true]::before{background:#9d2235}
.hero-slide-choices button:focus-visible{outline:2px solid #348999;outline-offset:1px}
.hero-motion-toggle{position:absolute;right:10px;bottom:10px;width:38px;height:38px;z-index:6;border:1px solid #9d2235;border-radius:50%;background:white;color:#9d2235;opacity:0;pointer-events:none}
.topflow-hero:focus-within .hero-motion-toggle,.topflow-hero:hover .hero-motion-toggle{opacity:1;pointer-events:auto}
.topflow-extra-treatment-icon{position:absolute;left:58px;top:33px;width:64px!important;height:64px!important;object-fit:contain}
.group-grid h2>a{display:block;color:inherit;text-decoration:none}
.group-grid h2>a:hover{text-decoration:underline;text-underline-offset:4px}
.group-grid h2>a:focus-visible{outline:3px solid #348999;outline-offset:6px}
@media(min-width:1101px){.topflow-commitment-heading h2>b{translate:42px 0}.topflow-commitment-heading .commitment-tail{translate:42px 0}.topflow-commitment-heading h2>span:first-child{translate:-16px 0}}
@media(max-width:767px){.topflow-commitment-heading h2>span:first-child{font-size:15px;letter-spacing:1.2px}.topflow-commitment-heading h2>b{left:200px}.hero-slide-choices{left:0;top:44%;gap:0}.hero-slide-choices button{width:20px;height:24px}.hero-slide-choices button::before{width:5px;height:5px}.hero-motion-toggle{display:none}}
@media(max-width:359px){.topflow-commitment-heading h2>span:first-child{left:16px;font-size:13px;letter-spacing:1px}.topflow-commitment-heading h2>b{left:177px}}
/* Give the 6 and its right-hand wording separate readable columns. */
@media(min-width:1420px){.topflow-commitment-heading .commitment-tail small{left:calc(50% + 210px);font-size:56px}.topflow-commitment-heading .commitment-tail strong{left:calc(50% + 210px);font-size:90px;letter-spacing:-18px}}
@media(min-width:1101px) and (max-width:1419px){.topflow-commitment-heading .commitment-tail small{left:calc(50% + 145px);font-size:48px}.topflow-commitment-heading .commitment-tail strong{left:calc(50% + 145px);font-size:78px;letter-spacing:-15px}}
@media(min-width:768px) and (max-width:1100px){.topflow-commitment-heading h2>span:first-child{left:calc(50% - 344px)}.topflow-commitment-heading .commitment-tail small{left:calc(50% + 125px);font-size:36px}.topflow-commitment-heading .commitment-tail strong{left:calc(50% + 125px);font-size:62px;letter-spacing:-12px}}
@media(min-width:360px) and (max-width:767px){.topflow-commitment-heading h2>span:first-child{left:calc(50% - 170.5px)}.topflow-commitment-heading h2>b{left:calc(50% + 5.5px)}.topflow-commitment-heading .commitment-tail small{left:calc(50% + 72.5px);font-size:22px}.topflow-commitment-heading .commitment-tail strong{left:calc(50% + 72.5px);font-size:30px;letter-spacing:-6px}.topflow-commitment-heading>p[lang=en],.topflow-commitment-heading>p:last-of-type{left:calc(50% - 170.5px)}}
@media(max-width:359px){.topflow-commitment-heading h2>span:first-child{left:0;font-size:12px;letter-spacing:.8px}.topflow-commitment-heading h2>b{left:142px;font-size:90px}.topflow-commitment-heading .commitment-tail small{left:204px;font-size:20px}.topflow-commitment-heading .commitment-tail strong{left:204px;font-size:26px;letter-spacing:-5px}.topflow-commitment-heading>p[lang=en],.topflow-commitment-heading>p:last-of-type{left:0}}
@media(min-width:1420px){.topflow-commitment-heading .commitment-decoration{left:calc(50% + 338px)}}
@media(min-width:360px) and (max-width:767px){.topflow-commitment-heading .commitment-decoration{left:calc(50% + 124.5px)}}
@media(max-width:359px){.topflow-commitment-heading .commitment-decoration{left:260px}}
/* Source marble overlay: transparent through 30%, white at 90%. */
.topflow-cases{background-color:#f8f4f1;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 30%,#fff 90%),url('assets/pc-imgShutterstock7166254158.png');background-position:center 90px,center 90px;background-size:100% 800px,100% 800px;background-repeat:no-repeat;position:relative}
.topflow-cases::after{content:'';position:absolute;inset:890px 0 0;background:#fff;z-index:0;pointer-events:none}
.topflow-cases>header,.topflow-cases>.topflow-case-track{position:relative;z-index:1}
.topflow-cases .original-case-controls button{z-index:2}
@media(max-width:767px){.topflow-cases{background-position:center 30px,center 30px;background-size:100% 360px,100% 360px}.topflow-cases::after{top:390px}}
/* Keep source photographic crops and manual controls, move a decoded track. */
.clinic-gallery{--clinic-slide-width:560px;position:relative;overflow:hidden!important;touch-action:pan-y pinch-zoom}
.clinic-track{display:flex;position:absolute;left:0;top:0;height:100%;width:max-content;gap:0;will-change:transform}
.clinic-gallery .clinic-track>figure:nth-child(n){position:relative;left:auto;top:auto;flex:0 0 var(--clinic-slide-width);width:var(--clinic-slide-width);height:100%;margin:0}
.clinic-gallery .clinic-track img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;user-select:none;-webkit-user-drag:none}
.clinic-motion-toggle{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:1px solid #9d2235;border-radius:50%;background:rgba(255,255,255,.95);color:#9d2235;font-size:17px;cursor:pointer}
.clinic-motion-toggle:focus-visible{outline:3px solid #348999;outline-offset:3px}
@media(max-width:767px){.clinic-gallery{--clinic-slide-width:252px}}
@media(prefers-reduced-motion:reduce){.flow-hero-art{transition:none;animation:none!important}.clinic-track{transition:none!important}}

/* First-paint MV geometry: the supplied artwork uses its frame width before JS runs. */
@supports (transform:scale(calc(100cqw / 1536px))){.flow-hero-frame{container-type:inline-size}.flow-hero-frame.pc .flow-hero-art{transform:scale(calc(100cqw / 1536px)) translateY(-100px)}.flow-hero-frame.sp .flow-hero-art{transform:scale(calc(100cqw / 375px)) translateY(-70px)}}

/* Approved TOP geometry corrections, 2026-11-01. */
.top-page .flow-hero-art[data-hero-slide="0"] .d597{transform:translateY(8px)}
.top-page .flow-hero-art[data-hero-slide="0"] .d689{transform:translate(-7px,6px)}
.flow-hero-frame.pc [data-node-id="273:2924"],.flow-hero-frame.pc [data-node-id="273:2925"],.flow-hero-frame.pc [data-node-id="273:2926"]{translate:8px 0}
.flow-hero-frame.pc .flow-hero-art[data-hero-slide="0"] :is(.d535,.d536,.d537,.d538,.d539,.d540) img{filter:brightness(0) invert(1)}
@media(min-width:1420px){.top-page .original-about-tooth{left:calc(50% + 530px)}}
@media(min-width:1101px) and (max-width:1419px){.top-page .original-about-tooth{left:calc(50% + 425px)}.topflow-commitment-heading .commitment-decoration{left:calc(50% + 260px)}}
@media(min-width:768px) and (max-width:1100px){.topflow-commitment-heading .commitment-decoration{left:calc(50% + 216px)}}
.feature-3 .feature-backdrop .flow-composition{height:100%;aspect-ratio:auto!important}