/* ── home · services (Figma 11:440/11:491/11:513 — hover reveals the list) ── */
.srv{padding-block:82px 0}
@media(min-width:1024px){
.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;transition:transform .25s ease}
.srv__top:hover .srv__more svg{transform:translateY(-4px)}

/* hover overlay */
.srv__panel{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;
	padding:8.1% 4.9% 14.5%;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:3.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.727;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}
/* filled blush pill — same hover as .btn--white: navy fill, white label (Figma QA) */
.srv__cta:hover,.srv__cta:focus-visible{background:var(--navy);color:var(--white)}

@media(max-width:1023px){
	/* Figma 118:1742 · card 127:2943 — photo 330×286, title right + chevron left,
	   then a right-aligned lead and the link list. */
	.srv{padding-block:44px 0}
	.srv__grid{grid-template-columns:1fr;gap:23px;margin-top:26px}
	.srv__card{background:var(--white);border-radius:7px;box-shadow:0 0 20px rgba(28,53,85,.15)}
	.srv__top{aspect-ratio:330/286}
	.srv__body{display:flex;flex-direction:row;align-items:center;justify-content:space-between;
		padding:0 18px 18px 15px;text-align:start}
	.srv__name{font-size:34px;line-height:34px;letter-spacing:-.35px}
	.srv__more{width:36px;height:36px;margin:0}
	.srv__more svg{width:16px;height:17px;transform:rotate(90deg)}
	.srv__panel{position:static;opacity:1;visibility:visible;background:none;color:var(--navy);display:block;padding:14px 18px 24px 15px}
	.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:right}
	.srv__links{margin-top:13px;align-items:stretch;gap:0}
	.srv__links a{position:relative;display:block;padding-right:18px;text-align:right;
		font-size:18px;line-height:34px;color:var(--navy);
		text-decoration:underline;text-decoration-color:var(--blush);text-decoration-thickness:1px;text-underline-offset:3px}
	.srv__links a::before{content:"";position:absolute;right:0;top:15px;width:5px;height:5px;border-radius:50%;background:var(--navy)}
	.srv__head .sub{margin-top:15px}
	.srv__card:hover img{transform:none}
}

/* ── home · before & after ───────────────────────────────────────────── */
.ba{padding-block:81px 0}
@media(min-width:1024px){
.ba__head .title{font-size:clamp(30px,3.65vw,70px);line-height:1;letter-spacing:0}
.ba__head .sub{margin-top:24px;font-size:clamp(16px,1.25vw,24px);line-height:34px}
}
.ba__wrap{margin-top:40px;position:relative}
.ba__card{aspect-ratio:351/439;border-radius:6px;overflow:hidden}
.ba__wrap .owl-prev{right:-82px!important;left:auto!important}
.ba__wrap .owl-next{left:-82px!important;right:auto!important}
.ba__wrap .owl-nav .rnd{width:62px;height:62px}
.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){
	/* Figma 127:3146 — 259×324 frames, the next one peeking on the left */
	.ba{padding-block:53px 0}
	.ba__wrap{margin-top:28px}
	.ba__card{aspect-ratio:259/324;border-radius:6px}
	.ba__head .sub{margin-top:16px}
	.ba__wrap .owl-nav .rnd{width:42px;height:42px}
}