/* Two conversations, drawn from the arches, sunlight and colours of a Spanish patio. */
.school-site.patio-school[data-page=home] .reviews-viva{position:relative;isolation:isolate;overflow:hidden;background:#d4e8d8;border-top:0;padding:85px clamp(22px,6vw,95px) 105px;color:#0c4938}
.reviews-viva .review-viva-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 5% 12%,#f6db7d70,transparent 45%),radial-gradient(ellipse at 90% 88%,#6ab49b60,transparent 50%)}
.review-viva-backdrop>i{position:absolute;width:440px;height:640px;border:2px solid #07543e20;border-radius:240px 240px 0 0;transform:rotate(-17deg);left:-250px;top:20px}
.review-viva-backdrop>i:nth-child(2){left:auto;right:-260px;top:230px;transform:rotate(18deg);border-width:38px;border-color:#f8e5a75c}
.review-viva-backdrop>i:nth-child(3){width:240px;height:240px;left:42%;top:-150px;border-radius:50%;border:32px solid #b83d3c15}
.school-site.patio-school[data-page=home] .reviews-viva .community-section-heading{display:block;text-align:center;max-width:1050px;margin:0 auto 65px}
.school-site.patio-school[data-page=home] .reviews-viva .community-section-heading h2{font:600 clamp(39px,4.6vw,67px)/1.13 Georgia,'Times New Roman',serif!important;letter-spacing:-1.5px;text-wrap:balance;color:#07543e;max-width:900px;margin:0 auto 25px}
.school-site.patio-school[data-page=home] .reviews-viva .community-section-heading>p{max-width:62ch;margin:0 auto;font-size:24px!important;line-height:1.65;color:#245744}
.school-site.patio-school[data-page=home] .reviews-viva .review-audience-grid{max-width:1300px;margin:auto;gap:38px;perspective:1400px;align-items:stretch}
.school-site.patio-school[data-page=home] .reviews-viva .review-motion-slot{display:flex;min-width:0;perspective:1400px}
.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;min-height:650px;padding:35px clamp(25px,3vw,46px) 38px;border-radius:110px 110px 30px 30px;border:1px solid #e8d287;background:linear-gradient(145deg,#14715a,#064b3a 80%);color:#fff5d9;box-shadow:0 12px 0 #94af91,0 28px 45px #123e3024;overflow:hidden;transition:box-shadow .35s}
.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card.audience-parent{background:linear-gradient(145deg,#f4db9b,#fff1ca 75%);color:#71322e;border-color:#d5b16a;box-shadow:0 12px 0 #cba36b,0 28px 45px #71322e1f}
.review-viva-art{position:relative;display:flex;justify-content:center;align-items:center;height:180px;width:100%;max-width:350px;margin:0 auto 25px;flex:none;perspective:900px}
.review-viva-sun{position:absolute;top:8px;left:50%;margin-left:-69px;width:138px;height:138px;border-radius:50%;background:repeating-conic-gradient(#f3d275 0deg 5deg,transparent 5deg 18deg);opacity:.8;mask-image:radial-gradient(circle,transparent 40%,#000 42%,#000 68%,transparent 69%);transform:rotate(-10deg)}
.audience-parent .review-viva-sun{background:repeating-conic-gradient(#bf4940 0deg 5deg,transparent 5deg 18deg)}
.review-viva-bubble{position:absolute;display:grid;place-items:center;border-radius:30px 30px 30px 5px;box-shadow:7px 9px 0 #022f2859;animation:review-viva-float 6s ease-in-out infinite paused;transform:rotate(-7deg)}
.review-viva-bubble.bubble-main{width:120px;height:107px;left:calc(50% - 85px);top:37px;background:#f4d47b;color:#07543e;border:2px solid #fff0bf}
.review-viva-bubble.bubble-main svg{width:69px;height:69px}
.review-viva-bubble.bubble-quote{width:76px;height:70px;left:calc(50% + 13px);top:93px;border-radius:23px 23px 5px 23px;background:#d06b56;color:#fff2c7;border:1px solid #edaa7f;transform:rotate(12deg);animation-delay:-2.6s;animation-direction:reverse}
.review-viva-bubble.bubble-quote svg{width:38px;height:38px}
.audience-parent .review-viva-bubble.bubble-main{background:#bb4a42;color:#fff2c7;border-color:#e79874;box-shadow:7px 9px 0 #9d4b3d35}
.audience-parent .review-viva-bubble.bubble-quote{background:#07543e;color:#f6d886;border-color:#59846b;box-shadow:7px 9px 0 #9d4b3d35}
.reviews-viva[data-visible=true] .review-viva-bubble{animation-play-state:running}
.review-viva-trail{position:absolute;left:calc(50% + 80px);top:39px;display:flex;gap:6px;transform:rotate(-15deg)}
.review-viva-trail i{display:block;width:8px;height:8px;border-radius:50%;background:#f2d47c}.audience-parent .review-viva-trail i{background:#bb4a42}
.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card h3{position:relative;text-align:center;font:600 clamp(33px,3.4vw,48px)/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.7px;color:inherit;margin:0 0 23px;text-wrap:balance}
.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card>.review-viva-intro{font-size:23px!important;line-height:1.65;min-height:3lh;color:inherit;max-width:42ch;opacity:1;margin:0 0 25px}
.review-viva-empty{display:flex;align-items:center;gap:18px;min-height:98px;padding:19px 22px;margin:0 0 30px;border:1px solid #e7d38b55;border-radius:21px;background:#ffffff0c}
.review-viva-empty>span{font:90px/.6 Georgia,serif;color:#f3d47b;align-self:center;margin-top:18px}
.school-site.patio-school[data-page=home] .reviews-viva .review-viva-empty>p{font-size:21px!important;line-height:1.5;color:#e9efcf;margin:0}
.audience-parent .review-viva-empty{background:#fffbec88;border-color:#b7774a66}
.audience-parent .review-viva-empty>span{color:#b3473e}
.school-site.patio-school[data-page=home] .reviews-viva .audience-parent .review-viva-empty>p{color:#713c31}
.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card>.review-audience-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding:17px 21px;min-height:65px;border:1px solid #ecd88c;border-radius:18px;background:#f4dc97;color:#07543e;font-size:22px;font-weight:650;line-height:1.45;box-shadow:0 5px 0 #032e2a66;position:relative;z-index:2;transition:background .25s,box-shadow .25s}
.school-site.patio-school[data-page=home] .reviews-viva .audience-parent>.review-audience-link{background:#a63834;color:#fff2d1;border-color:#ad4038;box-shadow:0 5px 0 #7e312d50}
.reviews-viva .review-audience-link svg{flex:none;width:29px;height:29px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.reviews-viva .review-audience-link:hover svg{transform:translate(4px,-4px) rotate(10deg)}
.reviews-viva .review-audience-link:focus-visible{outline:3px solid #fff2b3;outline-offset:5px}.reviews-viva .audience-parent .review-audience-link:focus-visible{outline-color:#07543e}
.review-viva-sheen{position:absolute;inset:-30%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#fff5cd28 49%,transparent 56%);transform:translateX(-115%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.review-audience-card:hover>.review-viva-sheen,.review-audience-card:focus-within>.review-viva-sheen{transform:translateX(115%)}
.reviews-viva .real-review{color:#123e30}
@keyframes review-viva-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:760px){.school-site.patio-school[data-page=home] .reviews-viva{padding:60px 22px 80px}.school-site.patio-school[data-page=home] .reviews-viva .community-section-heading{margin-bottom:40px}.school-site.patio-school[data-page=home] .reviews-viva .community-section-heading h2{font-size:41px;letter-spacing:-1px}.school-site.patio-school[data-page=home] .reviews-viva .community-section-heading>p{font-size:22px!important}.school-site.patio-school[data-page=home] .reviews-viva .review-audience-grid{grid-template-columns:1fr;gap:35px}.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card{min-height:610px;padding:27px 25px 32px;border-radius:85px 85px 25px 25px}.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card h3{font-size:36px}.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card>.review-viva-intro{font-size:22px!important}.school-site.patio-school[data-page=home] .reviews-viva .review-audience-card>.review-audience-link{font-size:21px;padding:16px 18px}.review-viva-art{height:165px;margin-bottom:21px}}
@media(prefers-reduced-motion:reduce){.reviews-viva *,.reviews-viva *::before,.reviews-viva *::after{animation:none!important;transition:none!important}.reviews-viva .review-motion-slot,.reviews-viva .review-audience-card{transform:none!important;opacity:1!important}.review-viva-sheen{display:none}}
