/* Media cards: one paint boundary for the outer glass, another for the actual photograph. */
.client-glass-card,.professional-page .pro-feature{overflow:hidden!important;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.client-glass-card>.journey-window,.client-glass-inside{overflow:hidden!important;isolation:isolate;clip-path:inset(0 round 18px);-webkit-mask-image:-webkit-radial-gradient(white,black)}
.client-glass-card .journey-art{overflow:hidden;clip-path:inset(0 round 18px)}
.professional-page .pro-feature .pro-feature-photo{display:block;max-width:100%;max-height:100%;border-radius:inherit}
.pro-sheet.bm-sheet.immersive-story .bm-scene{overflow:hidden!important;isolation:isolate;clip-path:inset(0 round 30px);-webkit-mask-image:-webkit-radial-gradient(white,black)}
.pro-sheet.bm-sheet.immersive-story .bm-scene>img{display:block;max-width:100%;max-height:100%;border-radius:20px;clip-path:inset(0 round 20px)}
.ep-media-card,.ep-photo-frame,.employee-work,.ep-map-frame,.es-card-inside{overflow:hidden!important;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
@media(max-width:760px){.client-glass-card>.journey-window,.client-glass-inside,.client-glass-card .journey-art{clip-path:inset(0 round 15px)}.pro-sheet.bm-sheet.immersive-story .bm-scene{clip-path:inset(0 round 23px)}.pro-sheet.bm-sheet.immersive-story .bm-scene>img{clip-path:inset(0 round 16px)}}
/* A single nonrepeating salon surface carries the hero into the lower cards. */
.employer-page.es-seated{background:linear-gradient(180deg,#0e0a0e40,#0e0a0e90 55%,#0a090ef0),url('assets/ready/employer-salon-panorama-hd.webp') center top/cover no-repeat!important}
.ep-team-intro>img{border-radius:25px!important;clip-path:inset(0 round 25px)!important;overflow:hidden}

/* The card is the control. Keep artwork and captions on separate rows on phones. */
.em-feature-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.client-page .journey-glass-caption,
.professional-page .pro-feature .client-glass-caption,
.employer-page .em-journey-card .client-glass-caption{padding-inline-end:12px}

@media(max-width:760px){
 .client-page .client-steps .client-glass-card:nth-child(n),
 .professional-page .pro-features .pro-feature:nth-child(n),
 .employer-page .em-journey-grid .em-journey-card:nth-child(n){height:auto;min-height:0;aspect-ratio:auto}
 .client-page .client-steps .journey-window,
 .professional-page .pro-features .client-glass-inside,
 .employer-page .em-journey-grid .client-glass-inside{
  position:relative;inset:auto;display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;
 }
 .client-page .client-steps .journey-art,
 .professional-page .pro-features .pro-feature-photo,
 .employer-page .em-journey-grid .em-feature-media{
  position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:4 / 3;
 }
 .client-page .client-steps .journey-art .approved-client-art,
 .professional-page .pro-features .pro-feature-photo,
 .employer-page .em-journey-grid .em-feature-media img{
  object-fit:contain!important;object-position:center!important;transform:none;
 }
 .client-page .client-steps .journey-glass-caption,
 .professional-page .pro-features .client-glass-caption,
 .employer-page .em-journey-grid .client-glass-caption{
  position:relative;inset:auto;min-height:0;height:auto;justify-content:flex-start;padding:9px 10px;
 }
 .client-page .client-steps .journey-glass-caption::before,
 .professional-page .pro-features .client-glass-caption::before,
 .employer-page .em-journey-grid .client-glass-caption::before{inset:0}
}

.bo-card-ambient{
 position:absolute;inset:-16px;z-index:-1;pointer-events:none;
 background:linear-gradient(#10101935,#101019ac),var(--card-art) center/cover no-repeat;
 filter:blur(14px);opacity:.7;
}

@media(prefers-reduced-motion:no-preference){
 .client-page .client-steps .client-glass-card:nth-child(n):active,
 .professional-page .pro-features .pro-feature:nth-child(n):active,
 .employer-page .em-journey-grid .em-journey-card:nth-child(n):active{
  transition-duration:85ms;transform:scale(.97);filter:brightness(1.12);
 }
}

/* All four cards share the same tracks, even when captions wrap differently. */
.client-page .client-steps,
.professional-page .pro-features,
.employer-page .em-journey-grid{
 align-items:stretch;grid-auto-rows:1fr;
}
.client-page .client-steps .client-glass-card:nth-child(n),
.professional-page .pro-features .pro-feature:nth-child(n),
.employer-page .em-journey-grid .em-journey-card:nth-child(n){
 align-self:stretch;margin:0;translate:none;
}
@media(max-width:760px){
 .client-page .client-steps,
 .professional-page .pro-features,
 .employer-page .em-journey-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .client-page .client-steps .client-glass-card:nth-child(n),
 .professional-page .pro-features .pro-feature:nth-child(n),
 .employer-page .em-journey-grid .em-journey-card:nth-child(n){
  width:100%;height:100%;max-height:none;min-width:0;
 }
}