/* The people, personality and proof immediately after the contact card. */
.site-card .contact-object{margin-bottom:0}
.site-card .card-interview{max-width:1000px;margin:0 auto;padding:0 0 64px}
.card-interview .card-next-head{margin-bottom:26px}
.interview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.interview-item{min-width:0}
.interview-photo{position:relative;isolation:isolate;display:block;aspect-ratio:1/1.16;overflow:hidden;background:#111;color:#fff!important;border-radius:5px;text-decoration:none;border:1px solid #111;transition:box-shadow .4s,translate .4s}
.interview-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.interview-instagram>img{object-position:50% 39%}
.interview-facebook>img{object-position:50% 33%}
.interview-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000e,transparent 57%),linear-gradient(180deg,#0003,transparent 35%)}
.interview-platform{position:absolute;top:19px;left:19px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff75;border-radius:50%;background:#1116;color:white;font:600 24px/1 Arial,sans-serif;backdrop-filter:blur(8px)}
.interview-platform svg{width:23px;height:23px}
.interview-photo-copy{position:absolute;bottom:25px;left:22px;right:46px;display:grid;gap:8px}
.interview-photo-copy strong{font:400 clamp(25px,2.6vw,35px)/1.1 'DM Sans',Arial,sans-serif;letter-spacing:-.045em}
.interview-photo-copy small{font-size:13px;line-height:1.5;color:#eee}
.interview-arrow{font-size:26px;font-weight:400;transition:translate .35s,color .35s}
.interview-photo>.interview-arrow{position:absolute;right:20px;bottom:26px;color:#fff}
.interview-photo:hover,.interview-photo:focus-visible{translate:0 -5px;box-shadow:0 15px 30px -20px #2852e580}
.interview-photo:hover>img,.interview-photo:focus-visible>img{transform:scale(1.05)}
.interview-item:hover .interview-arrow,.interview-item:focus-visible .interview-arrow{translate:3px -3px;color:#9aafff}
.interview-review{display:flex;flex-direction:column;justify-content:space-between;gap:25px;position:relative;background:#111113;border:1px solid #111;border-radius:5px;padding:27px 25px;color:#fff!important;text-decoration:none;transition:background .35s,translate .35s}
.interview-review-heading{display:grid;gap:10px}
.interview-review-heading strong{font-size:22px;font-weight:400;line-height:1.3;letter-spacing:-.025em}
.interview-review-heading small{font-size:14px;line-height:1.6;color:#c3c3c9;max-width:190px}
.interview-rating{display:flex;flex-direction:column;gap:4px}
.interview-rating b{font:400 clamp(72px,8vw,106px)/1 'Bodoni Moda',Georgia,serif;letter-spacing:-.06em}
.interview-rating>span{font-size:20px;letter-spacing:4px;color:#7995ff}
.interview-review-cta{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:18px;border-top:1px solid #ffffff35;font-size:14px}
.interview-review:hover,.interview-review:focus-visible{background:#171a25;translate:0 -5px}
.interview-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.interview-small{display:flex;align-items:center;gap:17px;padding:21px;border:1px solid #d8d8dd;border-radius:5px;background:white;text-decoration:none;transition:border-color .3s,background .3s}
.interview-small>img,.interview-small-mark{width:49px;height:49px;flex-shrink:0;border-radius:50%;object-fit:cover}
.interview-small-mark{display:grid;place-items:center;background:#111;color:#fff;font:600 22px/1 Arial,sans-serif}
.interview-small-copy{display:grid;gap:7px;min-width:0}
.interview-small-copy strong{font-size:16px;font-weight:500}
.interview-small-copy small{font-size:13px;line-height:1.5;color:#666}
.interview-small>.interview-arrow{margin-left:auto;color:#2852e5}
.interview-small:hover,.interview-small:focus-visible{border-color:#2852e5;background:#f7f8fc}
.card-interview a:focus-visible{outline:2px solid #2852e5;outline-offset:4px}
.interview-item.is-visible{animation:interview-arrive .75s var(--entry-delay,0ms) cubic-bezier(.2,.7,.2,1) backwards}
.interview-photo.is-visible>img{animation:interview-focus 1.4s var(--entry-delay,0ms) ease-out backwards}
@keyframes interview-arrive{from{opacity:.25;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes interview-focus{from{scale:1.06}to{scale:1}}
@media(min-width:641px){.interview-photo{height:100%;aspect-ratio:auto;min-height:320px}}
@media(max-width:800px){.interview-grid{gap:13px}.interview-review{padding:22px 18px}.interview-review-heading strong{font-size:20px}.interview-photo-copy{left:17px;bottom:21px}.interview-photo-copy strong{font-size:26px}.interview-photo-copy small{font-size:12px}.interview-platform{left:17px;top:17px}.interview-rating b{font-size:72px}.interview-rating>span{font-size:16px;letter-spacing:2px}.interview-review-cta{font-size:13px}}
@media(max-width:640px){
 .site-card .card-interview{padding-bottom:47px}
 .interview-grid{grid-template-columns:1fr 1fr;gap:12px}
 .interview-review{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr auto;gap:12px 20px;padding:23px 21px}
 .interview-review-heading{align-content:center;gap:6px}
 .interview-review-heading strong{font-size:22px}
 .interview-review-heading small{font-size:13px;max-width:180px}
 .interview-rating{align-items:center;align-self:center;gap:3px}
 .interview-rating b{font-size:65px}
 .interview-rating>span{font-size:13px;letter-spacing:2px}
 .interview-review-cta{grid-column:1/-1;padding-top:12px;font-size:14px}
 .interview-photo{aspect-ratio:1/1.2}
 .interview-photo-copy{left:14px;right:22px;bottom:18px;gap:7px}
 .interview-photo-copy strong{font-size:24px}
 .interview-photo-copy small{font-size:12px;overflow-wrap:anywhere}
 .interview-platform{left:13px;top:13px;width:33px;height:33px;font-size:21px}
 .interview-platform svg{width:20px;height:20px}
 .interview-photo>.interview-arrow{top:14px;right:12px;bottom:auto;font-size:21px}
 .interview-secondary{grid-template-columns:1fr;gap:10px;margin-top:12px}
 .interview-small{padding:17px;gap:14px}
 .interview-small-copy small{font-size:13px}
}
@media(max-width:360px){.interview-photo-copy strong{font-size:21px}.interview-review-heading strong{font-size:20px}.interview-review{padding:20px 17px}}
.motion-paused .interview-item,.motion-paused .interview-photo>img{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.interview-item,.interview-photo>img,.interview-arrow{animation:none!important;transition:none!important;translate:none!important;transform:none!important}}
