/* Hire page — team hero (Fancy Slider); portraits: /images/team-*.png */

.hire-team-bleed {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.hire-team-fancy {
  overflow: hidden;
  position: relative;
  min-height: min(70vh, 700px);
  max-height: 800px;
  height: 62vh;
  perspective: 1500px;
  background: #000;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.95),
    0 0 0 2px rgba(40, 70, 120, 0.35),
    0 28px 90px rgba(0, 0, 0, 0.72);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.df-fnc-slider {
  --df-sliding-at: 1s;
  --df-sliding-delay: 0.6667s;
  --df-mask-at: 0.7s;
  --df-heading-at: 1.5s;
  --df-control-at: 0.5s;
  --df-ease: ease-in-out;
  --df-content-left: clamp(1.25rem, 4vw, 2.75rem);
  --df-content-bottom: clamp(3rem, 11vh, 5rem);
  --df-heading-pad: 30px;
  --df-nav-black: #1f2833;
  --df-mhead: clamp(2.25rem, 10vw, 5.5rem);
  --df-blend: luminosity;
  overflow: hidden;
  position: relative;
  height: 100%;
  box-sizing: border-box;
}
.df-fnc-slider *,
.df-fnc-slider *::before,
.df-fnc-slider *::after {
  box-sizing: border-box;
}

.df-fnc-slider__slides {
  position: relative;
  height: 100%;
  transition: transform var(--df-sliding-at) var(--df-sliding-delay);
}

/* color themes (mask + nav) — only black / near-black + blue; pushed darker for frame contrast */
.m--blend-dark .df-fnc-slide__inner {
  background-color: #080c12;
}
.m--blend-dark .df-fnc-slide__mask-inner {
  background-color: #04080e;
}
.m--navbg-dark {
  background-color: #04080e;
}

/* class name historic; colors are cool blue–black */
.m--blend-green .df-fnc-slide__inner {
  background-color: #060a10;
}
.m--blend-green .df-fnc-slide__mask-inner {
  background-color: #020818;
}
.m--navbg-green {
  background-color: #020818;
}

.m--blend-red .df-fnc-slide__inner {
  background-color: #0a0e16;
}
.m--blend-red .df-fnc-slide__mask-inner {
  background-color: #020616;
}
.m--navbg-red {
  background-color: #020616;
}

.m--blend-blue .df-fnc-slide__inner {
  background-color: #0a1826;
}
.m--blend-blue .df-fnc-slide__mask-inner {
  background-color: #020d1c;
}
.m--navbg-blue {
  background-color: #020d1c;
}

.df-fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.df-fnc-slide.m--before-sliding {
  z-index: 2;
  transform: translate3d(100%, 0, 0);
}
.df-fnc-slide.m--active-slide {
  z-index: 3;
  transition: transform var(--df-sliding-at) var(--df-sliding-delay) var(--df-ease);
  transform: translate3d(0, 0, 0);
}
.df-fnc-slide.m--previous-slide {
  z-index: 2;
}
/* Keep inactive slides from stacking under the active slide (Our team trio bleed-through) */
.df-fnc-slide:not(.m--active-slide):not(.m--before-sliding):not(.m--previous-slide) {
  visibility: hidden;
  pointer-events: none;
}

.df-fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  transform: translate3d(0, 0, 0);
  background-blend-mode: var(--df-blend);
}
.m--global-blending-active .df-fnc-slide__inner,
.m--blend-bg-active .df-fnc-slide__inner {
  background-blend-mode: var(--df-blend);
}
.m--before-sliding .df-fnc-slide__inner {
  transform: translate3d(-100%, 0, 0);
}
.m--active-slide .df-fnc-slide__inner {
  transition: transform var(--df-sliding-at) var(--df-sliding-delay) var(--df-ease);
  transform: translate3d(0, 0, 0);
}

.df-fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 15%;
  width: 50.25vh;
  height: 67vh;
  max-width: 88vw;
  max-height: 70vh;
  margin-right: calc(var(--df-heading-pad) * -3);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  transform-origin: 50% 0;
  transition-timing-function: var(--df-ease);
  /* L-frame: dark depth, then strong blue “neon” on the cut edge (clip-path) */
  filter: drop-shadow(0 0 0.5px #000)
    drop-shadow(0 0 0 1.5px #030508)
    drop-shadow(0 0 0 2.5px rgba(0, 4, 12, 0.98))
    drop-shadow(0 10px 32px rgba(0, 0, 0, 0.86))
    drop-shadow(0 0 0.5px var(--accent))
    drop-shadow(0 0 1.5px rgba(79, 140, 255, 0.95))
    drop-shadow(0 0 4px rgba(79, 140, 255, 0.75))
    drop-shadow(0 0 9px var(--accent-glow))
    drop-shadow(0 0 18px rgba(79, 140, 255, 0.55))
    drop-shadow(0 0 36px rgba(79, 140, 255, 0.38))
    drop-shadow(0 0 52px rgba(79, 140, 255, 0.2));
  will-change: filter;
}
.m--before-sliding .df-fnc-slide__mask {
  transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .df-fnc-slide__mask {
  transition: transform var(--df-mask-at) calc(var(--df-sliding-at) + 0.222s),
    opacity calc(var(--df-mask-at) / 2) calc(var(--df-sliding-at) + 0.222s);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .df-fnc-slide__mask {
  transition: transform var(--df-mask-at) 0.3333s, opacity calc(var(--df-mask-at) / 2) 0.6833s;
  transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}

.df-fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: var(--df-blend);
  transform-origin: 50% 16.5vh;
  transition-timing-function: var(--df-ease);
}
.m--before-sliding .df-fnc-slide__mask-inner {
  transform: translateY(0) rotate(10deg) translateX(200px) translateZ(0);
}
.m--active-slide .df-fnc-slide__mask-inner {
  transition: transform var(--df-mask-at) calc(var(--df-sliding-at) + 0.222s);
  transform: translateX(0);
}
.m--previous-slide .df-fnc-slide__mask-inner {
  transition: transform var(--df-mask-at) 0.3333s;
  transform: translateY(0) rotate(-10deg) translateX(-200px) translateZ(0);
}

.df-fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: var(--df-content-left);
  right: auto;
  top: auto;
  bottom: var(--df-content-bottom);
  max-width: min(46vw, 520px);
}

/* Readable copy over photos — shadows only, no content box */
.df-example-slider {
  --df-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95), 0 2px 16px rgba(0, 0, 0, 0.8);
  --df-accent-shadow:
    0 1px 3px rgba(0, 0, 0, 0.98),
    0 3px 18px rgba(0, 0, 0, 0.9),
    0 0 28px rgba(0, 0, 0, 0.75);
}
.df-example-slider .df-fnc-slide__content {
  z-index: 3;
}
.df-example-slider .df-fnc-slide__heading-line {
  color: #fff;
  text-shadow: var(--df-text-shadow);
}
.df-example-slider .df-fnc-slide__heading-line:nth-child(2) {
  color: var(--accent);
  text-shadow: var(--df-accent-shadow);
}
.df-example-slider .df-fnc-slide__heading-line:nth-child(2) span {
  color: inherit;
}
.df-example-slider .df-fnc-slide__tag {
  color: #fff;
  text-shadow: var(--df-text-shadow);
}
.df-example-slider .df-fnc-slide__action > span {
  color: #fff;
  text-shadow: var(--df-text-shadow);
}

.df-fnc-slide__heading {
  margin: 0 0 0.6rem;
  text-transform: uppercase;
}
.df-fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-family: var(--font-display);
  font-size: var(--df-mhead);
  line-height: 0.95;
  color: #fff;
  word-spacing: 0.15em;
}
/* Role line — matches nav logo blue (--accent) */
.df-fnc-slide__heading-line:nth-child(2) {
  padding-left: var(--df-heading-pad);
  color: var(--accent);
}
.df-fnc-slide__heading-line:nth-child(2) span {
  color: inherit;
}
.m--before-sliding .df-fnc-slide__heading-line {
  transform: translateY(100%);
}
.m--active-slide .df-fnc-slide__heading-line {
  transition: transform var(--df-heading-at) 1s;
  transform: translateY(0);
}
.m--previous-slide .df-fnc-slide__heading-line {
  transition: transform var(--df-heading-at);
  transform: translateY(-100%);
}
.df-fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .df-fnc-slide__heading-line span {
  transform: translateY(-100%);
}
.m--active-slide .df-fnc-slide__heading-line span {
  transition: transform var(--df-heading-at) 1s;
  transform: translateY(0);
}
.m--previous-slide .df-fnc-slide__heading-line span {
  transition: transform var(--df-heading-at);
  transform: translateY(100%);
}

