/* Featured partner stories: one sliding row (written reviews and video testimonials).
   Shares its engine with News (hf-carousel.js). Add stories in reviews-data.js. */
.hf-rv-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 22px; }
.hf-rv-tabs { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid #d5deea; border-radius: 12px; background: #fff; }
.hf-rv-tab { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 8px; background: transparent; color: #475569; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: background .18s, color .18s; }
.hf-rv-tab:hover { color: #0e1624; }
.hf-rv-tab[aria-selected="true"] { background: #0e1624; color: #fff; }
.hf-rv-tabs[data-auto="on"] .hf-rv-tab[aria-selected="true"]::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: #43c7cb; animation: hf-rv-progress var(--hf-dur, 6s) linear forwards; }
@keyframes hf-rv-progress { from { width: 0; } to { width: 100%; } }
.hf-rv-pause { flex: none; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #c3cfde; border-radius: 50%; background: #fff; color: #0e1624; cursor: pointer; transition: background .18s, color .18s, border-color .18s; }
.hf-rv-pause:hover { background: #006fd7; border-color: #006fd7; color: #fff; }
.hf-rv-pause .hf-icon-play, .hf-rv-pause[aria-pressed="true"] .hf-icon-pause { display: none; }
.hf-rv-pause[aria-pressed="true"] .hf-icon-play { display: block; }
.hf-rv-pause[hidden] { display: none; }
.hf-rv-tab:focus-visible, .hf-rv-pause:focus-visible, .hf-rv-viewport:focus-visible { outline: 3px solid #006fd7; outline-offset: 3px; }

.hf-rv-slider { margin-bottom: 8px; }
.hf-rv-viewport { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; cursor: grab; transition: height .35s ease; border-radius: 22px; }
.hf-rv-viewport::-webkit-scrollbar { display: none; }
.hf-rv-viewport.is-dragging, .hf-rv-viewport.is-animating { scroll-snap-type: none; }
.hf-rv-viewport.is-dragging { cursor: grabbing; user-select: none; }
.hf-rv-viewport.is-dragging * { cursor: grabbing; }
.hf-rv-track { position: relative; display: flex; align-items: flex-start; gap: 20px; }
.hf-rv-track .hf-slider-cap { flex: 0 0 calc(6% - 20px); height: 1px; }
.hf-rv-slide { flex: 0 0 88%; min-width: 0; scroll-snap-align: center; scroll-snap-stop: always; transition: opacity .3s ease; }
.hf-rv-slide:not(.is-active) { opacity: .55; cursor: pointer; }
.hf-rv-slide:not(.is-active):hover { opacity: .8; }
.hf-rv-slide:not(.is-active) * { cursor: pointer; }
/* Room for the card edge: the slider clips anything outside it, so the big drop shadow is replaced by a border. */
.hf-rv-slide .hf-featured-review { box-shadow: none; border-color: #d5deea; }

/* "We helped start his journey" note, inside the dark profile panel */
.hf-reviews-section .hf-featured-review-profile > div > span.hf-rv-startup:not(.hf-review-stars):not(.hf-photo-check) { display: inline-block; margin-top: 12px; padding: 6px 11px; border: 1px solid rgba(67,199,203,.4); border-radius: 999px; background: rgba(67,199,203,.14); color: #8be9ec; font-size: 12px; font-weight: 750; line-height: 1.3; }

/* Video testimonial card */
.hf-featured-videobox { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 44px; padding: 40px 48px; background: linear-gradient(135deg, #f4f7fb, #fff); }
.hf-rv-video { width: 290px; max-width: 100%; aspect-ratio: var(--hf-vr, 9 / 16); border-radius: 20px; overflow: hidden; background: #0e1624; box-shadow: 0 14px 34px rgba(15,34,58,.22); }
.hf-rv-video video { display: block; width: 100%; height: 100%; object-fit: cover; background: #0e1624; }
.hf-rv-kicker { display: inline-block; margin-bottom: 12px; color: #007a87; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hf-rv-videocopy h3 { margin: 0 0 12px; color: #0e1624; font-size: clamp(26px, 2.6vw, 34px); font-weight: 750; letter-spacing: -.035em; line-height: 1.15; }
.hf-rv-videocopy p { margin: 0; max-width: 440px; color: #475569; font-size: 16px; line-height: 1.7; }

@media (max-width: 900px) {
  .hf-featured-videobox { grid-template-columns: 1fr; justify-items: center; gap: 24px; padding: 32px 24px; text-align: center; }
  .hf-rv-videocopy p { margin-inline: auto; }
}
@media (max-width: 760px) {
  .hf-rv-track { gap: 12px; }
  .hf-rv-slide { flex-basis: 84%; }
  .hf-rv-track .hf-slider-cap { flex-basis: calc(8% - 12px); }
  .hf-rv-tabs { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; }
  .hf-rv-tab { justify-content: center; padding: 0 8px; min-height: 38px; font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .hf-rv-viewport, .hf-rv-slide, .hf-rv-tab, .hf-rv-pause { transition: none; }
}