/* v0.3.41 single case study "More success stories" row. Card rules are copied from landing.css
   (the /case-studies/ hub card) so case pages don't load the 77KB landing.css. Regenerate if the hub card changes. */
.wp-block-group.hu-section{margin: 0; padding: 86px 0; background: var(--hu-white);}
.hu-section .hu-wrap{width: min(1180px, calc(100% - 42px)); margin-inline: auto;}
.hu-section :is(.hu-wrap, .hu-case-grid, .hu-case-card, .hu-case-copy, .hu-case-footer) > *{margin-block: 0;}
.hu-section :is(.hu-company-pill, .hu-role-pill, .hu-compare-label){display: inline-flex; align-items: center; justify-self: start; width: max-content; max-width: 100%; min-height: 25px; padding: 0 9px; border-radius: 999px; font-size: 8px; font-weight: 900; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase;}
.hu-section .hu-company-pill{background: #EEF2F8; color: var(--hu-navy);}
.hu-section :is(.hu-role-pill, .hu-compare-label){min-height: 26px; background: var(--hu-yellow); color: var(--hu-navy); letter-spacing: .08em;}
.hu-landing .hu-video{aspect-ratio: 16 / 9; overflow: hidden; background: #020713;}
.hu-landing .hu-video wistia-player{display: block; width: 100%; height: 100%;}
.hu-landing .hu-video wistia-player:not(:defined){display: block; padding-top: 56.25%;}
.hu-section .hu-case-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
.hu-section .hu-case-card{display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(var(--hu-white-rgb), .12); border-radius: 9px; background: var(--hu-white); color: var(--hu-navy); box-shadow: 0 20px 54px rgba(0, 0, 0, .18);}
.hu-section:not(.hu-section--navy) .hu-case-card{border-color: var(--hu-line); box-shadow: 0 14px 34px rgba(var(--hu-navy-rgb), .08);}
.hu-section .hu-case-copy{display: flex; flex: 1; flex-direction: column; padding: 22px 22px 20px;}
.hu-section .hu-case-stat{margin-top: 16px !important; color: var(--hu-blue); font-size: 44px; font-weight: 900; line-height: .96; letter-spacing: -.055em;}
.hu-section .hu-case-metric{margin-top: 1px !important; color: var(--hu-blue); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase;}
.hu-section .hu-case-title{margin: 14px 0 8px !important; color: var(--hu-navy); font-size: 22px; font-weight: 800; line-height: 1.12; letter-spacing: -.03em;}
.hu-section .hu-case-story{color: var(--hu-muted); font-size: 13px; line-height: 1.55;}
.hu-section .hu-case-footer{display: grid; gap: 10px; margin-top: auto !important; padding-top: 16px; border-top: 1px solid var(--hu-line);}
.hu-section .hu-case-story + .hu-case-footer{margin-top: 19px !important;}
.hu-section .hu-case-link{font-size: 11px; font-weight: 850;}
.hu-section .hu-case-link a{color: var(--hu-blue); text-decoration: none;}
.hu-section .hu-case-link a:hover{color: var(--hu-link-hover);}
.hu-section :is(.hu-case-card, .hu-testimonial-card){--hu-card-r: 9px; --hu-card-bw: 1px; background: transparent; border-radius: var(--hu-card-r);}
.hu-section :is(.hu-case-copy, .hu-testimonial-copy){background: var(--hu-white);}
.hu-section :is(.hu-case-card, .hu-testimonial-card) > .hu-video{border-radius: calc(var(--hu-card-r) - var(--hu-card-bw)) calc(var(--hu-card-r) - var(--hu-card-bw)) 0 0; clip-path: inset(0 round calc(var(--hu-card-r) - var(--hu-card-bw)) calc(var(--hu-card-r) - var(--hu-card-bw)) 0 0);}
.hu-section--navy :is(.hu-case-card, .hu-testimonial-card){--hu-card-bw: 0px; border: 0;}
@media (max-width: 920px){.wp-block-group.hu-section{padding: 62px 0;}.hu-section .hu-case-grid{grid-template-columns: minmax(0, 1fr);}}
@media (max-width: 480px){.hu-section .hu-wrap{width: calc(100% - 32px);}}
.hu-section .hu-case-title a{color: inherit; text-decoration: none;}
.hu-section .hu-case-title a:hover{color: var(--hu-blue);}
.hu-landing .hu-video--empty{display: grid; place-items: center; padding: 16px; color: rgba(var(--hu-white-rgb), .75); font-size: 13px; font-weight: 800; text-align: center;}
.hu-section .hu-contact-next .hu-role-pill{display: inline-flex;}
.hu-section .hu-contact-next p:not(.hu-role-pill){color: var(--hu-muted); font-size: 13px; line-height: 1.56;}
.hu-landing .hu-case-media--image{display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #020713;}
.hu-landing .hu-feature-video > .hu-case-media--image{height: 100%;}
.hu-landing .hu-case-media--image img{display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .35s ease;}
.hu-landing .hu-case-card:hover .hu-case-media--image img{transform: scale(1.025);}
@media (prefers-reduced-motion: reduce){.hu-landing .hu-case-media--image img{transition: none;}.hu-landing .hu-case-card:hover .hu-case-media--image img{transform: none;}}
.hu-landing :is(.hu-case-card, .hu-proof-media, .hu-testimonial-card) .hu-video-facade::after{content: none;}
.hu-landing :is(.hu-case-card, .hu-proof-media, .hu-testimonial-card) .hu-video-play{z-index: 1; width: clamp(56px, 19.6%, 125px); height: auto; aspect-ratio: 125 / 80; border-radius: 0; box-shadow: none; background: rgba(var(--hu-yellow-rgb), .86); transition: background-color .16s ease;}
.hu-landing :is(.hu-case-card, .hu-proof-media, .hu-testimonial-card) .hu-video-play::before{left: 51%; width: 19%; height: 41%; border: 0; background: rgba(0, 0, 0, .55); clip-path: polygon(0 0, 100% 50%, 0 100%);}
.hu-landing :is(.hu-case-card, .hu-proof-media, .hu-testimonial-card) .hu-video-facade:is(:hover, :focus-visible) .hu-video-play{background: var(--hu-yellow-hover); transform: translate(-50%, -50%);}
@media (max-width: 600px){.hu-landing :is(.hu-case-card, .hu-proof-media, .hu-testimonial-card) .hu-video-play{width: clamp(56px, 19.6%, 125px); height: auto;}}
.hu-section .hu-case-grid--2{grid-template-columns: repeat(2, minmax(0, 1fr));}
@media (max-width: 920px){.hu-section :is(.hu-case-grid--2, .hu-testimonial-grid--2, .hu-testimonial-grid--1){grid-template-columns: minmax(0, 1fr);}}
.hu-section .hu-case-card > .wp-block-embed{margin: 0; overflow: hidden; background: #020713; border-radius: calc(var(--hu-card-r) - var(--hu-card-bw)) calc(var(--hu-card-r) - var(--hu-card-bw)) 0 0;}
.hu-section .hu-case-card > .wp-block-embed .hu-video-frame{aspect-ratio: 16 / 9;}
.hu-section .hu-case-copy{padding: 24px 24px 22px;}
.hu-section .hu-case-card .hu-company-pill{display: block; justify-self: auto; width: auto; min-height: 0; padding: 0; border-radius: 0; background: none; color: #334155; font-size: 13px; font-weight: 700; letter-spacing: .01em; line-height: 1.4; text-transform: none;}
.hu-section .hu-case-stat{margin-top: 12px !important; color: var(--hu-blue); font-size: clamp(34px, 3.2vw, 44px); font-weight: 850; line-height: 1.05; letter-spacing: -.02em; text-transform: none;}
.hu-section .hu-case-copy > .hu-case-stat:first-child{margin-top: 0 !important;}
.hu-section .hu-case-metric{margin-top: 8px !important; color: #475569; font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 1.45; text-transform: uppercase;}
.hu-section .hu-case-title{margin: 16px 0 10px !important; font-size: clamp(20px, 1.75vw, 22px); line-height: 1.2; letter-spacing: -.02em;}
.hu-section .hu-case-story{color: #334155; font-size: 15px; line-height: 1.6;}
.hu-section .hu-case-card .hu-case-story{margin-bottom: 20px !important;}
.hu-section .hu-case-story + .hu-case-footer{margin-top: auto !important;}
.hu-section .hu-case-footer{padding-top: 16px;}
.hu-section .hu-case-link{font-size: 14px; font-weight: 750; line-height: 1.4;}
.hu-section .hu-case-title .hu-latam-cc, .hu-section .hu-case-title .hu-flag-inline{vertical-align: -.08em;}
.hu-section .hu-case-card > .hu-case-panel{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; aspect-ratio: 16 / 9; margin: 0; padding: clamp(22px, 2.6vw, 32px); overflow: hidden; border-radius: calc(var(--hu-card-r) - var(--hu-card-bw)) calc(var(--hu-card-r) - var(--hu-card-bw)) 0 0; background: radial-gradient(circle at 88% 12%, rgba(var(--hu-blue-rgb), .55), transparent 46%), radial-gradient(rgba(var(--hu-white-rgb), .09) 1.2px, transparent 1.3px) 0 0 / 14px 14px, var(--hu-navy); color: var(--hu-white);}
.hu-section .hu-testimonial-card--quote .hu-case-link a{color: var(--hu-yellow);}
.hu-section .hu-testimonial-card--quote .hu-case-link a:hover{color: var(--hu-yellow-hover);}
.hu-section :is(.hu-section-title, .hu-case-title, .hu-case-panel-line, .hu-problem-card-title, .hu-problem-close strong, .hu-card-title, .hu-pod-title, .hu-directory-card h3){text-wrap: balance;}
.hu-tpl-case .hu-cs-related{padding:72px 0;background:var(--hu-surface,#F5F7FB);border-top:1px solid var(--hu-line,#DDE2EC)}
.hu-cs-related .hu-cs-related-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
.hu-cs-related .hu-cs-related-kicker{flex:1 1 100%;margin:0;color:var(--hu-blue);font-size:11px;font-weight:850;letter-spacing:.15em;line-height:1.4;text-transform:uppercase}
.hu-cs-related .hu-cs-related-head h2{margin:0;color:var(--hu-navy);font-size:clamp(28px,3vw,40px);font-weight:850;line-height:1.08;letter-spacing:-.03em}
.hu-cs-related .hu-cs-related-all{color:var(--hu-blue);font-size:14px;font-weight:750;text-decoration:none}
.hu-cs-related .hu-cs-related-all:hover,.hu-cs-related .hu-cs-related-all:focus-visible{color:var(--hu-link-hover,#104BC4)}
@media(max-width:960px){.hu-cs-related .hu-case-grid{grid-template-columns:minmax(0,1fr)}.hu-tpl-case .hu-cs-related{padding:56px 0}}