.df-fnc-slide__tag {
  margin: 0 0 1.25rem;
  font-family: var(--font-sans);
  font-size: clamp(0.85rem, 2vw, 1rem);
  font-style: italic;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: none;
  color: rgba(255, 255, 255, 0.9);
  max-width: 22em;
  opacity: 0;
  transform: translateY(8px);
}
.m--active-slide .df-fnc-slide__tag {
  transition: opacity 0.5s 1.1s, transform 0.5s 1.1s;
  opacity: 1;
  transform: translateY(0);
}
.m--before-sliding .df-fnc-slide__tag,
.m--previous-slide .df-fnc-slide__tag {
  opacity: 0;
  transition: none;
}

/* action link (3D label flip) */
.df-fnc-slide__action {
  position: relative;
  display: inline-block;
  margin-top: 0.25rem;
  margin-left: min(8vw, 5rem);
  padding: 5px 5px;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: transparent;
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
  vertical-align: top;
  outline: none;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.df-fnc-slide__action > span {
  position: relative;
  display: block;
  min-height: 1.4em;
  box-sizing: border-box;
  padding: 0 5px;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: transform 0.3s;
  transform-origin: 50% 0;
  line-height: calc(0.85rem + 10px);
  color: #fff;
}
.df-fnc-slide__action > span::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: calc(0.85rem + 10px);
  background: var(--df-nav-black);
  opacity: 0;
  transform-origin: 50% 0;
  transform: translateY(100%) rotateX(-90deg);
  transition: opacity 0.15s 0.15s;
}
.df-fnc-slide__action:hover > span,
.df-fnc-slide__action:focus-visible > span {
  transform: rotateX(90deg);
}
.df-fnc-slide__action:hover > span::after,
.df-fnc-slide__action:focus-visible > span::after {
  opacity: 1;
  transition: opacity 0.15s;
}
.df-fnc-slide__action:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

