body{background:#f2f3f1}.video-testimonials{position:relative;max-width:76rem;margin:0 auto;padding:clamp(5.25rem,9vw,7.75rem) clamp(1rem,2vw,1.5rem) clamp(4rem,7vw,6.5rem);font-family:Google Sans Text,Google Sans,Arial,sans-serif}.video-testimonials:before{position:absolute;inset:0 clamp(1rem,2vw,1.5rem) auto;height:22rem;border-radius:6px;content:"";background:linear-gradient(180deg,#ffffffeb,#f2f3f11a),url(/images/magnolia-estates-hero.png) center / cover;opacity:.12;pointer-events:none;transform:translateY(-.75rem);animation:testimonialsBackdrop .9s ease-out both}.video-testimonials__intro{position:relative;z-index:1;max-width:46rem;margin:0 auto clamp(2.4rem,5vw,3.75rem);text-align:center}.video-testimonials__eyebrow{display:inline-flex;align-items:center;gap:.75rem;margin:0 0 1rem;color:#bd6f3b;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.video-testimonials__eyebrow:before,.video-testimonials__eyebrow:after{width:2.2rem;height:1px;content:"";background:currentColor;opacity:.58;transform-origin:center;animation:testimonialsRule .8s .16s cubic-bezier(.2,.8,.2,1) both}.video-testimonials__intro h1{margin:0;color:#050505;font-size:clamp(2.35rem,5.4vw,4.75rem);line-height:1;letter-spacing:0;font-weight:800;text-wrap:balance}.video-testimonials__intro p{max-width:40rem;margin:1.25rem auto 0;color:#5f6368;font-size:clamp(1rem,1.55vw,1.16rem);line-height:1.7}.video-testimonials__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.3rem)}.video-card{overflow:hidden;border:1px solid rgba(5,5,5,.08);border-radius:6px;background:#fffffff5;box-shadow:0 18px 50px #05050514}.video-card--featured{grid-column:1 / -1}.video-card:hover{--hover-offset: -.25rem;border-color:#bd6f3b3d;box-shadow:0 24px 58px #0505051f}.video-card__frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d1413}.video-card__frame:after{position:absolute;inset:0;content:"";background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 38%);opacity:0;pointer-events:none;transition:opacity .26s ease}.video-card:hover .video-card__frame:after{opacity:1}.video-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;transition:transform .32s ease}.video-card:hover iframe{transform:scale(1.015)}.video-card__content{padding:clamp(1rem,2vw,1.35rem)}.video-card__content p{margin:0 0 .45rem;color:#bd6f3b;font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.video-card h2{margin:0;color:#050505;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.15;font-weight:750}.video-card__content span{display:block;margin-top:.6rem;color:#5f6368;font-size:.98rem;line-height:1.55}.testimonial-reveal{--hover-offset: 0rem;--reveal-offset: 1.5rem;opacity:0;transform:translateY(calc(var(--reveal-offset) + var(--hover-offset)));transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease;transition-delay:var(--reveal-delay, 0ms)}.testimonial-reveal.is-visible{--reveal-offset: 0rem;opacity:1}.video-card:nth-child(1){--reveal-delay: 90ms}.video-card:nth-child(2){--reveal-delay: .17s}.video-card:nth-child(3){--reveal-delay: .25s}@keyframes testimonialsBackdrop{0%{opacity:0;transform:translateY(-1.25rem) scale(.985)}to{opacity:.12;transform:translateY(-.75rem) scale(1)}}@keyframes testimonialsRule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.video-testimonials{padding-top:4.25rem}.video-testimonials:before{inset-inline:.75rem}.video-testimonials__intro{text-align:left}.video-testimonials__eyebrow{gap:.55rem;margin-bottom:.85rem;font-size:.72rem}.video-testimonials__eyebrow:before{display:none}.video-testimonials__eyebrow:after{width:2rem}.video-testimonials__intro p{margin-inline:0}.video-testimonials__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.video-testimonials:before,.video-testimonials__eyebrow:before,.video-testimonials__eyebrow:after,.testimonial-reveal,.video-card,.video-card iframe,.video-card__frame:after{animation:none;transition:none}.testimonial-reveal{opacity:1;transform:none}.video-card:hover,.video-card:hover iframe{transform:none}}
