/* Morpheus 8 tissue explorer: one illustrated anatomy asset and a native vector animation. */
.device-color-morpheus .rf-science{padding:60px 0 48px;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);color:white;scroll-margin-top:30px}
.rf-science *{box-sizing:border-box}.rf-science button{font:inherit;cursor:pointer}.rf-science button:focus-visible,.rf-science summary:focus-visible,.rf-science input:focus-visible{outline:3px solid #bdeeff;outline-offset:5px}
.rf-editorial-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end}
.device-color-morpheus .rf-science h2{font:400 clamp(38px,5vw,66px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:16px 0 14px}
.device-color-morpheus .rf-science h2 em,.device-color-morpheus .rf-science h3 em{font:italic 400 1em/1.05 'Cormorant Garamond',Georgia,serif;color:inherit}
.rf-editorial-heading>p{font:400 19px/1.6 Jost,Arial,sans-serif;margin:0 0 17px;max-width:480px}
.rf-plane-control{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:25px 0 0;margin-top:18px;border-top:1px solid rgba(255,255,255,.35)}
.rf-plane-control>span{font:400 12px/1.4 Jost,Arial,sans-serif;letter-spacing:.07em;margin-right:auto}
.rf-plane-control button{color:white;background:none;border:0;border-bottom:2px solid transparent;padding:9px 0;min-height:44px;font-size:16px;border-radius:0}
.rf-plane-control button[aria-pressed=true]{border-bottom-color:#a7edff;color:#d3f7ff;font-weight:500}
.rf-science .rf-plane-note{font:400 14px/1.55 Jost,Arial,sans-serif;margin:14px 0 0;max-width:80ch;color:#e3f4ff!important;min-height:44px}
.rf-stage{--needle-shift:0;--heat:0;--current:0;--cells:0;--matrix:0;--path:0;--plane-y:0;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(230px,1fr);gap:24px;align-items:center;min-height:430px}
.rf-anatomy{margin:0!important;min-width:0}.rf-anatomy svg{display:block;width:100%;height:auto;overflow:visible}.rf-anatomy svg image{pointer-events:none}.rf-housing-label{font:500 19px Jost,Arial,sans-serif;letter-spacing:3px;fill:#124c8e}
.rf-needles{transform:translateY(calc(var(--needle-shift) * 1px));will-change:transform}.rf-treatment-plane{transform:translateY(calc(var(--plane-y) * 1px))}.rf-heat{opacity:var(--heat)}.rf-current{opacity:var(--current)}.rf-cells{opacity:var(--cells)}.rf-injury-paths{opacity:var(--path)}
.rf-new-matrix{opacity:var(--matrix);stroke-dasharray:250;stroke-dashoffset:calc((1 - var(--matrix)) * 250)}
.rf-stage[data-rf-mode=body] .rf-new-matrix,.rf-stage[data-rf-mode=body] .rf-cells{display:none}
.rf-anatomy .rf-anatomy-key{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font:400 13px/1.35 Jost,Arial,sans-serif;text-align:left;margin-top:10px;padding:0}
.rf-anatomy-key span{display:block}.rf-anatomy-key b{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdeeff;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:500;margin-right:5px}.rf-anatomy-key small{display:block;font-size:11px;margin:6px 0 0 26px;color:#d5eaff}
.rf-stage-copy{padding:24px 0 0}.rf-science .rf-time{font:500 11px/1.5 Jost,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#bcecff!important;margin:0 0 14px}
.rf-science .rf-stage-copy h3{font:400 clamp(28px,3vw,40px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 18px}
.rf-stage-copy>p:not(.rf-time){font:400 17px/1.6 Jost,Arial,sans-serif;margin:0 0 15px}.rf-stage-copy .rf-observe{font-size:14px!important;color:#d1eeff!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.35)}
.rf-playback{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:30px 0 14px}.rf-playback .rf-play{min-height:46px;padding:12px 20px;font:500 15px Jost,Arial,sans-serif;white-space:nowrap;min-width:174px}.rf-scrub-label{display:grid;gap:8px;flex:1;min-width:180px;font:400 11px/1.4 Jost,Arial,sans-serif;letter-spacing:.08em}.rf-scrub-label input{accent-color:#bdeeff;width:100%;margin:0;height:24px;cursor:pointer}.rf-playback-note{font:400 11px/1.4 Jost,Arial,sans-serif;max-width:115px;color:#e3f4ff}
.rf-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:24px}.rf-chapters button{border:0;border-top:2px solid rgba(255,255,255,.3);background:none;color:#d8ecff;text-align:left;padding:15px 0;min-height:82px;border-radius:0;font:400 17px/1.35 Jost,Arial,sans-serif}.rf-chapters button>span{display:block;font:400 10px/1.4 Jost,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.rf-chapters button[aria-pressed=true]{border-top-color:#b9f2ff;color:white;font-weight:500}
.rf-science .rf-figure-note{font:400 12px/1.6 Jost,Arial,sans-serif;color:#d5eaff!important;max-width:100ch;margin:10px 0 0}
.rf-needle-detail{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:50px;margin-top:50px;padding-top:38px;border-top:1px solid rgba(255,255,255,.35)}
.rf-science .rf-needle-detail h3{font:400 clamp(30px,3.7vw,46px)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:16px 0 18px}
.rf-needle-detail p:not(.eyebrow){font:400 17px/1.6 Jost,Arial,sans-serif;max-width:48ch}.rf-needle-detail svg{width:100%;height:auto;overflow:visible}.rf-needle-detail svg text{font:400 16px Jost,Arial,sans-serif;letter-spacing:1.8px;fill:white}
.rf-deeper{margin-top:50px;padding-top:42px;border-top:1px solid rgba(255,255,255,.4)}.rf-deeper>header{margin-bottom:30px}.rf-deeper>header>p:last-child{font:400 18px/1.5 Jost,Arial,sans-serif;margin:16px 0 0}
.rf-deeper details{border-bottom:1px solid rgba(255,255,255,.35);padding:0}.rf-deeper summary{font:400 clamp(23px,2.5vw,31px)/1.25 'Cormorant Garamond',Georgia,serif;list-style:none;cursor:pointer;position:relative;padding:22px 45px 22px 0;min-height:70px}.rf-deeper summary::-webkit-details-marker{display:none}.rf-deeper summary:after{content:'+';position:absolute;right:4px;top:20px;font:300 26px Jost,Arial,sans-serif}.rf-deeper details[open] summary:after{content:'−'}.rf-deeper details>div{max-width:780px;padding:0 0 18px}.rf-deeper details p,.rf-deeper details li{font:400 17px/1.7 Jost,Arial,sans-serif}.rf-deeper details p{margin:0 0 18px}.rf-deeper strong{font-weight:500}.rf-references{padding-left:20px}.rf-references li{margin:18px 0}.rf-references a{text-decoration-thickness:1px}
.rf-hero-link{font:500 16px/1.5 Jost,Arial,sans-serif;display:inline-block;padding:12px 0;min-height:44px}
.rf-magnify{display:block;color:#d5f1ff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.4);border-radius:0;padding:10px 0;margin:8px 0 0 auto;min-height:44px;font:400 13px Jost,Arial,sans-serif}
.rf-zoom-markers{display:none}.rf-anatomy.is-magnified .rf-zoom-markers{display:block}.rf-anatomy.is-magnified .rf-anatomy-markers{display:none}
@media(max-width:760px){.device-color-morpheus .rf-science{padding-top:36px}.rf-editorial-heading{grid-template-columns:1fr;gap:14px}.rf-editorial-heading>p{font-size:18px;margin:0}.rf-plane-control{gap:12px 24px}.rf-plane-control>span{width:100%;margin:0}.rf-plane-control button{font-size:15px}.rf-stage{grid-template-columns:1fr;gap:14px;min-height:0}.rf-stage-copy{padding-top:16px}.rf-stage-copy h3{font-size:34px!important}.rf-anatomy .rf-anatomy-key{font-size:12px;gap:7px}.rf-anatomy-key small{font-size:10px;margin-left:0}.rf-playback{gap:18px;margin-top:10px}.rf-playback .rf-play{min-width:160px}.rf-playback-note{max-width:none;width:100%}.rf-scrub-label{min-width:125px}.rf-chapters{grid-template-columns:1fr 1fr;gap:6px 22px;margin-top:12px}.rf-chapters button{font-size:16px;min-height:76px;padding-bottom:12px}.rf-needle-detail{grid-template-columns:1fr;gap:8px;margin-top:34px;padding-top:30px}.rf-needle-detail svg{margin:0 0 10px}.rf-deeper{margin-top:28px;padding-top:30px}.rf-deeper summary{font-size:25px}.rf-deeper details p,.rf-deeper details li{font-size:17px}.rf-housing-label{font-size:20px}}
@media(prefers-reduced-motion:reduce){.rf-needles{will-change:auto}}

.rf-cartridge{opacity:var(--handpiece,1);transform:translateY(calc((1 - var(--handpiece,1)) * -80px))}

/* Keep the illustration adjacent to the controls on desktop; controls precede it on phones. */
.rf-stage{grid-template-areas:"anatomy chapters" "anatomy explanation";grid-template-rows:auto 1fr;column-gap:28px;row-gap:0;align-items:start}
.rf-anatomy{grid-area:anatomy}.rf-stage-copy{grid-area:explanation}.rf-stage>.rf-chapters{grid-area:chapters;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:26px}.rf-stage>.rf-chapters button{font-size:14px;min-height:80px;padding-top:12px}.rf-stage>.rf-chapters button>span{font-size:9px;letter-spacing:.04em}.rf-stage-copy{padding-top:22px}
@media(max-width:760px){.rf-stage{grid-template-areas:"chapters" "anatomy" "explanation";grid-template-rows:auto;grid-template-columns:1fr}.rf-stage>.rf-chapters{margin-top:10px;gap:0 22px}.rf-stage>.rf-chapters button{font-size:16px}.rf-stage>.rf-chapters button>span{font-size:10px}.rf-stage-copy{padding-top:22px}}
