.results-deck {
  --deck-gold: #d7b879;
  --deck-card: min(70vw, 310px);
  overflow: hidden;
  position: relative;
  padding: 42px 0 46px;
  color: #f8f5ef;
  background: #090908;
  border-top: 1px solid #8e734332;
  text-align: center;
}
.results-deck__heading { max-width: 490px; padding: 0 25px; margin: 0 auto; }
.results-deck__heading h2 { margin: 0; font: 400 clamp(28px, 8vw, 38px)/1.06 var(--sans); letter-spacing: -.035em; }
.results-deck__heading h2 span { display: block; color: var(--deck-gold); }
.results-deck__heading p { margin: 15px auto 0; max-width: 380px; color: #b7b3aa; font: 400 14px/1.6 var(--sans); text-wrap: pretty; }
.results-deck__experience { position: relative; margin-top: 20px; }
.results-deck__experience::before { content: ''; position: absolute; inset: -30px 0 115px; pointer-events: none; background: radial-gradient(ellipse 40% 55% at 50% 50%, #c8953438, transparent 100%); }
.results-deck__stage { position: relative; display: flex; gap: 18px; overflow-x: auto; padding: 22px 15vw; scroll-snap-type: x mandatory; cursor: grab; }
.results-deck__slide { position: relative; width: var(--deck-card); flex: 0 0 var(--deck-card); aspect-ratio: 4/5; scroll-snap-align: center; }
.results-deck__panel { position: relative; width: 100%; height: 100%; overflow: hidden; border: 1px solid #9c825446; border-radius: 3px; background: radial-gradient(ellipse at 50% 22%, #383329, #141413 65%); box-shadow: 0 18px 32px #0007; }
.results-deck__panel::after { content: ''; position: absolute; inset: 0; border: 1px solid #f5d9a50a; pointer-events: none; background: linear-gradient(transparent 70%, #000a); }
.results-deck__panel > img { position: absolute; inset: 5% 3% 0; width: 94%; height: 95%; object-fit: contain; object-position: center bottom; user-select: none; }
.results-deck__expand { position: absolute; z-index: 2; bottom: 13px; right: 13px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; color: #f1e6d0; background: #111c; border: 1px solid #d7b87955; border-radius: 2px; font-size: 11px; letter-spacing: .06em; }
.results-deck__expand svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.15; }
.results-deck__controls, .results-deck__progress, .results-deck__hint { display: none; }
.results-deck__cta { margin: 24px 20px 0; width: min(calc(100% - 48px), 330px); }

.results-deck.is-ready .results-deck__stage { display: block; overflow: visible; height: calc(var(--deck-card) * 1.25 + 36px); padding: 0; perspective: 1200px; touch-action: pan-y pinch-zoom; }
.results-deck.is-ready .results-deck__slide { position: absolute; top: 16px; left: calc(50% - var(--deck-card) / 2); transform-origin: center; transition: transform 550ms cubic-bezier(.22,.75,.2,1), opacity 350ms ease, filter 450ms ease; will-change: transform; }
.results-deck.is-dragging .results-deck__slide { transition: none; }
.results-deck.is-dragging .results-deck__stage { cursor: grabbing; }
.results-deck.is-ready .results-deck__slide[aria-hidden="true"] .results-deck__expand { visibility: hidden; }
.results-deck.is-ready .results-deck__slide[aria-hidden="false"] .results-deck__panel { border-color: #d7b87988; }
.results-deck.is-ready .results-deck__controls { display: flex; justify-content: center; align-items: center; gap: 25px; margin-top: 12px; }
.results-deck__arrow { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #b4955e55; border-radius: 50%; background: transparent; color: var(--deck-gold); cursor: pointer; transition: background .2s; }
.results-deck__arrow svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.15; }
.results-deck__count { min-width: 58px; color: #888277; font: 400 12px/1 var(--sans); letter-spacing: .12em; font-variant-numeric: tabular-nums; }
.results-deck__count [data-deck-count] { color: #e2c796; font-size: 18px; }
.results-deck.is-ready .results-deck__progress { display: flex; width: min(calc(100% - 70px), 340px); margin: 4px auto 0; }
.results-deck__segment { flex: 1; min-width: 0; height: 34px; padding: 0 3px; border: 0; background: transparent; cursor: pointer; }
.results-deck__segment span { display: block; height: 2px; background: #62513860; transition: background .3s; }
.results-deck__segment[aria-current="true"] span { background: #e2c58a; box-shadow: 0 0 8px #d7b87940; }
.results-deck.is-ready .results-deck__hint { display: block; margin: 0; color: #9c9588; font-size: 10px; letter-spacing: .1em; }
.results-deck button:focus-visible, .results-deck a:focus-visible, .results-deck__stage:focus-visible { outline: 2px solid #e6c78b; outline-offset: 3px; }
@media (hover:hover) { .results-deck__arrow:hover { background: #d7b87918; } .results-deck__expand:hover { background: #312a1d; } }
@media (min-width:768px) {
  .results-deck { --deck-card: 350px; padding: 65px 0; }
  .results-deck__heading { max-width: 600px; }
  .results-deck__heading h2 { font-size: 46px; }
  .results-deck__heading p { max-width: 440px; font-size: 15px; }
  .results-deck__experience { max-width: 1050px; margin: 25px auto 0; }
  .results-deck__experience::before { background: radial-gradient(ellipse 33% 55% at 50% 50%, #c8953438, transparent 100%); }
}
@media (prefers-reduced-motion: reduce) { .results-deck *, .results-deck.is-ready .results-deck__slide { transition: none; } }