/* bottom nav */
.df-fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.df-fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.df-fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.df-fnc-nav__bg.m--nav-bg-before {
  z-index: 2;
  transform: translateX(100%);
}
.df-fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  transition: transform var(--df-sliding-at) var(--df-sliding-delay);
  transform: translateX(0);
}

.df-fnc-nav__controls {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 0;
  flex-wrap: nowrap;
}
.df-fnc-nav__control {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: block;
  padding: 5px;
  font-family: var(--font-sans);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
  outline: none;
  transition: background-color var(--df-control-at);
  text-align: center;
  letter-spacing: 0.06em;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 600px) {
  .df-fnc-nav__control {
    font-size: 12px;
  }
}
.df-fnc-nav__control.m--active-control {
  background: var(--df-nav-black);
}
.df-fnc-nav__control-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--accent);
  box-shadow: 0 0 6px var(--accent-glow), 0 0 12px rgba(79, 140, 255, 0.45);
  transform-origin: left center;
  transform: scaleX(0);
  transition-timing-function: linear;
  pointer-events: none;
  /* Filled and timed in main.js (startActiveProgressBar) so the line matches the active tab. */
}
.df-fnc-nav__control.m--prev-control .df-fnc-nav__control-progress {
  transform: scaleX(0);
  transition: transform 0.2s ease;
}
.df-fnc-nav__control.m--reset-progress .df-fnc-nav__control-progress {
  transform: scaleX(0);
  transition: transform 0s 0s;
}
.m--autosliding-blocked .df-fnc-nav__control .df-fnc-nav__control-progress {
  transform: scaleX(0);
  transition: all 0s 0s;
}

/* Team portraits — slide 1 = trio grid; slides 2–4 = individual (Angel, Epsteine, Josh). */
.df-example-slider {
  --df-team-dim: linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.32));
  --df-team-zoom: 118%;
}
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner {
  background-image: var(--df-team-dim), url("/images/team-angel.png");
}
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner {
  background-image: var(--df-team-dim), url("/images/team-epsteine.png");
}
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
  background-image: var(--df-team-dim), url("/images/team-josh.png");
}
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
  background-repeat: no-repeat, no-repeat;
  background-size: cover, var(--df-team-zoom) auto;
  background-position: center, center 38%;
  background-blend-mode: normal;
}
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner {
  background-color: #080c12;
}
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner {
  background-color: #020616;
}
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
  background-color: #020818;
}
/* True color in L-frame (no luminosity wash) */
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
  filter: contrast(1.04) brightness(1.02) saturate(1.12);
}

