/* ── home · services (Figma 11:440/11:491/11:513 — hover reveals the list) ── */
.srv{padding-block:82px 0}
.srv__head .title{font-size:clamp(32px,3.65vw,70px);line-height:1.2;letter-spacing:-.52px}
.srv__head .sub{margin-top:8px;font-size:clamp(16px,1.25vw,24px);line-height:1.31}
.srv__grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.srv__card{position:relative;border-radius:10px;overflow:hidden}
.srv__top{position:relative;display:block;aspect-ratio:489/700}
.srv__img{position:absolute;inset:0}
.srv__card img{transition:transform .5s}
.srv__card:hover img{transform:scale(1.04)}
.srv__body{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding-bottom:59px;text-align:center;background:linear-gradient(0deg,rgba(28,53,85,.55) 0%,rgba(28,53,85,0) 100%);transition:opacity .3s}
.srv__name{font-size:clamp(24px,2.6vw,50px);line-height:70px;letter-spacing:-.52px;color:var(--white);font-weight:400}
.srv__more{display:flex;align-items:center;justify-content:center;width:63px;height:62px;margin:17px auto 0;border-radius:50%;background:var(--blush);transition:all .25s}
.srv__more svg{width:25px;height:24px}

/* hover overlay */
.srv__panel{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;
	padding:5.4% 4.9% 10.1%;text-align:center;color:var(--white);background:rgba(28,53,85,.8);
	opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
.srv__card:hover .srv__panel,.srv__card:focus-within .srv__panel{opacity:1;visibility:visible}
.srv__card:hover .srv__body,.srv__card:focus-within .srv__body{opacity:0}
.srv__ptitle{font-size:clamp(26px,2.6vw,50px);line-height:1.34;font-weight:400;color:var(--white)}
.srv__desc{margin-top:2.3%;font-size:clamp(15px,1.15vw,22px);line-height:1.18;color:var(--white)}
.srv__links{margin-top:5%;display:flex;flex-direction:column;text-align:start}
.srv__links a{font-size:clamp(15px,1.15vw,22px);line-height:1.577;color:var(--white);transition:color .2s}
.srv__links a:hover{color:var(--blush)}
.srv__cta{margin-top:auto;height:56px;padding:0 26px;background:var(--blush);color:var(--navy);font-size:22px;font-weight:500}
.srv__cta:hover{background:var(--white)}

@media(max-width:1023px){
	/* Figma 118:1742 — one card per row: photo + title/arrow overlay, then copy + links */
	.srv{padding-block:44px 0}
	.srv__grid{grid-template-columns:1fr;gap:22px;margin-top:26px}
	.srv__card{background:var(--white);box-shadow:0 4px 20px rgba(28,53,85,.1)}
	.srv__top{aspect-ratio:330/286}
	.srv__body{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;padding:0 15px 18px;text-align:start}
	.srv__name{font-size:34px;line-height:1.1}
	.srv__more{width:36px;height:36px;margin:0}
	.srv__more svg{width:16px;height:16px}
	.srv__panel{position:static;opacity:1;visibility:visible;background:none;color:var(--navy);display:block;padding:16px 15px 22px}
	.srv__ptitle,.srv__cta{display:none}
	.srv__desc{margin-top:0;font-size:22px;line-height:28px;font-weight:500;color:var(--navy);text-align:center}
	.srv__links{margin-top:13px;align-items:flex-end;gap:1px}
	.srv__links a{position:relative;padding-right:18px;font-size:18px;line-height:29px;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
	.srv__links a::before{content:"";position:absolute;right:0;top:12px;width:5px;height:5px;border-radius:50%;background:var(--navy)}
	.srv__head .sub{margin-top:10px;font-size:20px;line-height:26px}
	.srv__head .title{font-size:36px}
	.srv__card:hover img{transform:none}
}

/* ── home · before & after ───────────────────────────────────────────── */
/* ══ BEFORE & AFTER — filter pill + four stacked-pair cards (Figma y5626–6591) ══ */
.ba{padding-block:93px 0}
.ba .sub-sec{margin-top:23px}
/* filter pill */
.ba__tabs{margin:39px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;gap:0;
	padding:5px;background:#f6f6f6;border-radius:80px}
.ba__tab{height:49px;padding-inline:14px;border-radius:80px;font-size:clamp(14px,1.09vw,21px);line-height:1;
	color:#000;white-space:nowrap;transition:background .2s,color .2s}
.ba__tab:hover{color:var(--pink-2)}
.ba__tab.is-active{background:var(--pink-2);color:var(--white)}

.ba__wrap{margin-top:51px;position:relative}
.ba__card{position:relative;border-radius:10px;overflow:hidden}
.ba__card .image{aspect-ratio:350/625;border-radius:10px}
/* the pink band sits between the two halves of the pair, not at the card foot */
.ba__label{position:absolute;inset-inline:0;top:44.8%;height:66px;display:flex;flex-direction:column;
	align-items:center;justify-content:center;background:var(--pink);color:var(--muted);
	font-size:clamp(17px,1.3vw,25px);line-height:1.15;font-weight:300}
.ba__label b{font-size:clamp(13px,.885vw,17px);font-weight:400;line-height:1.3}
.ba__wrap .owl-prev{right:-85px!important;left:auto!important}
.ba__wrap .owl-next{left:-85px!important;right:auto!important}
.ba__wrap .owl-nav .rnd{width:62px;height:62px;background:var(--blush)}
.ba__wrap .owl-nav .rnd svg{width:24px;height:24px}
@media(max-width:1700px){
	.ba__wrap .owl-prev{right:6px!important}
	.ba__wrap .owl-next{left:6px!important}
}
@media(max-width:1023px){
	.ba{padding-block:44px 0}
	.ba__tabs{margin-top:34px;overflow-x:auto;justify-content:flex-start;border-radius:12px}
	.ba__tab{font-size:14px;padding-inline:12px}
	.ba__wrap{margin-top:28px}
	.ba__wrap .owl-nav .rnd{width:42px;height:42px}
}

/* ── home · instagram ────────────────────────────────────────────────── */
.ig{padding-block:106px 0}


.ig__title{margin-top:36px}
.ig__wrap{margin-top:41px;max-width:1859px;margin-inline:auto;padding-inline:20px}
.ig__item{display:block;aspect-ratio:281/378;border-radius:4px;overflow:hidden}
.ig__item img{transition:transform .5s}
.ig__item:hover img{transform:scale(1.05)}
.ig__cta{margin-top:58px;text-align:center}
.ig__btn{height:46px;padding-inline:29px 20px;gap:8px;font-size:clamp(14px,1.04vw,20px);font-weight:500;color:#000}
@media(max-width:1023px){
	.ig{padding-block:44px 0}
	.ig__head .sub{margin-top:12px;font-size:15px;line-height:23px}
	.ig__wrap{margin-top:22px;padding-inline:16px}
	.ig__cta{margin-top:26px}
}

/* ══ ABOUT THE DOCTOR — video card on the left, copy on the right (Figma y1076–1914) ══ */
.ad{padding-block:107px 60px}
.ad .container{max-width:1285px}
/* laid out ltr so the media stays on the physical left like the Figma; the copy flips back to rtl */
.ad__grid{direction:ltr;display:grid;grid-template-columns:565fr 665fr;gap:15px;align-items:start}

.ad__media{direction:rtl;position:relative;border-radius:20px;height:832px;grid-column:1}
.ad__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;
	background:rgba(37,37,37,.2);border:1px solid transparent;color:var(--white);display:grid;place-items:center;
	backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background .2s}
.ad__play::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--grad);
	-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.ad__play svg{width:34px;height:39px;margin-inline-start:-4px}
.ad__play:hover{background:rgba(37,37,37,.45)}

/* the brown wash + pull quote over the bottom third of the card */
.ad__quote{position:absolute;z-index:2;inset-inline:0;bottom:0;height:302px;margin:0;padding:126px 37px 34px;
	border-radius:0 0 20px 20px;color:var(--white);
	background:linear-gradient(180deg,rgba(90,59,56,0) 0%,rgba(90,59,56,.72) 34%,#5a3b38 100%)}
.ad__qmark{display:block;font-size:42px;line-height:0;height:0}
.ad__quote blockquote{margin:0;font-size:clamp(20px,1.875vw,36px);line-height:1.167}
.ad__quote figcaption{margin-top:27px;font-size:clamp(15px,1.25vw,24px);line-height:1.25}

.ad__text{direction:rtl;grid-column:2;text-align:right}
.ad__title{max-width:564px;margin-inline:0 auto}
.ad__lead{margin-top:18px;max-width:591px;margin-inline:0 auto;font-size:clamp(15px,1.15vw,22px);line-height:1.545;color:#000}
.ad__sub{margin-top:28px;font-size:clamp(20px,1.67vw,32px);line-height:1.0625;color:#000}

.ad__list{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.ad__item{display:flex;align-items:center;gap:14px}
.ad__ico{flex:none;width:71px;height:71px;border-radius:50%;background:var(--cream);display:grid;place-items:center}
.ad__ico img{width:51px;height:51px;object-fit:contain;mix-blend-mode:multiply}
.ad__txt{flex:1;font-size:clamp(15px,1.15vw,22px);line-height:1.182;color:#000}
.ad__txt b{display:block;font-weight:700;color:var(--brand)}
.ad__cta{margin-top:54px;height:46px;padding-inline:21px 20px;gap:5px;font-size:clamp(14px,1.04vw,20px);font-weight:500;color:#000}

@media(max-width:1200px){
	.ad{padding-block:60px 40px}
	.ad__grid{grid-template-columns:1fr;gap:32px}
	.ad__media{grid-column:1;height:min(70vw,600px)}
	.ad__text{grid-column:1}
	.ad__title,.ad__lead{max-width:none}
	.ad__quote{height:auto;padding:80px 24px 24px}
}
@media(max-width:640px){
	.ad__ico{width:56px;height:56px}
	.ad__ico img{width:40px;height:40px}
	.ad__cta{width:100%;justify-content:center}
}

/* ══ CERTIFICATES — headline, rose rule, four scans (Figma y1974–2365) ══ */
.cert{padding-block:0}
.cert__title{margin-inline:auto;max-width:1245px;font-size:clamp(22px,1.98vw,38px);line-height:clamp(30px,2.6vw,50px);
	font-weight:400;color:var(--ink-2);text-align:center}
.cert__row{margin-top:44px;padding-top:38px;border-top:1px solid transparent;border-image:var(--grad) 1;
	display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.cert__item{height:258px;background:var(--white);border:1px solid #e2e2e2}
/* Figma applies saturation:-1 to every scan */
.cert__item img{filter:grayscale(1)}
@media(max-width:1200px){.cert__item{height:min(19vw,258px)}}
@media(max-width:900px){
	.cert__row{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px;padding-top:26px}
	.cert__item{height:36vw}
}

/* ══ TREATMENTS — four full-bleed cards, label at the foot (Figma y2462–3426) ══ */
.trt{padding-block:97px 0}
.trt__row{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.trt__card{position:relative;display:block;height:700px;overflow:hidden}
.trt__card img{transition:transform .5s ease}
.trt__card:hover img{transform:scale(1.04)}
.trt__go{position:absolute;z-index:2;top:18px;inset-inline-start:17px;width:58px;height:58px;border-radius:50%;
	display:grid;place-items:center;color:var(--white);transition:background .2s}
.trt__go::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad);
	-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.trt__go svg{width:25px;height:25px}
.trt__card:hover .trt__go{background:rgba(255,255,255,.2)}
.trt__name{position:absolute;z-index:2;inset-inline:0;bottom:50px;padding-inline:24px;text-align:center;
	font-size:clamp(20px,1.98vw,38px);line-height:1.26;font-weight:400;color:var(--white)}
.trt__name--dark{color:#55312a}

@media(max-width:1023px){
	.trt{padding-block:56px 0}
	.trt__row{grid-template-columns:repeat(2,1fr)}
	.trt__card{height:min(88vw,420px)}
	.trt__name{bottom:24px}
	.trt__go{width:44px;height:44px;top:12px;inset-inline-start:12px}
	.trt__go svg{width:19px;height:19px}
}
@media(max-width:560px){.trt__row{grid-template-columns:1fr}}

/* ══ ULTRAFORMER MPT — blush panel: wordmark · video · copy + linked list (Figma y3564–4491) ══ */
.uf{padding-block:138px 0}
.uf__panel{direction:ltr;display:grid;grid-template-columns:95fr 39fr 415fr 108fr 645fr;
	align-items:start;background:rgba(214,187,185,.6);border-radius:20px;padding:85px 93px 95px 106px}
/* Figma lifts the wordmark with exposure:+1 */
.uf__logo{grid-column:1;margin-top:15px;width:100%;height:727px;object-fit:contain;object-position:top;filter:brightness(1.75)}
.uf__media{grid-column:3;margin-top:10px;position:relative;height:737px;border-radius:10px}
.uf__play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:106px;height:106px;border-radius:50%;
	background:rgba(37,37,37,.2);color:var(--white);display:grid;place-items:center;transition:background .2s}
.uf__play::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad);
	-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.uf__play svg{width:43px;height:54px;margin-inline-start:-5px}
.uf__play:hover{background:rgba(37,37,37,.45)}

.uf__text{direction:rtl;grid-column:5;text-align:right}
.uf__title{max-width:564px;margin-inline:0 auto}
.uf__lead{margin-top:18px;font-size:clamp(15px,1.15vw,22px);line-height:1.545;color:#000}
.uf__sub{margin-top:28px;font-size:clamp(20px,1.67vw,32px);line-height:1.0625;color:#000}

.uf__list{margin-top:27px;border-bottom:1px solid rgba(137,107,107,.5)}
.uf__list a{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;
	border-top:1px solid rgba(137,107,107,.5);font-size:clamp(17px,1.35vw,26px);line-height:1;color:var(--brand)}
.uf__go{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #c4aeae;border-radius:60px;transition:all .2s}
.uf__go svg{width:19px;height:19px}
.uf__list a:hover .uf__go{background:var(--brand);border-color:var(--brand);color:var(--white)}

@media(max-width:1200px){
	.uf{padding-block:70px 0}
	.uf__panel{grid-template-columns:1fr;gap:28px;padding:40px}
	.uf__logo{display:none}
	.uf__media{grid-column:1;height:min(80vw,560px)}
	.uf__text{grid-column:1}
	.uf__title{max-width:none}
}
@media(max-width:640px){
	.uf__panel{padding:24px}
	.uf__list a{height:56px}
	.uf__go{width:36px;height:36px}
}

/* ══ THE PROCESS — white card: video + quote on the left, four steps on the right (Figma y7514–8441) ══ */
.proc{padding-block:84px 0}
.proc__panel{direction:ltr;display:grid;grid-template-columns:565fr 59fr 715fr;align-items:start;
	background:var(--white);border-radius:20px;padding:70px 62px 128px 99px;box-shadow:0 0 30px rgba(90,59,56,.08)}
.proc__media{direction:rtl;grid-column:1;margin-top:25px;position:relative;height:706px;border-radius:20px}
.proc__quote{height:315px;padding:126px 35px 30px}
.proc__text{direction:rtl;grid-column:3;text-align:right}
.proc__title{margin-top:0;max-width:674px;margin-inline:0 auto;line-height:clamp(38px,3.96vw,76px)}
.proc__list{margin-top:35px;display:flex;flex-direction:column;gap:34px}
.proc__item{display:flex;align-items:center;gap:29px;min-height:110px}
.proc__ico{flex:none;width:110px;height:110px;border-radius:50%;background:var(--blush-2);display:grid;place-items:center}
.proc__ico img{width:82px;height:82px;object-fit:contain;mix-blend-mode:multiply}
.proc__txt{flex:1;font-size:clamp(15px,1.15vw,22px);line-height:1.273;color:#000}
.proc__txt b{display:block;margin-bottom:11px;font-size:clamp(19px,1.67vw,32px);line-height:1.0625;font-weight:500;color:var(--brand)}

@media(max-width:1200px){
	.proc{padding-block:60px 0}
	.proc__panel{grid-template-columns:1fr;gap:30px;padding:40px}
	.proc__media{grid-column:1;margin-top:0;height:min(75vw,520px)}
	.proc__quote{height:auto;padding:80px 24px 24px}
	.proc__text{grid-column:1}
	.proc__title{max-width:none}
}
@media(max-width:640px){
	.proc__panel{padding:24px}
	.proc__ico{width:76px;height:76px}
	.proc__ico img{width:54px;height:54px}
	.proc__item{gap:16px;min-height:0}
	.proc__list{gap:24px}
}

/* ══ ARTICLES — three cards, image on top (Figma y8533–9399) ══ */
.arts{padding-block:92px 0}
.arts__wrap{margin-top:41px;position:relative}
.acard{background:var(--white);border:1px solid #ededed;height:602px;display:flex;flex-direction:column}
.acard__img{display:block;height:301px;flex:none}
.acard__img img{transition:transform .5s ease}
.acard:hover .acard__img img{transform:scale(1.04)}
.acard__body{position:relative;flex:1;padding:28px 36px 0;text-align:right}
.acard__title{font-size:clamp(22px,1.98vw,38px);line-height:1.105;font-weight:300;color:#000}
.acard__title a{transition:color .2s}
.acard__title a:hover{color:var(--brand)}
.acard__desc{margin-top:16px;font-size:clamp(15px,1.09vw,21px);line-height:1.43;color:#131313}
.acard__more{position:absolute;inset-inline-end:28px;bottom:38px;display:inline-flex;align-items:center;gap:6px;
	padding-bottom:6px;font-size:clamp(15px,1.04vw,20px);font-weight:500;color:#000;
	border-bottom:1px solid transparent;border-image:var(--grad) 1}
.acard__more svg{width:20px;height:20px}
.arts__wrap .owl-nav{position:absolute;inset:0;z-index:5;pointer-events:none}
.arts__wrap .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;background:none!important;margin:0!important;padding:0!important}
.arts__wrap .owl-prev{right:-80px}
.arts__wrap .owl-next{left:-90px}
.arts__wrap .owl-nav .rnd{width:62px;height:62px;background:transparent;border:1px solid #8b6f47;color:#8b6f47}
.arts__wrap .owl-nav .rnd svg{width:24px;height:24px}
.arts__wrap .owl-nav .rnd:hover{background:var(--brand);border-color:var(--brand);color:var(--white)}
@media(max-width:1780px){.arts__wrap .owl-prev{right:8px}.arts__wrap .owl-next{left:8px}}
@media(max-width:1023px){
	.arts{padding-block:56px 0}
	.acard{height:auto}
	.acard__img{height:52vw;max-height:301px}
	.acard__body{padding:20px 20px 70px}
	.acard__more{bottom:20px;inset-inline-end:20px}
	.arts__wrap .owl-nav{display:none}
}