.talent {
  --profile-width: clamp(326px, min(42vw, 66svh), 640px);
  --profile-gap: clamp(4px, 1.5vw, 26px);
  --glass-edge: inset 0 1px 1px #f7fff394, inset 1px 0 1px #e9ffe332, inset 0 -1px 1px #c3dac64d;
  position: relative;
  color: #f4f4ed;
  background: #0c100e;
}
.talent-inner {
  position: relative;
  isolation: isolate;
  padding-block: clamp(26px, 5svh, 72px) clamp(24px, 4.6svh, 63px);
}
.talent-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(0deg,#0c100e,#111813 34%,#111813 65%,#0c100e);
}
.talent-atmosphere::before {
  content: "";
  position: absolute;
  inset: 0 -20%;
  transform: translateX(var(--halo-shift, -8%));
  background: radial-gradient(ellipse 31% 49% at 50% 51%,#8aa68144,transparent 93%),
              radial-gradient(ellipse 27% 31% at 62% 48%,#b3a47d24,transparent 90%);
}
.talent-header, .talent .talent-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 1660px;
  margin-inline: auto;
  padding-inline: var(--pad);
}
.talent-header h2 {
  font: 470 clamp(42px, 5.55vw, 96px)/1.02 Geist, Arial, sans-serif;
  letter-spacing: -.079em;
}
.talent-header em {
  color: #d5dfcd;
  font: italic 400 1.06em/1 Baskerville, Georgia, serif;
  letter-spacing: -.073em;
}
.talent-arrows, .talent-play {
  border: 1px solid #d1dfc92b;
  border-radius: 100px;
  background: radial-gradient(ellipse at 24% -80%,#eefbe682,transparent 72%),linear-gradient(130deg,#66726664,#16211caa 75%,#79917c53);
  box-shadow: var(--glass-edge), 0 5px 14px #0003;
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
.talent-arrows {display:flex; align-items:center; padding:2px 4px; flex:none}
.talent-arrows[hidden] {display:none}
.talent-arrows button {display:grid; place-items:center; color:#edf4ea; border-radius:50%; padding:0}
.talent-prev, .talent-next {width:40px; height:40px; font-size:20px}
.talent-arrows button:disabled {opacity:.28}
.talent-stops {display:flex; align-items:center}
.talent-stop {width:23px; height:38px}
.talent-stop span {
  width:5px; height:5px; border-radius:20px; background:#a2b1a2;
  transition: width .28s, background-color .28s, box-shadow .28s;
}
.talent-stop[aria-current="true"] span {width:16px; background:#e4f2cd; box-shadow:0 0 9px #d0ebad7a}
.talent-viewport {
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.talent-viewport::-webkit-scrollbar {display:none}
.talent-rail {
  display:flex;
  gap:var(--profile-gap);
  width:max-content;
  list-style:none;
  margin:0;
  padding:clamp(18px,3.5svh,42px) max(0px, calc((100vw - var(--profile-width)) / 2)) 24px;
}
.talent-card {
  position:relative;
  width:var(--profile-width);
  flex:none;
  min-width:0;
  scroll-snap-align:center;
  --photo-crop:50% 42%;
}
.talent-card:nth-child(2) {--photo-crop:50% 47%}
.talent-card:nth-child(3) {--photo-crop:50% 36%}
.talent-brand {--photo-crop:50% 56%}
.talent-still {
  position:relative;
  display:block;
  overflow:hidden;
  isolation:isolate;
  aspect-ratio:1.30;
  border-radius:clamp(21px,2.1vw,34px);
  background:#1b211d;
  color:white;
  box-shadow:0 13px 32px #04080544;
}
.talent-still > img:first-child {
  width:100%; height:100%; object-fit:cover; object-position:var(--photo-crop);
  transform:translateX(var(--photo-x,0%)) scale(1.085);
}
.talent-still::after {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg,#06100a0c,transparent 44%,#060b084a 74%,#040a08d9),
             radial-gradient(ellipse 75% 85% at var(--sheen-at,18%) -30%,#f1ffec30,transparent 75%);
  box-shadow:inset 0 1px 1px #f7ffef65, inset 0 0 0 1px #d7edcf33;
}
.talent-still .talent-mark {position:absolute;top:12%;left:19%;width:62%;height:auto;z-index:1;filter:drop-shadow(0 2px 6px #141d12)}
.talent-play {
  position:absolute;z-index:1;right:18px;top:18px;
  display:grid;place-items:center;width:40px;height:40px;padding-left:2px;font-size:11px;
}
.talent-project {
  position:absolute;z-index:1;left:clamp(19px,2.4vw,34px);bottom:42px;
  display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;
  font-size:clamp(14px,1.25vw,20px);font-weight:550;letter-spacing:-.035em;
  text-shadow:0 1px 7px #000;
}
.talent-project span {font-size:11px;font-weight:450;color:#e0e6dd;letter-spacing:0}
.talent-info {
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-content:center;
  min-height:clamp(82px,8vw,106px);
  margin:-26px clamp(9px,1.15vw,20px) 0;
  padding:14px clamp(14px,1.65vw,27px);
  border-radius:clamp(16px,1.7vw,25px);
  border:1px solid #c4d8c323;
  background:radial-gradient(ellipse 66% 100% at var(--glass-pointer,var(--sheen-at,18%)) -24%,#f5ffe15c,transparent 84%),
             linear-gradient(148deg,#77847b5c,#27332eb8 46%,#1a2624c9 78%,#657d6e80);
  box-shadow:var(--glass-edge),0 6px 14px #050a0866;
  -webkit-backdrop-filter:blur(21px) saturate(145%);
  backdrop-filter:blur(21px) saturate(145%);
}
.talent-info h3 {
  align-self:end;min-width:0;
  font:490 clamp(24px,2.65vw,44px)/1.06 Geist,Arial,sans-serif;
  letter-spacing:-.065em;
}
.talent-handle {
  grid-row:2;justify-self:start;width:max-content;max-width:100%;
  padding-block:4px;line-height:1.2;font-size:clamp(10px,.87vw,14px);color:#d4dfd2;
}
.talent-handle:hover,.talent-footer a:hover {color:white;text-decoration:underline;text-underline-offset:3px}
.talent-metric {
  grid-column:2;grid-row:1 / span 2;display:grid;align-content:center;
  min-width:4.5em;text-align:right;
}
.talent-metric strong {
  font:400 clamp(33px,3.4vw,60px)/.95 Baskerville,"Times New Roman",serif;
  font-variant-numeric:lining-nums tabular-nums;
  color:#f4f8e9;letter-spacing:-.06em;
}
.talent-unit {margin-top:4px;font-size:clamp(9px,.78vw,12px);line-height:1.3;white-space:nowrap;color:#d0dbcf}
.talent .talent-footer {padding-block:0;border:0;background:transparent}
.talent-footer small,.talent-footer a {font-size:11px;color:#bcc6b9;letter-spacing:0}
.talent-footer a {color:#eaf0e2;padding-block:8px}
.talent a:focus-visible,.talent button:focus-visible {outline:2px solid #dff2b8;outline-offset:2px}
.talent-pinned {height:calc(var(--talent-pin-height) + var(--talent-travel))}
.talent-pinned .talent-pin {position:sticky;top:var(--talent-top,0px)}
.talent-pinned .talent-viewport {overflow:clip;scroll-snap-type:none;touch-action:pan-y pinch-zoom}
.talent-pinned .talent-rail {transform:translate3d(var(--talent-x, 0px),0,0)}
.talent-motion .talent-card {
  transform:perspective(1100px) translateY(var(--profile-y,0px)) rotateY(var(--profile-turn,0deg)) scale(var(--profile-scale,1));
  opacity:var(--profile-opacity,1);
}
@media(hover:hover) {
  .talent-arrows button:enabled:hover {background:#ecffe516}
  .talent-still:hover .talent-play {background-color:#e1f1dc42}
}
@media(max-width:700px) {
  .talent {--profile-width: min(75vw, 46svh);--profile-gap:6px}
  .talent-inner {padding-block:clamp(22px,5svh,41px) clamp(16px,3svh,28px)}
  .talent-header {flex-wrap:wrap;gap:10px}
  .talent-header h2 {font-size:clamp(33px,7.8vw,55px)}
  .talent-prev,.talent-next {width:30px;height:36px}
  .talent-stop {width:14px;height:36px}
  .talent-stop[aria-current="true"] span {width:11px}
  .talent-still {aspect-ratio:.94}
  .talent-play {width:34px;height:34px;top:13px;right:13px}
  .talent-info {min-height:78px;margin-inline:7px;column-gap:6px;padding:13px}
  .talent-info h3 {font-size:clamp(20px,5.7vw,30px)}
  .talent-metric strong {font-size:clamp(30px,8.5vw,42px)}
  .talent-rail {padding-block:18px 21px}
  .talent-footer small,.talent-footer a {font-size:10px}
}
@media(max-width:430px) {
  .talent-header {align-items:center}
  .talent-header h2 {max-width:55%;text-wrap:balance}
}
@media(min-width:701px) and (max-height:560px) {
  .talent {--profile-width:clamp(300px,45svh,380px)}
  .talent-still {aspect-ratio:1.65}
}
@media(prefers-reduced-motion:reduce) {
  .talent-stop span {transition:none}
  .talent-still > img:first-child {transform:none}
}

.talent-motion .talent-metric strong {opacity:0;transition:opacity .2s ease-out}
.talent-motion .talent-metric strong.count-visible {opacity:1}