/* Individual slides — L-frame bottom-right (copy sits bottom-left) */
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask {
  top: auto;
  left: auto;
  right: clamp(0.85rem, 3.5vw, 2.25rem);
  bottom: var(--df-content-bottom);
  width: min(46vh, 40vw);
  height: min(58vh, 54vw);
  max-width: 400px;
  max-height: 64vh;
  margin-right: 0;
  background: #010306;
  transform-origin: 100% 100%;
  filter: drop-shadow(0 0 0 1px #000)
    drop-shadow(0 0 0 2px #010204)
    drop-shadow(0 0 0 4px rgba(0, 0, 0, 1))
    drop-shadow(0 16px 44px rgba(0, 0, 0, 0.95))
    drop-shadow(0 0 1px rgba(79, 140, 255, 0.9))
    drop-shadow(0 0 5px rgba(79, 140, 255, 0.5))
    drop-shadow(0 0 12px rgba(79, 140, 255, 0.28));
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    7% 0,
    7% 90%,
    80% 90%,
    80% 10%,
    7% 10%
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    7% 0,
    7% 90%,
    80% 90%,
    80% 10%,
    7% 10%
  );
}
/* Dark “frame” ring only — photo window stays clear */
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask::after,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask::after,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.92) 0%, rgba(4, 8, 14, 0.88) 100%);
  -webkit-clip-path: polygon(
    evenodd,
    0% 0%,
    100% 0%,
    100% 100%,
    0% 100%,
    7% 10%,
    80% 10%,
    80% 90%,
    7% 90%
  );
  clip-path: polygon(
    evenodd,
    0% 0%,
    100% 0%,
    100% 100%,
    0% 100%,
    7% 10%,
    80% 10%,
    80% 90%,
    7% 90%
  );
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.95), inset 0 0 24px rgba(0, 0, 0, 0.65);
}
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner {
  transform-origin: 88% 82%;
  background-position: center, center 34%;
  background-color: #010408;
}
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
  transform-origin: 88% 82%;
  background-position: center, center 34%;
  background-color: #010408;
}
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner {
  background-size: cover, cover;
  background-position: center, center 52%;
}
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner {
  transform-origin: 88% 82%;
  background-color: #010408;
}
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner::after,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner::after,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.85), inset 0 0 48px rgba(0, 0, 0, 0.45);
}

/* Our team — full-bleed trio across hero (no L-mask; individual slides keep the frame) */
.df-example-slider .df-fnc-slide-1 .df-fnc-slide__inner,
.df-example-slider .df-fnc-slide-1 .df-fnc-slide__mask-inner {
  background-image: none;
}
.df-example-slider .df-fnc-slide-1 .df-fnc-slide__mask {
  display: none;
}
.df-example-slider .df-fnc-slide-1 .df-fnc-slide__inner::before {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.82) 0%,
    rgba(0, 0, 0, 0.42) 30%,
    rgba(0, 0, 0, 0.08) 48%,
    rgba(0, 0, 0, 0) 62%
  );
  z-index: 0;
}
.df-example-slider .df-fnc-slide-2 .df-fnc-slide__inner::before,
.df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner::before,
.df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner::before {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.38) 28%,
    rgba(0, 0, 0, 0) 52%
  );
}
.df-example-slider .df-fnc-slide-1 .df-fnc-slide__content {
  max-width: min(44vw, 480px);
}
.df-fnc-slide-1:not(.m--active-slide):not(.m--before-sliding):not(.m--previous-slide) .hire-team-trio {
  display: none;
}
.df-example-slider .df-fnc-slide-1 .hire-team-trio {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  gap: clamp(2px, 0.35vw, 5px);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  transform: none;
  pointer-events: none;
}
.hire-team-trio__slot {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  border-radius: 0;
  box-shadow: inset 0 0 120px rgba(0, 12, 28, 0.28);
}
.hire-team-trio__slot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 30, 50, 0.18) 0%,
    rgba(0, 0, 0, 0.04) 40%,
    rgba(0, 0, 0, 0.38) 100%
  );
  mix-blend-mode: multiply;
  pointer-events: none;
}
.df-example-slider .df-fnc-slide-1 .hire-team-trio__slot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  transform: scale(1.08);
  filter: grayscale(100%) contrast(1.14) brightness(0.9);
}
.df-example-slider .df-fnc-slide-1 .hire-team-trio__slot--epsteine img {
  object-position: center 58%;
  transform: scale(1.42);
  filter: grayscale(100%) contrast(1.14) brightness(0.9);
}

