.reco-video-hub-page {
	--video-night: #03172d;
	--video-night-soft: #072a4b;
	--video-blue: #0a5597;
	--video-cyan: #36d8ff;
	--video-violet: #8b5cf6;
	--video-pink: #ed4b8f;
	--video-orange: #f5831f;
	--video-mint: #3ce2bc;
	--video-text: #eff8ff;
	--video-muted: #a9c2d7;
	--video-line: rgba(135, 207, 255, .19);
	background: var(--video-night);
}

.reco-video-hub-main { overflow: hidden; color: var(--video-text); background: var(--video-night); }
.reco-video-hub-main *, .reco-video-hub-main *::before, .reco-video-hub-main *::after { box-sizing: border-box; }
.reco-video-hub-main a { color: inherit; }
.reco-video-hub-main a:focus-visible, .reco-video-hub-main button:focus-visible, .reco-video-hub-main select:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.reco-video-hub-main svg { display: block; }

.reco-video-hub-hero { position: relative; min-height: 650px; overflow: hidden; border-bottom: 1px solid var(--video-line); background: radial-gradient(circle at 78% 24%, rgba(54,216,255,.18), transparent 22%), radial-gradient(circle at 92% 80%, rgba(139,92,246,.2), transparent 27%), radial-gradient(circle at 15% 88%, rgba(245,131,31,.12), transparent 30%), linear-gradient(132deg, #020f22 0%, #042b50 53%, #071f43 100%); isolation: isolate; }
.reco-video-hub-hero::before { position: absolute; z-index: -1; top: -210px; right: -140px; width: 760px; height: 760px; border: 1px solid rgba(54,216,255,.14); border-radius: 50%; content: ""; box-shadow: 0 0 0 75px rgba(54,216,255,.025), 0 0 0 150px rgba(139,92,246,.018); }
.reco-video-hub-hero::after { position: absolute; z-index: -1; bottom: -220px; left: -130px; width: 520px; height: 520px; border-radius: 50%; content: ""; background: radial-gradient(circle, rgba(245,131,31,.15), transparent 68%); filter: blur(4px); }
.reco-video-hub-hero__grid { position: absolute; z-index: -2; inset: 0; opacity: .22; background-image: linear-gradient(rgba(122,194,240,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(122,194,240,.13) 1px, transparent 1px); background-position: center; background-size: 54px 54px; -webkit-mask-image: linear-gradient(to bottom, #000, transparent 91%); mask-image: linear-gradient(to bottom, #000, transparent 91%); }
.reco-video-hub-orbit { position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; pointer-events: none; }
.reco-video-hub-orbit::before { position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; border-radius: 50%; content: ""; background: var(--video-cyan); box-shadow: 0 0 22px var(--video-cyan); }
.reco-video-hub-orbit--one { top: 95px; right: 8%; width: 340px; height: 340px; transform: rotate(22deg); animation: reco-video-orbit 16s linear infinite; }
.reco-video-hub-orbit--two { right: 29%; bottom: 60px; width: 130px; height: 130px; transform: rotate(-30deg); animation: reco-video-orbit 11s linear infinite reverse; }
.reco-video-hub-orbit--two::before { background: var(--video-orange); box-shadow: 0 0 20px var(--video-orange); }

.reco-video-hub-hero__inner { display: grid; min-height: 600px; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); align-items: center; gap: clamp(48px, 7vw, 108px); padding-top: clamp(76px, 9vw, 120px); padding-bottom: 90px; }
.reco-video-hub-hero__copy { position: relative; z-index: 2; }
.reco-video-hub-kicker { display: flex; align-items: center; gap: 11px; margin: 0 0 22px; color: #94eaff; font-size: 11px; font-weight: 800; letter-spacing: .17em; line-height: 1.4; text-transform: uppercase; }
.reco-video-hub-kicker > span { width: 34px; height: 2px; flex: 0 0 auto; background: linear-gradient(90deg, var(--video-orange), var(--video-pink)); box-shadow: 0 0 10px rgba(245,131,31,.5); }
.reco-video-hub-hero h1 { max-width: 820px; margin: 0; color: #fff; font-family: "Noto Serif", Georgia, serif; font-size: clamp(56px, 6.3vw, 92px); font-weight: 600; line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.reco-video-hub-hero h1 span { color: transparent; background: linear-gradient(96deg, #fff 5%, #58dfff 42%, #b7a2ff 72%, #ff9a50); -webkit-background-clip: text; background-clip: text; }
.reco-video-hub-hero__lead { max-width: 670px; margin: 27px 0 0; color: #c0d6e7; font-size: clamp(16px, 1.5vw, 19px); line-height: 1.75; }
.reco-video-hub-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.reco-video-hub-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; padding: 0 21px; border: 1px solid transparent; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .07em; line-height: 1.2; text-decoration: none; text-transform: uppercase; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease; }
.reco-video-hub-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.reco-video-hub-button:hover { transform: translateY(-2px); }
.reco-video-hub-button--primary { color: #fff; background: linear-gradient(112deg, #ff8618, #f05d38); box-shadow: 0 12px 30px rgba(245,105,31,.3), inset 0 1px rgba(255,255,255,.24); }
.reco-video-hub-button--primary:hover { color: #fff; box-shadow: 0 16px 38px rgba(245,105,31,.43), inset 0 1px rgba(255,255,255,.24); }
.reco-video-hub-button--ghost { border-color: rgba(174,220,248,.35); color: #e9f7ff; background: rgba(255,255,255,.055); backdrop-filter: blur(12px); }
.reco-video-hub-button--ghost:hover { border-color: rgba(54,216,255,.65); color: #fff; background: rgba(54,216,255,.1); }
.reco-video-hub-stats { display: flex; gap: 1px; max-width: 610px; margin-top: 42px; overflow: hidden; border: 1px solid rgba(154,216,249,.2); border-radius: 16px; background: rgba(3,24,47,.48); backdrop-filter: blur(15px); }
.reco-video-hub-stats > div { display: flex; min-height: 76px; flex: 1; align-items: center; gap: 10px; padding: 13px 18px; border-right: 1px solid rgba(154,216,249,.14); }
.reco-video-hub-stats > div:last-child { border-right: 0; }
.reco-video-hub-stats strong { color: #fff; font-size: 27px; line-height: 1; }
.reco-video-hub-stats span { color: #8fb2cc; font-size: 10px; font-weight: 700; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }

.reco-video-hub-console { position: relative; width: min(100%, 475px); justify-self: end; overflow: hidden; border: 1px solid rgba(154,216,249,.26); border-radius: 24px; background: linear-gradient(145deg, rgba(11,65,108,.68), rgba(7,26,57,.84)); box-shadow: 0 34px 80px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.12); transform: perspective(900px) rotateY(-5deg) rotateX(2deg); backdrop-filter: blur(20px); }
.reco-video-hub-console::before { position: absolute; inset: 0; content: ""; background: linear-gradient(118deg, rgba(255,255,255,.09), transparent 30%); pointer-events: none; }
.reco-video-hub-console__top { display: flex; height: 48px; align-items: center; gap: 7px; padding: 0 18px; border-bottom: 1px solid rgba(154,216,249,.15); }
.reco-video-hub-console__top > span { width: 7px; height: 7px; border-radius: 50%; background: var(--video-orange); box-shadow: 0 0 9px rgba(245,131,31,.7); }
.reco-video-hub-console__top > span:nth-child(2) { background: var(--video-cyan); box-shadow: 0 0 9px rgba(54,216,255,.7); }
.reco-video-hub-console__top > span:nth-child(3) { background: var(--video-violet); box-shadow: 0 0 9px rgba(139,92,246,.7); }
.reco-video-hub-console__top small { margin-left: auto; color: #7198b7; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; letter-spacing: .14em; }
.reco-video-hub-console__screen { position: relative; min-height: 340px; overflow: hidden; background: radial-gradient(circle at 67% 42%, rgba(54,216,255,.22), transparent 24%), radial-gradient(circle at 30% 75%, rgba(139,92,246,.22), transparent 30%), linear-gradient(145deg, rgba(5,36,67,.4), rgba(3,14,33,.7)); }
.reco-video-hub-console__screen::before { position: absolute; inset: 0; opacity: .32; content: ""; background-image: linear-gradient(rgba(86,202,255,.13) 1px, transparent 1px); background-size: 100% 7px; }
.reco-video-hub-console__signal { position: absolute; right: 8%; bottom: 15%; left: 8%; display: flex; height: 125px; align-items: end; justify-content: space-between; }
.reco-video-hub-console__signal i { width: 8%; border-radius: 8px 8px 2px 2px; background: linear-gradient(to top, rgba(54,216,255,.1), var(--video-cyan)); box-shadow: 0 0 16px rgba(54,216,255,.24); animation: reco-video-signal 2.6s ease-in-out infinite alternate; }
.reco-video-hub-console__signal i:nth-child(1) { height: 22%; }.reco-video-hub-console__signal i:nth-child(2) { height: 54%; animation-delay: -.8s; }.reco-video-hub-console__signal i:nth-child(3) { height: 38%; animation-delay: -.3s; }.reco-video-hub-console__signal i:nth-child(4) { height: 82%; background: linear-gradient(to top, rgba(139,92,246,.1), #a487ff); animation-delay: -1.4s; }.reco-video-hub-console__signal i:nth-child(5) { height: 67%; background: linear-gradient(to top, rgba(245,131,31,.1), #ff9b45); animation-delay: -.5s; }.reco-video-hub-console__signal i:nth-child(6) { height: 43%; animation-delay: -1.1s; }.reco-video-hub-console__signal i:nth-child(7) { height: 71%; animation-delay: -.2s; }
.reco-video-hub-console__play { position: absolute; z-index: 2; top: 42%; left: 50%; display: grid; width: 74px; height: 74px; place-items: center; border: 1px solid rgba(255,255,255,.52); border-radius: 50%; color: #fff; background: linear-gradient(145deg, #fb912f, #ed4b61); box-shadow: 0 0 0 12px rgba(245,131,31,.08), 0 18px 36px rgba(0,0,0,.3); transform: translate(-50%, -50%); }
.reco-video-hub-console__play svg { width: 34px; fill: currentColor; }
.reco-video-hub-console__radar { position: absolute; top: 28px; right: 30px; width: 86px; height: 86px; border: 1px solid rgba(54,216,255,.26); border-radius: 50%; box-shadow: 0 0 0 15px rgba(54,216,255,.025), 0 0 0 30px rgba(54,216,255,.018); }
.reco-video-hub-console__radar::before, .reco-video-hub-console__radar::after { position: absolute; content: ""; background: rgba(54,216,255,.23); }
.reco-video-hub-console__radar::before { top: 50%; right: 0; left: 0; height: 1px; }.reco-video-hub-console__radar::after { top: 0; bottom: 0; left: 50%; width: 1px; }
.reco-video-hub-console__radar span { position: absolute; top: 18px; left: 48px; width: 7px; height: 7px; border-radius: 50%; background: var(--video-mint); box-shadow: 0 0 13px var(--video-mint); }
.reco-video-hub-console__meta { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 20px; border-top: 1px solid rgba(154,216,249,.15); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: .12em; }
.reco-video-hub-console__meta span { color: var(--video-orange); }.reco-video-hub-console__meta strong { color: #8fdff4; font-size: 9px; }
.reco-video-hub-marquee { position: absolute; right: 0; bottom: 0; left: 0; display: flex; min-width: max-content; height: 50px; align-items: center; justify-content: center; gap: clamp(22px, 4vw, 58px); border-top: 1px solid rgba(147,211,247,.17); color: #7aa3c2; background: rgba(1,14,30,.7); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: .18em; backdrop-filter: blur(13px); }
.reco-video-hub-marquee i { width: 5px; height: 5px; border-radius: 50%; background: var(--video-orange); box-shadow: 0 0 10px var(--video-orange); }

.reco-video-library { position: relative; padding-block: clamp(78px, 9vw, 130px); background: radial-gradient(circle at 0 8%, rgba(54,216,255,.1), transparent 25%), radial-gradient(circle at 100% 45%, rgba(139,92,246,.13), transparent 28%), linear-gradient(180deg, #04172c, #061d37 58%, #03162c); }
.reco-video-library::before { position: absolute; top: 0; bottom: 0; left: max(20px, calc((100vw - 1180px) / 2 - 44px)); width: 1px; content: ""; background: linear-gradient(transparent, rgba(54,216,255,.28) 15%, rgba(139,92,246,.28) 75%, transparent); }
.reco-video-library__heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr); align-items: end; gap: 50px; margin-bottom: 38px; }
.reco-video-library__heading .reco-video-hub-kicker { margin-bottom: 13px; }
.reco-video-library__heading h2 { max-width: 760px; margin: 0; color: #fff; font-family: "Noto Serif", Georgia, serif; font-size: clamp(38px, 4.5vw, 64px); font-weight: 600; line-height: 1.08; letter-spacing: -.04em; }
.reco-video-library__heading > p { margin: 0 0 5px; color: #93b1c8; font-size: 14px; line-height: 1.75; }
.reco-video-filters { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) auto auto; align-items: end; gap: 12px; padding: 18px; margin-bottom: 30px; border: 1px solid rgba(135,207,255,.2); border-radius: 20px; background: rgba(10,47,81,.64); box-shadow: 0 20px 50px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.07); backdrop-filter: blur(18px); }
.reco-video-filter label { display: block; margin: 0 0 7px 3px; color: #8facbf; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.reco-video-filter select { width: 100%; min-height: 48px; padding: 0 42px 0 14px; border: 1px solid rgba(143,198,231,.24); border-radius: 12px; color: #eefaff; background: #092845; font-size: 13px; cursor: pointer; }
.reco-video-filter select option { color: #fff; background: #092845; }
.reco-video-filters > button { min-height: 48px; padding: 0 18px; border: 1px solid rgba(143,198,231,.24); border-radius: 12px; color: #dcecf8; background: rgba(255,255,255,.05); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; transition: border-color .2s ease, background .2s ease; }
.reco-video-filters > button:hover { border-color: rgba(54,216,255,.55); background: rgba(54,216,255,.1); }
.reco-video-filters > p { min-width: 145px; margin: 0 4px 13px 8px; color: #8facbf; font-size: 10px; letter-spacing: .04em; text-align: right; }
.reco-video-filters > p strong { color: #fff; font-size: 14px; }

.reco-video-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 22px; }
.reco-video-card { grid-column: span 4; overflow: hidden; border: 1px solid rgba(130,194,230,.19); border-radius: 22px; background: linear-gradient(148deg, rgba(16,58,94,.88), rgba(6,31,57,.95)); box-shadow: 0 20px 46px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.06); transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.reco-video-card:hover { border-color: rgba(54,216,255,.45); box-shadow: 0 28px 58px rgba(0,0,0,.28), 0 0 30px rgba(54,216,255,.06); transform: translateY(-5px); }
.reco-video-card--featured { grid-column: span 8; }
.reco-video-card[hidden] { display: none; }
.reco-video-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #020d1b; text-decoration: none; }
.reco-video-card__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to top, rgba(2,15,32,.58), transparent 50%); pointer-events: none; }
.reco-video-card__media img, .reco-video-card__media iframe { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.reco-video-card__media img { transition: filter .3s ease, transform .45s ease; }
.reco-video-card:hover .reco-video-card__media img { filter: saturate(1.12) brightness(.83); transform: scale(1.035); }
.reco-video-card__glow { position: absolute; z-index: 1; top: 50%; left: 50%; width: 130px; height: 130px; border-radius: 50%; background: radial-gradient(circle, rgba(54,216,255,.18), transparent 68%); transform: translate(-50%, -50%); }
.reco-video-card__play { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 60px; height: 60px; place-items: center; border: 1px solid rgba(255,255,255,.66); border-radius: 50%; color: #fff; background: linear-gradient(145deg, #ff912d, #f05154); box-shadow: 0 0 0 10px rgba(245,131,31,.1), 0 13px 30px rgba(0,0,0,.28); transform: translate(-50%, -50%); transition: box-shadow .2s ease, transform .2s ease; }
.reco-video-card:hover .reco-video-card__play { box-shadow: 0 0 0 15px rgba(54,216,255,.1), 0 16px 34px rgba(0,0,0,.32); transform: translate(-50%, -50%) scale(1.07); }
.reco-video-card__play svg { width: 27px; fill: currentColor; }
.reco-video-card__format { position: absolute; z-index: 2; right: 13px; bottom: 13px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #fff; background: rgba(4,25,49,.78); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(9px); }
.reco-video-card__body { padding: 18px; }
.reco-video-card__project { display: flex; min-width: 0; align-items: center; gap: 7px; color: #61daf6; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.reco-video-card__project span { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--video-cyan); box-shadow: 0 0 10px rgba(54,216,255,.7); }
.reco-video-card__project a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reco-video-card__project a:hover { color: #fff; }
.reco-video-card h3 { margin: 10px 0; color: #fff; font-family: "Noto Serif", Georgia, serif; font-size: 22px; font-weight: 600; line-height: 1.28; letter-spacing: -.02em; }
.reco-video-card--featured h3 { font-size: clamp(24px, 2.2vw, 34px); }
.reco-video-card__description { display: -webkit-box; overflow: hidden; margin: 0 0 18px; color: #a9c2d4; font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.reco-video-card--featured .reco-video-card__description { max-width: 720px; font-size: 14px; -webkit-line-clamp: 4; }
.reco-video-card__body > h3 + .reco-video-card__employee { margin-top: 18px; }
.reco-video-card__employee { display: grid; grid-template-columns: 42px minmax(0, 1fr) 38px; align-items: center; gap: 10px; padding-top: 15px; border-top: 1px solid rgba(135,207,255,.13); }
.reco-video-card__avatar { display: grid; width: 42px; height: 42px; overflow: hidden; place-items: center; border: 1px solid rgba(54,216,255,.35); border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--video-violet), var(--video-blue)); font-size: 15px; font-weight: 800; text-decoration: none; }
.reco-video-card__avatar img { width: 100%; height: 100%; object-fit: cover; }
.reco-video-card__employee > div { min-width: 0; }
.reco-video-card__employee small { display: block; overflow: hidden; color: #7192aa; font-size: 8px; font-weight: 700; letter-spacing: .07em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.reco-video-card__employee strong { display: block; overflow: hidden; margin-top: 2px; color: #eef8ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.reco-video-card__employee strong a:hover { color: var(--video-cyan); }
.reco-video-card__profile { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(135,207,255,.22); border-radius: 50%; color: #95c4df; text-decoration: none; transition: border-color .2s ease, color .2s ease, background .2s ease; }
.reco-video-card__profile:hover { border-color: var(--video-cyan); color: #fff; background: rgba(54,216,255,.12); }
.reco-video-card__profile svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.reco-video-filter-empty, .reco-video-library-empty { padding: 72px 24px; border: 1px dashed rgba(135,207,255,.23); border-radius: 24px; color: #99b4c8; text-align: center; background: rgba(10,47,81,.35); }
.reco-video-filter-empty span, .reco-video-library-empty > span { display: grid; width: 70px; height: 70px; place-items: center; margin: 0 auto 20px; border: 1px solid rgba(54,216,255,.27); border-radius: 50%; color: var(--video-cyan); background: rgba(54,216,255,.07); }
.reco-video-filter-empty svg, .reco-video-library-empty svg { width: 35px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.reco-video-filter-empty h3, .reco-video-library-empty h2 { margin: 0; color: #fff; font-family: "Noto Serif", Georgia, serif; font-size: 28px; }
.reco-video-filter-empty p, .reco-video-library-empty p { margin: 10px 0 0; }

.reco-video-hub-cta { padding-block: clamp(68px, 8vw, 104px); border-top: 1px solid rgba(135,207,255,.13); background: radial-gradient(circle at 85% 0, rgba(245,131,31,.16), transparent 35%), #020f21; }
.reco-video-hub-cta__panel { position: relative; display: grid; overflow: hidden; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 45px; padding: clamp(34px, 5vw, 62px); border: 1px solid rgba(135,207,255,.22); border-radius: 28px; background: radial-gradient(circle at 92% 30%, rgba(139,92,246,.24), transparent 26%), linear-gradient(126deg, rgba(10,75,126,.78), rgba(5,29,58,.94)); box-shadow: 0 28px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.08); }
.reco-video-hub-cta__panel::after { position: absolute; right: -80px; bottom: -160px; width: 330px; height: 330px; border: 1px solid rgba(54,216,255,.15); border-radius: 50%; content: ""; box-shadow: 0 0 0 44px rgba(54,216,255,.025), 0 0 0 88px rgba(139,92,246,.018); pointer-events: none; }
.reco-video-hub-cta .reco-video-hub-kicker { margin-bottom: 12px; }
.reco-video-hub-cta h2 { max-width: 780px; margin: 0; color: #fff; font-family: "Noto Serif", Georgia, serif; font-size: clamp(32px, 4vw, 52px); font-weight: 600; line-height: 1.13; letter-spacing: -.035em; }
.reco-video-hub-cta p:last-child { max-width: 720px; margin: 17px 0 0; color: #9ebacf; font-size: 14px; line-height: 1.7; }
.reco-video-hub-cta .reco-video-hub-button { position: relative; z-index: 2; }

@keyframes reco-video-orbit { to { transform: rotate(382deg); } }
@keyframes reco-video-signal { from { opacity: .58; transform: scaleY(.66); transform-origin: bottom; } to { opacity: 1; transform: scaleY(1); transform-origin: bottom; } }

@media (max-width: 980px) {
	.reco-video-hub-hero__inner { min-height: auto; grid-template-columns: 1fr; padding-top: 86px; padding-bottom: 105px; }
	.reco-video-hub-console { display: none; }
	.reco-video-hub-hero__copy { max-width: 780px; }
	.reco-video-library__heading { grid-template-columns: 1fr; gap: 20px; }
	.reco-video-library__heading > p { max-width: 620px; }
	.reco-video-filters { grid-template-columns: 1fr 1fr auto; }
	.reco-video-filters > p { grid-column: 1 / -1; margin: 3px 3px 0; text-align: left; }
	.reco-video-card, .reco-video-card--featured { grid-column: span 6; }
}

@media (max-width: 680px) {
	.reco-video-hub-hero { min-height: 650px; }
	.reco-video-hub-hero::before { top: -70px; right: -260px; width: 560px; height: 560px; }
	.reco-video-hub-orbit--one { top: 100px; right: -110px; width: 260px; height: 260px; opacity: .55; }
	.reco-video-hub-orbit--two { display: none; }
	.reco-video-hub-hero__inner { padding-top: 66px; padding-bottom: 98px; }
	.reco-video-hub-kicker { align-items: flex-start; font-size: 9px; }
	.reco-video-hub-kicker > span { margin-top: 5px; }
	.reco-video-hub-hero h1 { font-size: clamp(48px, 15vw, 64px); }
	.reco-video-hub-hero__lead { font-size: 15px; }
	.reco-video-hub-hero__actions { flex-direction: column; }
	.reco-video-hub-button { width: 100%; }
	.reco-video-hub-stats { display: grid; grid-template-columns: repeat(3, 1fr); }
	.reco-video-hub-stats > div { min-height: 82px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; padding: 12px; }
	.reco-video-hub-stats strong { font-size: 23px; }
	.reco-video-hub-stats span { font-size: 8px; }
	.reco-video-hub-marquee { justify-content: flex-start; padding-left: 18px; }
	.reco-video-hub-marquee span:nth-of-type(n+3), .reco-video-hub-marquee i:nth-of-type(n+3) { display: none; }
	.reco-video-library::before { display: none; }
	.reco-video-library__heading h2 { font-size: 39px; }
	.reco-video-filters { grid-template-columns: 1fr; padding: 15px; }
	.reco-video-filters > p { grid-column: auto; }
	.reco-video-grid { display: block; }
	.reco-video-card, .reco-video-card--featured { margin-bottom: 18px; }
	.reco-video-card:hover { transform: none; }
	.reco-video-card h3, .reco-video-card--featured h3 { font-size: 23px; }
	.reco-video-hub-cta__panel { grid-template-columns: 1fr; gap: 28px; padding: 30px 22px; border-radius: 22px; }
	.reco-video-hub-cta h2 { font-size: 34px; }
}

@media (prefers-reduced-motion: reduce) {
	.reco-video-hub-orbit, .reco-video-hub-console__signal i { animation: none; }
	.reco-video-hub-button, .reco-video-card, .reco-video-card__media img, .reco-video-card__play { transition: none; }
	.reco-video-hub-button:hover, .reco-video-card:hover { transform: none; }
}