.fa-ba-card{position:relative;overflow:hidden;border-radius:12px;background:#eee;box-shadow:0 10px 26px rgba(65,43,44,.1)}
.fa-ba-card h3{position:absolute;z-index:2;left:22px;right:20px;bottom:18px;margin:0;color:#fff;font-size:20px}
.fa-ba-card h3 a:hover{color:#ffd9dc}
.fa-ba-card small{position:absolute;z-index:2;left:22px;bottom:49px;color:#fff;font-size:13px;font-weight:700}
.fa-ba-card:after{content:'';position:absolute;inset:42% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.62))}
.fa-ba-arrow{z-index:3;top:50%}

/* Match the homepage Before & After carousel. */
.facial-areas-page .fa-ba{padding:104px 80px 88px;background:#fff4f7}
.facial-areas-page .fa-ba-heading{display:flex;align-items:flex-start;justify-content:space-between}
.facial-areas-page .fa-ba-heading small{display:block;margin:0 0 14px;color:#dd8f93;font-size:20px;font-weight:700;letter-spacing:.2em}
.facial-areas-page .fa-ba-heading h2{margin:0;font-size:clamp(26px,2.8vw,42px);font-weight:700;line-height:1.28}
.facial-areas-page .fa-ba-heading>a{position:static;display:grid;place-items:center;width:56px;height:56px;margin:6px 0 0 auto;font-size:54px;font-weight:300;line-height:1}
.facial-areas-page .fa-ba-carousel{margin-top:36px}
.facial-areas-page .fa-ba-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;cursor:grab;user-select:none}
.facial-areas-page .fa-ba-viewport::-webkit-scrollbar{display:none}
.facial-areas-page .fa-ba-viewport.is-dragging{cursor:grabbing}
.facial-areas-page .fa-ba-track{width:max-content;gap:24px;padding:0 0 10px}
.facial-areas-page .fa-ba-card{flex:0 0 calc((100vw - 160px - 48px)/3);scroll-snap-align:start;box-shadow:none;background:transparent}
.facial-areas-page .fa-ba-card img{aspect-ratio:625/379;object-position:center top}
.facial-areas-page .fa-ba-arrow{display:none}

@media(min-width:1920px){
  .facial-areas-page .fa-ba-card{flex-basis:calc((100vw - 160px - 48px)/3)}
}
@media(max-width:1024px){
  .facial-areas-page .fa-ba{padding:80px 48px 72px}
  .facial-areas-page .fa-ba-card{flex-basis:calc((100vw - 96px - 24px)/2)}
}
@media(max-width:760px){
  .facial-areas-page .fa-ba{padding:64px 0 56px 24px}
  .facial-areas-page .fa-ba-heading{padding-right:24px}
  .facial-areas-page .fa-ba-heading small{font-size:16px}
  .facial-areas-page .fa-ba-heading h2{font-size:32px}
  .facial-areas-page .fa-ba-heading>a{width:44px;height:44px;font-size:44px}
  .facial-areas-page .fa-ba-carousel{margin-top:28px}
  .facial-areas-page .fa-ba-track{gap:16px;padding-right:24px}
  .facial-areas-page .fa-ba-card{flex-basis:calc(100vw - 64px)}
}

@media(max-width:600px){.fa-ba-card h3{left:18px;bottom:16px;font-size:18px}.fa-ba-card small{left:18px;bottom:44px}}