/* Josh — desktop: anchor face top-center (trio + solo slide) */
@media (min-width: 721px) {
  .df-example-slider .df-fnc-slide-1 .hire-team-trio__slot--josh img {
    object-position: center top;
  }
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
    background-position: center, top center;
  }
}

/* Light edge vignette (dim + contrast live on the bg layers) */
.df-example-slider .df-fnc-slide__inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 85% 70% at 50% 42%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 100%);
  z-index: 0;
  pointer-events: none;
}

@media (max-width: 720px) {
  .df-fnc-slider {
    --df-content-left: clamp(0.85rem, 4vw, 1.25rem);
    --df-content-bottom: clamp(2.75rem, 9vh, 3.75rem);
  }
  .df-fnc-slide__content {
    max-width: min(72vw, 340px);
  }
  .df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask,
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask {
    left: var(--df-content-left);
    right: auto;
    bottom: var(--df-content-bottom);
    width: min(44vw, 220px);
    height: min(50vh, 300px);
    max-width: 280px;
    max-height: 52vh;
    transform-origin: 0% 100%;
  }
  .df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask-inner,
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask-inner {
    transform-origin: 14% 82%;
  }
  .df-example-slider .df-fnc-slide-2 .df-fnc-slide__content,
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__content,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__content {
    z-index: 4;
  }
  .df-example-slider .df-fnc-slide-2 .df-fnc-slide__inner,
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner {
    background-size: cover, cover;
    background-position: center, center 38%;
  }
  .df-example-slider .df-fnc-slide-1 .df-fnc-slide__content {
    max-width: min(88vw, 400px);
  }
  .df-example-slider .df-fnc-slide-1 .df-fnc-slide__inner::before,
  .df-example-slider .df-fnc-slide-2 .df-fnc-slide__inner::before,
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__inner::before,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__inner::before {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.5) 32%,
      rgba(0, 0, 0, 0.12) 52%,
      rgba(0, 0, 0, 0) 68%
    );
  }
  .df-example-slider .df-fnc-slide-1 .hire-team-trio {
    gap: 2px;
  }
  .df-example-slider .df-fnc-slide-1 .hire-team-trio__slot img {
    transform: scale(1.12);
    object-position: center 26%;
  }
  .df-example-slider .df-fnc-slide-1 .hire-team-trio__slot--epsteine img {
    object-position: center 62%;
    transform: scale(1.46);
  }
  /* Epstein — full height + extra zoom/lower crop in L-frame only */
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask-inner {
    background-size: cover, 148% 148%;
    background-position: center, center 68%;
  }
  .df-fnc-nav__control {
    font-size: 9px;
    letter-spacing: 0.04em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .df-fnc-slide__mask {
    will-change: auto;
    filter: drop-shadow(0 0 0 1px #000) drop-shadow(0 4px 20px rgba(0, 0, 0, 0.75))
      drop-shadow(0 0 1.5px var(--accent)) drop-shadow(0 0 6px rgba(79, 140, 255, 0.5))
      drop-shadow(0 0 16px rgba(79, 140, 255, 0.3));
  }
  .df-example-slider .df-fnc-slide-2 .df-fnc-slide__mask,
  .df-example-slider .df-fnc-slide-3 .df-fnc-slide__mask,
  .df-example-slider .df-fnc-slide-4 .df-fnc-slide__mask {
    filter: drop-shadow(0 0 0 1px #000) drop-shadow(0 8px 28px rgba(0, 0, 0, 0.9))
      drop-shadow(0 0 1px rgba(79, 140, 255, 0.75));
  }
  .df-fnc-slider__slides,
  .df-fnc-slide,
  .df-fnc-slide__inner,
  .df-fnc-slide__mask,
  .df-fnc-slide__mask-inner,
  .df-fnc-slide__heading,
  .df-fnc-slide__heading-line,
  .df-fnc-nav__bg,
  .df-fnc-nav__control-progress,
  .df-fnc-slide__action > span,
  .df-fnc-slide__tag {
    transition: none;
  }
}