/* VidaBela: preserve the established identity, make the treatment tangible. */
.hero h1{font-size:clamp(59px,5.4vw,79px);max-width:690px}.hero-description{max-width:470px}.hero-detail{max-width:435px}
.hero-portrait{width:54%}.hero-slide[data-slide] img{object-position:58% 34%}.hero-portrait::before{background:linear-gradient(90deg,#0d1b2a,rgba(13,27,42,.3) 28%,transparent 58%)}
.desktop-nav{gap:25px;margin-left:20px}.photo-credit{opacity:1;font-size:9px;background:#0d1b2a90;padding:8px 4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{scrollbar-color:#b8936a #0d1b2a}input{accent-color:var(--gold);caret-color:var(--gold)}
.transformation-section .section-heading{margin-bottom:55px;align-items:end}.transformation-section h2{max-width:800px}
.transformation-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:65px;align-items:center}
.surface-study{margin:0;min-width:0;position:relative;align-self:start;background:#efe9df;border:1px solid #d6c9b3;padding:24px 26px 23px}
.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#615134;font-size:12px}
.surface-pause{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;color:var(--navy);padding:0 0 0 14px;font-size:11px}.surface-pause:disabled{cursor:default}
#skin-surface{display:block;width:100%;height:auto;aspect-ratio:1.18;max-height:370px;outline:none}
.surface-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#615134;margin-top:4px}
.surface-control{display:block;height:44px}.surface-control input{display:block;width:100%;height:44px;margin:0;cursor:ew-resize;background:transparent;appearance:none}
.surface-control input::-webkit-slider-runnable-track{height:2px;background:#b9aa91}
.surface-control input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;border:5px solid #efe9df;background:var(--navy);box-shadow:0 0 0 1px #887348;margin-top:-10px}
.surface-control input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:4px solid #efe9df;background:var(--navy)}
.surface-study figcaption{font-size:10px;color:#6c604e;line-height:1.7}
.benefit-matrix{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}.benefit-matrix article{border-top:1px solid #c9a96e85;padding-top:19px}
.benefit-matrix h3{font-size:29px;line-height:1.03;margin-bottom:11px}.benefit-matrix p{font-size:12px;line-height:1.85;color:var(--copy);max-width:255px}
.benefit-bottom{margin-top:35px;padding-top:25px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:40px}
.benefit-bottom p{font-size:12px;line-height:1.85;color:var(--copy);max-width:630px}.benefit-bottom a{font-size:12px;flex:none}
.science-section{padding-block:95px 55px}.science-intro{grid-template-columns:1.15fr .85fr;gap:65px;margin-bottom:40px}.science-intro h2{font-size:clamp(43px,4.3vw,64px)}.science-intro p{max-width:365px}
.technology-theatre{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;border-top:1px solid #c9a96e45;border-bottom:1px solid #c9a96e45;background:#091522}
.device-study{position:relative;height:480px;margin:0;min-width:0;overflow:hidden}
.precision-device{position:absolute;top:10px;left:calc(50% - 164px);width:300px;height:450px;max-width:none;object-fit:contain;transform:rotate(8deg);transform-origin:50% 92%;animation:device-contact 8s cubic-bezier(.45,0,.2,1) infinite}
.device-note{position:absolute;z-index:2;font-size:10px;line-height:1.7;color:var(--cream);width:140px}.device-note:after{content:'';height:1px;position:absolute;top:8px;width:35px;background:#c9a96e80}
.device-note span{display:block;color:var(--gold)}.device-note small{font-size:9px;color:#bdc3c9;line-height:1.5;display:block;max-width:115px}
.device-note-screen{top:65px;right:0}.device-note-screen:after{right:100%}.device-note-flow{top:245px;left:12px;width:110px}.device-note-flow:after{left:100%;width:22px}
.device-note-tip{top:365px;right:0}.device-note-tip:after{right:100%;width:42px}.device-study figcaption{position:absolute;bottom:14px;left:20px;font-size:9px;line-height:1.6;color:#aab4be}
.mechanism-view{padding:30px 22px 25px 0;min-width:0}.mechanism-heading h3{font-size:28px}.mechanism-heading>span{display:block;font-size:10px;color:var(--gold);margin-top:8px}
#skin-mechanism{display:block;width:100%;height:auto;aspect-ratio:1.7;margin:25px 0 10px}
.mechanism-legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:9px;color:#cbd0d4}.mechanism-legend span{display:flex;align-items:center;gap:7px}.mechanism-legend i{width:12px;height:3px;display:block;background:var(--gold)}
.mechanism-legend .legend-dermis{background:#7a674b}.mechanism-legend .legend-fiber{background:#f8f5ef}.mechanism-note{font-size:11px;color:#c4c8cd;margin-top:18px;line-height:1.7;max-width:390px}
.mechanism-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mechanism-steps li{padding:32px 27px 25px}.mechanism-steps li:first-child{padding-left:0}.mechanism-steps li:last-child{padding-right:0}.mechanism-steps li+li{border-left:1px solid #c9a96e35}
.stage-number{font:400 11px/1.5 'DM Sans',sans-serif;letter-spacing:.06em;color:var(--gold);display:block;margin-bottom:17px}.mechanism-steps h3{font-size:31px;color:var(--cream)}.mechanism-steps p{margin-top:18px;font-size:12px;line-height:1.85;color:#cbd0d4}.stage-detail{display:block;font-size:10px;line-height:1.7;color:var(--gold);margin-top:22px;border:0;padding:0}
.science-footer{border-top:1px solid #c9a96e40;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:30px}.science-footer p{font-size:10px;color:#bbc3c9;max-width:640px;line-height:1.8}
.science-pause{min-height:44px;border:0;background:transparent;color:var(--gold);font-size:11px;white-space:nowrap;padding:10px 0 10px 15px;text-decoration:underline;text-underline-offset:5px}.science-pause:disabled{color:#b7bdc1;cursor:default}
.skin-science[data-playing="false"] .precision-device{animation-play-state:paused}
.technology-details{margin-top:32px;border-top:1px solid #c9a96e30;padding-top:7px;color:#cbd0d4}.technology-details summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;min-height:52px;font-size:12px}.technology-details summary::-webkit-details-marker{display:none}.technology-details summary .icon{width:16px;color:var(--gold)}.technology-details[open] .icon{transform:rotate(45deg)}.technology-details>div{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:15px 0 20px}.technology-details p{margin:0;font-size:12px;line-height:1.85}
@keyframes device-contact{0%,100%{transform:rotate(8deg) translateY(-5px)}42%,58%{transform:rotate(6deg) translateY(4px)}}
@media(hover:hover) and (pointer:fine){.surface-pause:hover,.science-pause:hover{color:var(--gold-hover)}}
@media(max-width:1100px){.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.hero h1{font-size:65px}.transformation-layout{gap:38px}.benefit-matrix{gap:25px}.benefit-matrix h3{font-size:25px}.surface-study{padding-inline:20px}.technology-theatre{gap:15px;grid-template-columns:.9fr 1.1fr}.device-note{width:110px}.device-note-flow{left:0;width:85px}.device-note-screen:after{width:15px}.device-note-tip:after{width:18px}.device-note-flow:after{width:15px}.precision-device{left:calc(50% - 160px)}.mechanism-heading h3{font-size:25px}.mechanism-steps h3{font-size:28px}.benefit-bottom{gap:25px}.benefit-bottom a{max-width:260px;flex:initial}}
@media(max-width:800px){.hero h1{font-size:62px}.hero-slide[data-slide] img{object-position:50% 38%}.transformation-layout{grid-template-columns:1fr;gap:35px}.surface-study{max-width:620px;width:100%;margin:auto;padding-inline:30px}#skin-surface{max-height:360px}.benefit-matrix{gap:30px 40px}.benefit-matrix h3{font-size:31px}.benefit-matrix p{font-size:13px;max-width:100%}.benefit-bottom{display:block}.benefit-bottom a{margin-top:15px;max-width:100%}.technology-theatre{grid-template-columns:1fr;gap:0}.device-study{height:460px;max-width:540px;width:100%;margin:auto}.precision-device{left:calc(50% - 150px)}.device-note-screen{right:25px}.device-note-tip{right:25px}.device-note-flow{left:25px;width:130px}.device-note:after{width:40px}.mechanism-view{padding:30px;border-top:1px solid #c9a96e35}.mechanism-heading h3{font-size:31px}#skin-mechanism{max-height:380px}.mechanism-steps li{padding-inline:18px}.mechanism-steps h3{font-size:26px}.mechanism-steps p{font-size:12px}.science-intro{gap:30px}.technology-details>div{gap:30px}}
@media(max-width:600px){.hero h1{font-size:clamp(43px,11.6vw,66px);line-height:1.02;max-width:100%}.hero-slide[data-slide] img{object-position:50% 32%}.hero-portrait{height:375px;width:100%}.hero-portrait::before{background:linear-gradient(0deg,#0d1b2a 0%,rgba(13,27,42,.12) 40%,transparent 70%)}.hero-location{margin-bottom:244px;font-size:10px}.hero-location span{font-size:10px}.hero-description{font-size:15px}.hero-detail{font-size:13px}.carousel-controls{bottom:64px}.photo-credit{top:12px;right:5px;font-size:8px}.transformation-section .section-heading{margin-bottom:30px}.transformation-section h2{font-size:40px}.transformation-section .section-heading>p{font-size:13px}.surface-study{padding:12px 17px 18px}#skin-surface{aspect-ratio:1.12;max-height:none}.surface-heading{font-size:11px}.surface-caption{font-size:10px}.surface-study figcaption{font-size:9px}.benefit-matrix{gap:25px 20px}.benefit-matrix article{padding-top:16px}.benefit-matrix h3{font-size:24px;line-height:1.08}.benefit-matrix p{font-size:11px;line-height:1.85}.benefit-bottom p{font-size:11px}.benefit-bottom a{font-size:11px}.science-section{padding-block:65px 30px}.science-intro h2{font-size:40px}.science-intro p{font-size:13px}.technology-theatre{margin-inline:-20px}.device-study{height:430px}.precision-device{height:405px;width:270px;left:calc(50% - 140px)}.device-note{font-size:9px;width:110px}.device-note small{font-size:8px;max-width:100px}.device-note-screen{right:10px;top:60px}.device-note-flow{left:17px;top:205px;width:86px}.device-note-tip{right:10px;top:325px}.device-note:after{width:22px}.device-note-flow:after{width:10px}.device-study figcaption{font-size:8px;bottom:8px}.mechanism-view{padding:25px 20px}.mechanism-heading h3{font-size:28px;max-width:260px}.mechanism-heading>span{font-size:9px}#skin-mechanism{aspect-ratio:1.28;max-height:none;margin-top:16px}.mechanism-legend{font-size:8px;gap:10px 13px}.mechanism-note{font-size:10px}.mechanism-steps{display:block}.mechanism-steps li,.mechanism-steps li:first-child,.mechanism-steps li:last-child{padding:26px 0}.mechanism-steps li+li{border-left:0;border-top:1px solid #c9a96e35}.mechanism-steps h3{font-size:32px}.mechanism-steps h3 br{display:none}.mechanism-steps p{font-size:13px;margin-top:12px}.stage-number{font-size:10px;margin-bottom:12px}.stage-detail{font-size:11px;margin-top:16px}.science-footer{display:block}.science-footer p{font-size:10px}.science-pause{padding-left:0;margin-top:6px;font-size:11px}.technology-details{margin-top:20px}.technology-details>div{display:block;padding-top:8px}.technology-details p{font-size:11px}.technology-details p+p{margin-top:18px}.technology-details summary{font-size:11px}}
@media(max-width:370px){.hero h1{font-size:40px}.benefit-matrix h3{font-size:22px}.device-note{width:92px}.device-note-flow{width:82px;left:12px}.device-note:after{width:12px}}
@media(prefers-reduced-motion:reduce){.precision-device{animation:none!important}.surface-control input{transition:none}}
/* Readable captions and touch controls at every breakpoint. */
.benefit-matrix p,.mechanism-steps p{font-size:14px;line-height:1.8}
.benefit-bottom p,.science-footer p,.technology-details p{font-size:12px}
.surface-heading,.surface-caption,.surface-pause,.mechanism-legend,.mechanism-heading>span,.mechanism-note,.stage-number,.stage-detail{font-size:11px}
.surface-study figcaption,.device-study figcaption,.photo-credit{font-size:10px}
.device-note,.device-note small{font-size:11px}.device-note small{line-height:1.6}
.carousel-pause{font-size:11px;min-height:44px}.carousel-dot{min-width:44px;min-height:44px}
.clinic-options small,.hero-location,.hero-location span,.hero-footnote span{font-size:11px}
@media(max-width:600px){.benefit-matrix p{font-size:13px}.benefit-matrix h3{font-size:25px}.device-note-flow{width:94px}.device-note-screen,.device-note-tip{width:107px}.surface-study figcaption{font-size:10px}.mechanism-legend{gap:9px 12px;font-size:10px}.mechanism-note{font-size:11px}.device-study figcaption{max-width:220px;font-size:9px}.hero-location{gap:4px}.hero-location span{padding-left:8px;margin-left:4px}.photo-credit{font-size:9px}.carousel-controls{gap:3px}}
.device-note-flow{top:350px}.device-note-flow:after{width:40px}
@media(max-width:800px){.device-note-flow{top:350px;width:120px}}
@media(max-width:600px){.device-note-flow{top:320px;width:94px}.device-note-flow:after{width:34px}.carousel-controls{bottom:125px}}
@media(min-width:601px) and (max-width:800px){.hero-portrait{width:100%}.hero-portrait::before{background:linear-gradient(0deg,#0d1b2a,rgba(13,27,42,.12) 45%,transparent 75%)}.hero-slide[data-slide] img{object-position:50% 40%}.carousel-controls{bottom:125px}}