/* Authentic media compositions, extending the approved design. */
.hero-visual{min-height:675px;margin-left:15px}.hero-backdrop{filter:none;opacity:1;inset:0 0 10% 12%;width:88%;height:90%;transform:none;clip-path:none;object-position:center}.hero-backdrop::after{display:none}.hero-image-plane{inset:115px 12% 0 -8%;height:70%;box-shadow:0 35px 75px -28px #14251c70;border:7px solid var(--ivory);z-index:2}.hero-image-plane img{object-position:50% 46%}.hero-detail-frame{position:absolute;right:-2%;top:32px;width:29%;height:235px;z-index:3;overflow:hidden;border:6px solid var(--ivory);box-shadow:0 25px 55px -25px #14251c99;transform:rotate(3deg)}.hero-detail-frame img{object-position:50% 20%}.hero-visual .photo-label{top:28px;left:19%;right:34%;z-index:4}.hero-visual .photo-label span:last-child{display:none}.hero-visual .floating-note{bottom:35px;left:-12%;right:10%;z-index:5}.hero{overflow:clip}.hero-copy{position:relative;z-index:6}.principle-strip{margin-top:-15px}
.concern-layout{grid-template-columns:.8fr 1.2fr;align-items:start}.concern-options{position:sticky;top:125px}.concern-detail{padding:0;overflow:hidden}.concern-media{height:330px;position:relative;overflow:hidden}.concern-media img{height:110%;object-position:50% 40%;transform:scale(1.02)}.concern-copy{padding:32px 36px}.concern-copy h3{font-size:34px;margin:20px 0}.concern-copy>p:not(.eyebrow):not(.fine){color:var(--muted)}.concern-copy .fine{margin-top:20px}.concern-copy .inline-actions{flex-direction:row;gap:20px}
.approach{overflow:clip;padding-bottom:120px}.approach-photo{overflow:visible;isolation:isolate}.approach-photo>img{clip-path:inset(0);height:100%;top:0}.founder-detail{position:absolute;bottom:-45px;right:-65px;width:43%;height:235px;z-index:4;border:7px solid #e6e7df;overflow:hidden;box-shadow:0 30px 45px -30px #1d302c99;transform:rotate(-4deg)}.founder-detail img{height:112%;object-fit:cover}.portrait-caption{right:25%;bottom:0;z-index:5;flex-direction:column;align-items:start;gap:8px}.approach-copy{padding-left:15px}.founder-word{font-size:24vw;top:-20px;opacity:.8}
.treatment-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;grid-auto-flow:row dense;align-items:stretch}.treatment-card{grid-column:span 4;padding:0;min-height:0;overflow:hidden;background:var(--paper);transform-style:preserve-3d;box-shadow:0 14px 30px -28px #283d3490}.treatment-card[data-treatment=consultation]{grid-column:span 6}.treatment-card[data-treatment=acne],.treatment-card[data-treatment=pigmentation]{grid-column:span 3}.treatment-card[data-treatment=hair]{grid-row:span 2}.treatment-card[data-treatment=botox]{grid-column:span 12;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}.card-media{width:100%;min-height:265px;position:relative;overflow:hidden;flex:1;background:#c9c9bf}.card-media img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:50% 45%;transform:scale(1.025);transition:transform 1.8s cubic-bezier(.2,.65,.2,1),object-position 1.8s}.card-media:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#14231c75);pointer-events:none}.media-context{position:absolute;bottom:15px;left:20px;right:20px;color:white;font-size:9px;letter-spacing:.12em;z-index:1;text-align:left;text-shadow:0 1px 6px #0007}.card-copy{width:100%;padding:26px;position:relative;background:var(--paper);z-index:2}.treatment-card .treatment-top{margin-bottom:18px}.treatment-top span:first-child{font-size:9px}.treatment-card h3{font-size:30px;margin-bottom:13px;line-height:1.08}.treatment-card p{font-size:14px;line-height:1.6;max-width:38ch}.treatment-card .card-link{display:block;padding-top:22px;font-size:13px}.treatment-card[data-treatment=consultation] .card-media{min-height:395px}.treatment-card[data-treatment=consultation] h3{font-size:42px}.treatment-card[data-treatment=hair] .card-media{min-height:670px}.treatment-card[data-treatment=hair] .card-media img{object-position:50% 50%}.treatment-card[data-treatment=botox] .card-media{min-height:370px}.treatment-card[data-treatment=botox] .card-copy{display:flex;flex-direction:column;justify-content:center;padding:45px}.treatment-card[data-treatment=botox] h3{font-size:42px}.treatment-card:hover .card-media img{transform:scale(1.09) translateY(-1.5%);object-position:52% 42%}.treatment-grid.is-filtered .treatment-card{grid-column:span 4;grid-row:auto;display:flex}.treatment-grid.is-filtered .card-media{min-height:310px}.treatment-grid.is-filtered .card-copy{padding:26px}.treatment-grid.is-filtered h3{font-size:30px}.treatment-grid.is-filtered:has(.treatment-card:not([hidden]):only-of-type){grid-template-columns:1fr}
.melanin{padding-top:75px;padding-bottom:80px;min-height:1000px;overflow:hidden}.education-image{right:0;top:0;bottom:0;height:100%;width:47%;opacity:.62;transform:none;box-shadow:none}.education-image img{object-position:50% 40%;height:110%}.education-image:after{background:linear-gradient(90deg,#283d34,transparent 65%),linear-gradient(0deg,#283d34,transparent 55%)}.melanin h2{max-width:900px;margin:100px 0 70px;font-size:clamp(48px,7vw,102px)}.melanin-word{position:absolute;bottom:0;left:-1%;font-size:14vw;line-height:.83;letter-spacing:-.07em;font-weight:500;color:#b6c3a912;pointer-events:none}.education-detail{position:absolute;right:5%;top:46%;width:22%;height:310px;overflow:hidden;border:7px solid #283d34;z-index:1;transform:rotate(4deg);box-shadow:0 30px 70px -35px #111}.education-detail img{height:110%;object-fit:cover}.melanin-bottom{grid-template-columns:.5fr 2fr 1fr;gap:5%;max-width:86%;background:linear-gradient(90deg,#283d34 50%,#283d34dc,transparent)}
.journey-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:start}.journey-visual{position:sticky;top:120px}.journey-image-wrap{height:520px;position:relative;overflow:hidden;background:var(--paper)}.journey-image-wrap img{width:100%;height:108%;object-fit:cover;object-position:50% 40%}.journey-progress{display:flex;align-items:center;gap:18px;padding:24px 0;font-size:12px;font-variant-numeric:tabular-nums}.journey-progress>div{height:2px;background:var(--line);flex:1;overflow:hidden}.journey-progress i{display:block;width:100%;height:100%;background:var(--clay);transform:scaleX(.2);transform-origin:left;transition:transform .8s ease}.journey-steps{display:flex;flex-direction:column;gap:0}.journey-steps li{padding:48px 18px 48px 60px;min-height:245px;position:relative;opacity:.4;transform:scale(.97);transform-origin:left;transition:opacity .6s,transform .6s}.journey-steps li>span{position:absolute;left:10px;top:51px}.journey-steps h3{font-size:30px;line-height:1.12;margin:0 0 20px}.journey-steps p{font-size:16px}.journey-steps li.is-active{opacity:1;transform:scale(1)}.journey-steps li.is-active:before{content:'';position:absolute;left:0;top:0;width:45%;height:2px;background:var(--clay)}
.experience{grid-template-columns:.72fr 1.4fr;gap:7%;padding-top:110px;padding-bottom:155px;overflow:hidden}.experience-stage{min-height:720px}.experience-main{position:absolute;top:15%;left:3%;width:83%;height:520px;z-index:2}.experience-main img{object-fit:cover}.experience-foreground{right:-2%;bottom:-15px;width:37%;height:325px;aspect-ratio:auto;z-index:5;transform:rotate(3deg);border-width:8px}.experience-secondary{position:absolute;left:-8%;top:-20px;width:40%;height:310px;z-index:3;overflow:hidden;border:8px solid #e6e7df;transform:rotate(-5deg);box-shadow:0 25px 45px -30px #172d2790}.experience-tertiary{position:absolute;left:-7%;bottom:-30px;width:36%;height:250px;overflow:hidden;border:8px solid #e6e7df;z-index:4;transform:rotate(-3deg)}.experience-secondary img,.experience-tertiary img{height:112%;object-fit:cover}.experience-word{top:-50px;left:-15%;z-index:0}.experience-main .image-caption{max-width:75%;font-size:9px;bottom:45px}.clinic-video{width:100%;height:100%;object-fit:cover;display:block}.gallery-video-button{position:absolute;top:15px;right:15px;background:#f5f4efeb;border:1px solid #fff9;width:42px;height:42px;font-size:18px;z-index:8;border-radius:50%;color:var(--ink)}
@media(max-width:1100px){.treatment-grid{gap:16px}.card-copy{padding:20px}.treatment-card h3{font-size:26px}.treatment-card p{font-size:13px}.treatment-card[data-treatment=consultation] h3{font-size:36px}.treatment-card[data-treatment=consultation] .card-media{min-height:340px}.hero-image-plane{left:-4%;right:9%}.hero-detail-frame{height:190px}.founder-detail{right:-30px;width:43%;height:190px}.experience-stage{min-height:620px}.experience-main{height:440px}.experience-secondary{height:250px}.experience-foreground{height:280px}.experience-tertiary{height:210px}.journey-image-wrap{height:440px}.journey-steps li{min-height:230px}.melanin-bottom{max-width:95%}}
@media(max-width:850px){.hero-visual{min-height:580px}.hero-detail-frame{height:165px;width:33%}.hero-image-plane{inset:110px 6% 25px -3%;height:auto}.hero-visual .floating-note{left:-5%;right:3%;bottom:18px}.treatment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.treatment-card,.treatment-card[data-treatment=acne],.treatment-card[data-treatment=pigmentation],.treatment-card[data-treatment=hair]{grid-column:span 1;grid-row:auto}.treatment-card[data-treatment=consultation],.treatment-card[data-treatment=botox]{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.treatment-card[data-treatment=consultation] .card-copy{align-self:center}.treatment-card[data-treatment=consultation] .card-media{min-height:400px}.treatment-card[data-treatment=hair] .card-media{min-height:300px}.treatment-grid.is-filtered .treatment-card{grid-column:span 1}.treatment-card[data-treatment=botox] .card-copy{padding:25px}.treatment-card[data-treatment=botox] h3{font-size:34px}.treatment-card[data-treatment=laser]{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.treatment-card[data-treatment=laser] .card-copy{align-self:center}.treatment-card[data-treatment=laser] .card-media{min-height:330px}.concern-media{height:260px}.concern-copy{padding:25px}.journey-layout{gap:5%}.journey-steps li{padding-left:40px}.journey-steps h3{font-size:25px}.journey-steps p{font-size:14px}.journey-image-wrap{height:370px}.experience{grid-template-columns:1fr;gap:65px}.experience-heading{max-width:500px}.experience-stage{min-height:700px;margin:0 5%}.experience-main{height:520px}.experience-foreground{height:320px}.experience-secondary{height:280px}.experience-tertiary{height:250px}.education-detail{width:27%;height:260px}.melanin{min-height:950px}.melanin-bottom{max-width:100%}}
@media(max-width:600px){.hero-visual{margin:0 18px 32px;min-height:470px}.hero-backdrop{inset:0 0 40px 10%;width:90%;height:calc(100% - 40px)}.hero-image-plane{inset:82px 12% 40px 0;height:auto;border-width:5px}.hero-detail-frame{right:0;top:16px;width:30%;height:150px;border-width:5px}.hero-visual .photo-label{left:16%;top:22px;right:35%}.hero-visual .floating-note{left:4%;right:9%;bottom:5px;padding:15px}.hero-copy{padding-bottom:40px}.principle-strip{margin-top:0}.concern-layout{display:flex;flex-direction:column;gap:20px}.concern-options{position:static;width:100%}.concern-detail{width:100%}.concern-media{height:290px}.concern-copy{padding:26px}.concern-copy h3{font-size:31px}.concern-copy .inline-actions{flex-direction:column}.approach{padding-bottom:105px;gap:35px}.approach-photo{min-height:460px;margin-right:18px}.approach-copy{padding-left:0}.founder-detail{right:-28px;bottom:-35px;width:42%;height:210px;border-width:5px}.portrait-caption{padding:18px;right:25%;bottom:10px}.portrait-caption span:first-child{font-size:21px}.portrait-caption span:last-child{font-size:8px}.treatment-grid,.treatment-grid.is-filtered{display:flex;flex-direction:column;gap:24px}.treatment-card,.treatment-card[data-treatment=consultation],.treatment-card[data-treatment=laser],.treatment-card[data-treatment=botox]{display:flex;min-height:0}.card-media,.treatment-card[data-treatment=hair] .card-media,.treatment-card[data-treatment=laser] .card-media,.treatment-card[data-treatment=botox] .card-media,.treatment-grid.is-filtered .card-media{height:310px;min-height:310px;flex:none}.treatment-card[data-treatment=consultation] .card-media{height:380px;min-height:380px}.treatment-card[data-treatment=hair] .card-media{height:430px;min-height:430px}.card-copy,.treatment-card[data-treatment=botox] .card-copy{padding:25px;width:100%}.treatment-card h3,.treatment-card[data-treatment=consultation] h3,.treatment-card[data-treatment=botox] h3{font-size:34px}.treatment-card p{font-size:14px;max-width:40ch}.treatment-card .treatment-top{margin-bottom:15px}.card-media img{object-position:50% 40%}.media-context{font-size:9px}.treatment-card .card-link{font-size:13px;padding-top:18px}.melanin{min-height:0;padding-top:45px;padding-bottom:55px}.education-image{top:110px;right:0;width:72%;height:530px;opacity:.55}.melanin h2{font-size:11vw;margin:105px 0 90px;line-height:1.05}.education-detail{top:335px;right:5%;width:34%;height:220px;border-width:5px;opacity:.85}.melanin-bottom{margin-top:0;position:relative;z-index:4;background:linear-gradient(0deg,#283d34 60%,#283d34e8,transparent)}.melanin-word{font-size:22vw;bottom:3%;line-height:.83}.journey-layout{grid-template-columns:1fr;gap:20px;display:block}.journey-visual{position:sticky;top:77px;z-index:5;background:var(--ivory);padding-top:12px;box-shadow:0 12px 20px -18px #283d3444}.journey-image-wrap{height:265px}.journey-progress{padding:15px 0}.journey-steps{padding-top:8px}.journey-steps li{min-height:245px;padding:50px 10px 42px 48px}.journey-steps li>span{top:53px}.journey-steps h3{font-size:28px}.journey-steps p{font-size:15px}.experience{gap:65px;padding-top:65px;padding-bottom:100px}.experience-stage{min-height:540px;margin:0}.experience-main{top:80px;left:5%;width:88%;height:350px}.experience-secondary{top:-10px;left:-2%;width:42%;height:200px;border-width:5px}.experience-foreground{bottom:-5px;right:-2%;width:42%;height:225px;border-width:5px}.experience-tertiary{left:-3%;bottom:-10px;width:41%;height:185px;border-width:5px}.experience-main .image-caption{font-size:7px;bottom:90px;max-width:80%}.experience-word{font-size:29vw;left:-5%;top:-25px}.mobile-book{bottom:10px}body:has(.journey-visual) .journey{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.card-media img,.concern-media img,.journey-image-wrap img{transform:none!important;transition:none!important}.journey-steps li{opacity:1;transform:none!important}.hero-backdrop{display:block!important}.hero-visual{background:transparent}.founder-detail,.hero-detail-frame,.experience-secondary,.experience-tertiary{transform:none!important}.journey-progress i{transition:none}}
/* Reception is a documented reel cover: show the branded room, not its caption. */
img[data-asset="reception.webp"]{object-position:50% 0!important}
.experience-main:has(img[data-asset="reception.webp"]){height:390px;top:125px}
.experience-main img[data-asset="reception.webp"]{height:100%;margin:0;object-fit:cover;transform:none!important}
.founder-detail img[data-asset="reception.webp"]{object-position:50% 0!important}
.treatment-card[data-treatment=laser] .card-media img{object-position:50% 0!important}
@media(max-width:600px){.experience-main:has(img[data-asset="reception.webp"]){height:285px;top:115px}.treatment-card[data-treatment=laser] .card-media{height:235px;min-height:235px}}