/* reviews — page-specific CSS. Semplice's per-element rules (verbatim) + compiled responsive text sizes (.tsN). */
#content-373 #section_15ygev6v2 {padding-top: 15.555555555555555rem;padding-bottom: 18.944444444444443rem;background-image: url(/assets/uploads/2021/04/reviews-hero-bg.png.webp);background-repeat: no-repeat;background-size: cover;background-position: top left;background-attachment: scroll;}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #section_15ygev6v2 {padding-top: 8.277777777777779rem;}}
@media screen and (max-width: 543.98px) { #content-373 #section_15ygev6v2 {padding-top: 6.944444444444445rem;}}
#content-373 #content_5451frrhd {}
#content-373 #content_5451frrhd .is-content {text-shadow: 0.05555555555555555rem 0.05555555555555555rem 0.6111111111111112rem rgba(209,147,167,1);}
#content-373 #content_mo3nebid6 {padding-top: 2.2222222222222223rem;}
#content-373 #content_mo3nebid6 .is-content {}
#content-373 #content_50lk4gng9 {padding-top: 3.3333333333333335rem;}
#content-373 #content_50lk4gng9 .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_50lk4gng9 {padding-top: 1.6666666666666667rem;}
#content-373 #content_50lk4gng9 .is-content {}}
#content-373 #content_ditbvslwm {padding-top: 2.2222222222222223rem;padding-right: 0rem;padding-left: 0rem;margin-left: 0.16666666666666666rem;}
#content-373 #content_ditbvslwm .is-content {}
#content-373 #content_ca056hls3 {padding-top: 0.5rem;padding-left: 0rem;margin-left: 0.3333333333333333rem;}
#content-373 #content_ca056hls3 .is-content {}
#content-373 #section_zj9pa33f7 {margin-top: -13.055555555555555rem;padding-bottom: 6.944444444444445rem;}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #section_zj9pa33f7 {padding-bottom: 3.888888888888889rem;}}
@media screen and (max-width: 543.98px) { #content-373 #section_zj9pa33f7 {padding-bottom: 3.888888888888889rem;}}
#content-373 #content_t3v7dktjr {padding-top: 0rem;margin-top: 0rem;padding-bottom: 0rem;}
#content-373 #content_t3v7dktjr .is-content {}
#content-373 #content_lc6x9l273 {padding-top: 0.2777777777777778rem;padding-bottom: 2.2222222222222223rem;}
#content-373 #content_lc6x9l273 .is-content {}
@media screen and (max-width: 543.98px) { #content-373 #content_lc6x9l273 {padding-top: 0.8333333333333334rem;}
#content-373 #content_lc6x9l273 .is-content {}}
#content-373 #section_2sd8vvqa2 {padding-top: 5.555555555555555rem;background-image: url(/assets/uploads/2021/04/create-your-own-bg-scaled.jpg.webp);background-repeat: no-repeat;background-size: cover;background-position: top left;background-attachment: scroll;}
@media screen and (max-width: 543.98px) { #content-373 #section_2sd8vvqa2 {padding-top: 3.888888888888889rem;}}
#content-373 #content_yy5eoz1q3 .is-content, #content-373 #content_yy5eoz1q3 .is-content:after, #content-373 #content_yy5eoz1q3 .is-content a, #content-373 #content_yy5eoz1q3 .is-content a:before, #content-373 #content_yy5eoz1q3 .is-content a:after, #content-373 #content_yy5eoz1q3 .is-content img { transition: all 0.7s var(--ease-out-expo); }
#content-373 #content_yy5eoz1q3 .is-content {background-color: #ffffff;border-radius: 2.7777777777777777rem;}
#content-373 #content_yy5eoz1q3 .is-content a, #content-373 #content_yy5eoz1q3 .is-content a:before, #content-373 #content_yy5eoz1q3 .is-content a:after {letter-spacing: 0.08333333333333333rem;margin-right: -0.08333333333333333rem;border-radius: 2.7777777777777777rem;padding-bottom: 0.6666666666666666rem;padding-left: 1.9444444444444444rem;padding-right: 1.9444444444444444rem;padding-top: 0.6666666666666666rem;}
#content-373 #content_yy5eoz1q3 .is-content:hover {background-color: #ffffff !important;}
#content-373 #content_yy5eoz1q3 .is-content:hover a, #content-373 #content_yy5eoz1q3 .is-content:hover a:before, #content-373 #content_yy5eoz1q3 .is-content:hover a:after {color: #000000 !important;letter-spacing: 0.08333333333333333rem !important;margin-right: -0.08333333333333333rem;}
@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-373 #content_yy5eoz1q3 .is-content:hover {background-color: #ffffff !important;}
#content-373 #content_yy5eoz1q3 .is-content:hover a, #content-373 #content_yy5eoz1q3 .is-content:hover a:before, #content-373 #content_yy5eoz1q3 .is-content:hover a:after {color: #000000 !important;letter-spacing: 0.08333333333333333rem !important;margin-right: -0.08333333333333333rem;}}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_yy5eoz1q3 .is-content:hover {background-color: #ffffff !important;}
#content-373 #content_yy5eoz1q3 .is-content:hover a, #content-373 #content_yy5eoz1q3 .is-content:hover a:before, #content-373 #content_yy5eoz1q3 .is-content:hover a:after {color: #000000 !important;letter-spacing: 0.08333333333333333rem !important;margin-right: -0.08333333333333333rem;}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #content_yy5eoz1q3 .is-content:hover {background-color: #ffffff !important;}
#content-373 #content_yy5eoz1q3 .is-content:hover a, #content-373 #content_yy5eoz1q3 .is-content:hover a:before, #content-373 #content_yy5eoz1q3 .is-content:hover a:after {color: #000000 !important;letter-spacing: 0.08333333333333333rem !important;margin-right: -0.08333333333333333rem;}}
@media screen and (max-width: 543.98px) { #content-373 #content_yy5eoz1q3 .is-content:hover {background-color: #ffffff !important;}
#content-373 #content_yy5eoz1q3 .is-content:hover a, #content-373 #content_yy5eoz1q3 .is-content:hover a:before, #content-373 #content_yy5eoz1q3 .is-content:hover a:after {color: #000000 !important;letter-spacing: 0.08333333333333333rem !important;margin-right: -0.08333333333333333rem;}}
#content-373 #content_yy5eoz1q3 {padding-top: 1.9444444444444444rem;padding-bottom: 5.555555555555555rem;}
#content-373 #content_yy5eoz1q3 .is-content {}
@media screen and (max-width: 543.98px) { #content-373 #content_yy5eoz1q3 {padding-bottom: 3.888888888888889rem;}
#content-373 #content_yy5eoz1q3 .is-content {}}
#content-373 .transition-wrap {background-color: #f0f2f5;}
.sticky-nav.semplice-navbar {
background-color: transparent;
}
.sticky-nav.is-sticky {
background-color: #fff;
}
.semplice-navbar .logo {
filter: brightness(0);
}
.pink-bubble .column-content img {
position: absolute !important;
left: 50%;
transform: translateX(-50%);
}
.pink-bubble .column-content:first-child img {
width: 40px;
}
.pink-bubble .column-content:nth-child(2) img {
width: 25px;
}
.pink-bubble .column-content:nth-child(3) img {
width: 100px;
}
.second-section .container .row:not(:first-child) {
justify-content: space-between;
}
.second-section .review-cards {
columns: 3 300px;
column-gap: 1.4rem;
}
.second-section .review-card {
width: 100%;
display: inline-block;
background-color: #fff;
margin-bottom: 25px;
padding: 45px 45px 30px;
text-align: center;
border-radius: 10px;
}
.second-section .review-card .review-card-content {
font-family: "Louize-Regular-205TF", sans-serif !important;
font-size: 32px !important;
line-height: 1.28 !important;
letter-spacing: -.03em !important;
color: #271C46;
}
.second-section .review-card span {
position: relative;
font-family: "Nunito-Regular", sans-serif;
color: #96AAC9;
font-size: 15px;
line-height: 2.7;
letter-spacing: .12em;
}
.second-section .review-card span::before {
content: '';
background-image: url('/assets/uploads/2021/04/pink-bubble-1.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 35px;
height: 100%;
position: absolute;
top: -30px;
left: 49%;
transform: translateX(-50%);
}
.second-section .review-card .review-card-name {
display: block;
font-family: "Nunito-Regular", sans-serif !important;
font-size: 24px !important;
line-height: 1.7 !important;
color: #271C46;
margin-top: -15px;
transition: color .2s linear;
}
.second-section .review-card .review-card-name:hover {
color: #ff5924;
}
#content-373 .sections {
margin-top: 0 !important;
}
#content-373 .sections > .content-block:nth-last-child(2) {
margin-top: 0;
}
/*
#content-373 .sections > .content-block:last-child {
background: transparent !important;
padding-top: 5rem !important;
padding-bottom: 1.5rem !important;
}
#content-373 .sections > .content-block:last-child span,
#content-373 .sections > .content-block:last-child a {
color: #000 !important;
}
#content-373 .sections > .content-block:last-child img {
filter: brightness(0);
}
*/
@media (max-width: 767px) {
.second-section .review-card {
margin-bottom: 20px;
padding: 25px 25px 15px;
}
.second-section .review-card .review-card-content {
font-size: 25px !important;
line-height: 1.28 !important;
}
.second-section .review-card span {
font-size: 14px;
line-height: 2.7;
letter-spacing: .12em;
}
.second-section .review-card span::before {
width: 25px;
}
.second-section .review-card .review-card-name {
font-size: 20px !important;
line-height: 1.7 !important;
margin-top: -15px;
}
}
/*Footer*/
#content-373 .footer {
background-image: inherit !important;
background-color: inherit !important;
}
#content-373 .footer .container {
background-color: inherit !important;
}
#content-373 #section_afa2f51b0 {padding-top: 10%;padding-right: 3.888888888888889rem;padding-bottom: 0rem;padding-left: 3.888888888888889rem;background-image: url(/assets/uploads/2023/05/optimised_footer_bg-1.jpg);background-repeat: no-repeat;background-size: cover;background-position: 50% 100%;background-attachment: scroll;background-color: #fff1f1;z-index: 99;}
@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-373 #section_afa2f51b0 {padding-right: 1.6666666666666667rem;padding-left: 1.6666666666666667rem;}}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #section_afa2f51b0 {padding-right: 1.6666666666666667rem;padding-left: 1.6666666666666667rem;}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #section_afa2f51b0 {padding-right: 1.6666666666666667rem;padding-left: 1.6666666666666667rem;}}
@media screen and (max-width: 543.98px) { #content-373 #section_afa2f51b0 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}}
#content-373 #section_afa2f51b0 .container {padding-top: 0rem;padding-bottom: 0rem;background-color: #ffffff;}
#content-373 #column_80526aa8b {padding-top: 3.3333333333333335rem;padding-bottom: 2.2222222222222223rem;}
@media screen and (max-width: 543.98px) { #content-373 #column_80526aa8b {padding-top: 2.5rem;padding-bottom: 3.611111111111111rem;}}
#content-373 #content_bff35e05a {padding-right: 0rem;padding-left: 0rem;}
#content-373 #content_bff35e05a .is-content {}
#content-373 #column_2963ba751 {padding-top: 3.3333333333333335rem;padding-bottom: 4.444444444444445rem;border-radius: 0rem;}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #column_2963ba751 {padding-top: 0rem;padding-bottom: 4.444444444444445rem;}}
@media screen and (max-width: 543.98px) { #content-373 #column_2963ba751 {padding-bottom: 3.3333333333333335rem;}}
#content-373 #content_ceca42716 {padding-bottom: 0.4444444444444444rem;}
#content-373 #content_ceca42716 .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_ceca42716 {padding-bottom: 0.4444444444444444rem;}
#content-373 #content_ceca42716 .is-content {}}
@media screen and (max-width: 543.98px) { #content-373 #content_ceca42716 {padding-bottom: 0rem;}
#content-373 #content_ceca42716 .is-content {}}
#content-373 #column_2963ba751 .content-wrapper {padding-top: 2.2222222222222223rem;padding-bottom: 2.2222222222222223rem;border-radius: 1.1111111111111112rem;background-color: #f0f2f5;}
@media screen and (max-width: 543.98px) { #content-373 #column_2963ba751 .content-wrapper {padding-top: 1.1111111111111112rem;padding-right: 0rem;padding-bottom: 1.3333333333333333rem;}}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #column_d25331019 {height: 3.3333333333333335rem;}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #column_d25331019 {height: 3.3333333333333335rem;}}
@media screen and (max-width: 543.98px) { #content-373 #column_d25331019 {padding-top: 3.3333333333333335rem;}}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #column_e37df23f3 {padding-bottom: 2.2222222222222223rem;}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #column_e37df23f3 {padding-bottom: 2.2222222222222223rem;}}
@media screen and (max-width: 543.98px) { #content-373 #column_e37df23f3 {padding-top: 0rem;padding-bottom: 2.2222222222222223rem;}}
#content-373 #content_1d9f99625 {padding-bottom: 1.1111111111111112rem;}
#content-373 #content_1d9f99625 .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_1d9f99625 {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_1d9f99625 .is-content {}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #content_1d9f99625 {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_1d9f99625 .is-content {}}
@media screen and (max-width: 543.98px) { #content-373 #content_1d9f99625 {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_1d9f99625 .is-content {}}
#content-373 #content_93a4ce29d {opacity: 1;z-index: 0;}
#content-373 #content_93a4ce29d .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #column_819fbba4d {padding-bottom: 2.2222222222222223rem;}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #column_819fbba4d {padding-bottom: 2.2222222222222223rem;}}
@media screen and (max-width: 543.98px) { #content-373 #column_819fbba4d {padding-bottom: 2.2222222222222223rem;}}
#content-373 #content_8c3844a8d {padding-bottom: 1.1111111111111112rem;}
#content-373 #content_8c3844a8d .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_8c3844a8d {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_8c3844a8d .is-content {}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #content_8c3844a8d {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_8c3844a8d .is-content {}}
@media screen and (max-width: 543.98px) { #content-373 #content_8c3844a8d {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_8c3844a8d .is-content {}}
#content-373 #content_2d6190a88 {opacity: 1;z-index: 0;}
#content-373 #content_2d6190a88 .is-content {}
#content-373 #content_e4e3fa311 {padding-bottom: 1.1111111111111112rem;}
#content-373 #content_e4e3fa311 .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_e4e3fa311 {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_e4e3fa311 .is-content {}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #content_e4e3fa311 {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_e4e3fa311 .is-content {}}
@media screen and (max-width: 543.98px) { #content-373 #content_e4e3fa311 {padding-bottom: 0.5555555555555556rem;}
#content-373 #content_e4e3fa311 .is-content {}}
#content-373 #content_e55c7ccdc {padding-bottom: 0rem;opacity: 1;z-index: 0;}
#content-373 #content_e55c7ccdc .is-content {}
#content-373 #content_5e05338b3 {padding-bottom: 0rem;opacity: 1;z-index: 0;}
#content-373 #content_5e05338b3 .is-content {}
#content-373 #content_86a8a0a30 {padding-bottom: 1.6666666666666667rem;opacity: 1;z-index: 0;}
#content-373 #content_86a8a0a30 .is-content {}
#content-373 #content_350b15e4a {padding-bottom: 0rem;opacity: 1;z-index: 0;}
#content-373 #content_350b15e4a .is-content {}
#content-373 #content_6a24b8a0f {opacity: 1;z-index: 0;}
#content-373 #content_6a24b8a0f .is-content {}
#content-373 #content_312163a38 .spacer { background-color: #d5dae0; }
#content-373 #content_312163a38 .spacer { height: 0.05555555555555555rem; }
#content-373 #content_312163a38 {padding-top: 3.3333333333333335rem;padding-bottom: 1.6666666666666667rem;}
#content-373 #content_312163a38 .is-content {}
#content-373 #column_05dd1d0a8 {padding-top: 0rem;}
#content-373 #column_05dd1d0a8 .content-wrapper {padding-top: 0rem;padding-right: 0rem;padding-bottom: 0rem;padding-left: 0rem;background-color: transparent;}
#content-373 #column_76d6750c6 {padding-top: 0rem;}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_983f6bdc3 {padding-top: 0rem;}
#content-373 #content_983f6bdc3 .is-content {}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #content_983f6bdc3 {padding-top: 0.5555555555555556rem;}
#content-373 #content_983f6bdc3 .is-content {}}
@media screen and (max-width: 543.98px) { #content-373 #content_983f6bdc3 {padding-top: 0.5555555555555556rem;}
#content-373 #content_983f6bdc3 .is-content {}}
#content-373 #column_76d6750c6 .content-wrapper {padding-top: 0rem;padding-right: 0rem;padding-bottom: 0rem;padding-left: 0rem;background-color: transparent;}
#content-373 #column_536299cb7 {padding-top: 0rem;padding-bottom: 3.3333333333333335rem;}
#content-373 #content_fa3042eab {padding-top: 0rem;}
#content-373 #content_fa3042eab .is-content {}
@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-373 #content_fa3042eab {padding-top: 1.6666666666666667rem;}
#content-373 #content_fa3042eab .is-content {}}
@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-373 #content_fa3042eab {padding-top: 2.2222222222222223rem;}
#content-373 #content_fa3042eab .is-content {}}
@media screen and (max-width: 543.98px) { #content-373 #content_fa3042eab {padding-top: 2.2222222222222223rem;}
#content-373 #content_fa3042eab .is-content {}}
#content-373 #column_536299cb7 .content-wrapper {padding-top: 0rem;padding-right: 0rem;padding-bottom: 0rem;padding-left: 0rem;background-color: transparent;}
#content-373 #section_c59134503 .container {}
.nav_7v09j86sx { background-color: transparent;; }
.nav_7v09j86sx { height: 4.833333333333333rem; }
.is-frontend #content-373 .sections { margin-top: 4.833333333333333rem; }
.nav_7v09j86sx { padding-top: 1.8888888888888888rem; }
.nav_7v09j86sx { padding-bottom: 1.8888888888888888rem; }
.nav_7v09j86sx .navbar-inner .logo, .nav_7v09j86sx .logo { margin-top: 0.05555555555555555rem; }
.nav_7v09j86sx .logo img, .nav_7v09j86sx .logo svg { width: 6.111111111111111rem; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { background-color: #748297; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon { width: 24; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { height: 2px; }
.nav_7v09j86sx .navbar-inner .hamburger a.open-menu span::before { transform: translateY(-5px); }
.nav_7v09j86sx .navbar-inner .hamburger a.open-menu span::after { transform: translateY(5px); }
.nav_7v09j86sx .navbar-inner .hamburger a.open-menu:hover span::before { transform: translateY(-7px); }
.nav_7v09j86sx .navbar-inner .hamburger a.open-menu:hover span::after { transform: translateY(7px); }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon { height: 12px; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { margin-top: 6px; }
.nav_7v09j86sx .navbar-inner nav ul li a span { font-size: 1.3333333333333333rem; }
.nav_7v09j86sx .navbar-inner nav ul li a span { color: #020101; }
.nav_7v09j86sx .navbar-inner nav ul li a span { text-transform: none; }
.nav_7v09j86sx .navbar-inner nav ul li a span { letter-spacing: 0.011111111111111112rem; }
.nav_7v09j86sx .navbar-inner nav ul li a span { border-bottom-width: 0rem; }
.nav_7v09j86sx .navbar-inner nav ul li a span { padding-bottom: 0rem; }
.nav_7v09j86sx .navbar-inner nav.standard ul { align-items: center; }
.nav_7v09j86sx .navbar-inner nav ul li a:hover span, .nav_7v09j86sx .navbar-inner nav ul li.wrap-focus a span, .nav_7v09j86sx .navbar-inner nav ul li.current-menu-item a span, .nav_7v09j86sx .navbar-inner nav ul li.current_page_item a span, [data-post-type="project"] .nav_7v09j86sx .navbar-inner nav ul li.portfolio-grid a span, [data-post-type="post"] .nav_7v09j86sx .navbar-inner nav ul li.blog-overview a span { color: #ff5924; }
.nav_7v09j86sx .navbar-inner nav ul li a:hover span, .nav_7v09j86sx .navbar-inner nav ul li.current-menu-item a span, .nav_7v09j86sx .navbar-inner nav ul li.current_page_item a span, .nav_7v09j86sx .navbar-inner nav ul li.wrap-focus a span, [data-post-type="project"] .nav_7v09j86sx .navbar-inner nav ul li.portfolio-grid a span, [data-post-type="post"] .nav_7v09j86sx .navbar-inner nav ul li.blog-overview a span { border-bottom-color: #748297; }
#overlay-menu { background-color: rgba(245, 245, 245, 1); }
#overlay-menu .overlay-menu-inner nav ul li a span { color: #748297; }
#overlay-menu .overlay-menu-inner nav ul li a { padding-top: 0.55555555555556rem; }
#overlay-menu .overlay-menu-inner nav ul li a { padding-bottom: 0.55555555555556rem; }
#overlay-menu .overlay-menu-inner nav ul li a span { letter-spacing: -0.05555555555555555rem; }
#overlay-menu .overlay-menu-inner nav ul li a:hover span, #overlay-menu .overlay-menu-inner nav ul li.current-menu-item a span, #overlay-menu .overlay-menu-inner nav ul li.current_page_item a span, #overlay-menu .overlay-menu-inner nav ul li.wrap-focus a span, [data-post-type="project"] #overlay-menu .overlay-menu-inner nav ul li.portfolio-grid a span, [data-post-type="post"] #overlay-menu .overlay-menu-inner nav ul li.blog-overview a span { color: #000000; }
#overlay-menu .overlay-menu-inner nav ul li.current-menu-item a span, #overlay-menu .overlay-menu-inner nav ul li.current_page_item a span, #overlay-menu .overlay-menu-inner nav ul li.wrap-focus a span, [data-post-type="project"] #overlay-menu .overlay-menu-inner nav ul li.portfolio-grid a span, [data-post-type="post"] #overlay-menu .overlay-menu-inner nav ul li.blog-overview a span { font-family: "Nunito-Regular", sans-serif;font-weight: 400;font-variation-settings: inherit;font-style: normal; }
@media screen and (min-width: 992px) and (max-width: 1169.98px) { .nav_7v09j86sx .navbar-inner .hamburger a.menu-icon { height: 12px; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { margin-top: 6px; }}
@media screen and (min-width: 768px) and (max-width: 991.98px) { .nav_7v09j86sx .navbar-inner .hamburger a.menu-icon { height: 12px; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { margin-top: 6px; }}
@media screen and (min-width: 544px) and (max-width: 767.98px) { .nav_7v09j86sx .navbar-inner .hamburger a.menu-icon { height: 12px; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { margin-top: 6px; }}
@media screen and (max-width: 543.98px) { .nav_7v09j86sx { height: 5rem; }
.is-frontend #content-373 .sections { margin-top: 5rem; }
.nav_7v09j86sx .logo img, .nav_7v09j86sx .logo svg { width: 6.111111111111111rem; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon { height: 12px; }
.nav_7v09j86sx .navbar-inner .hamburger a.menu-icon span { margin-top: 6px; }}

/* responsive text sizes (Semplice applied these by JS from data-font-size-* attributes) */
.ts1 { --fs: 4.778rem; --lh: 5.111rem; }
.ts2 { --ls: -0.061rem; }
.ts3 { --fs: 1.333rem; --lh: 2.222rem; }
.ts4 { --fs: 2.778rem; --lh: 2.889rem; }
.ts5 { --lh: 2.222rem; }
.ts6 { --fs: 4.778rem; --lh: 4.167rem; }
.ts7 { --ls: -0.083rem; }
.ts8 { --ls: -0.083rem; }
.ts9 { --fs: 2.667rem; --lh: 2.444rem; }
.ts10 { --ls: -0.089rem; }
.ts11 { --lh: 1.333rem; }
.ts12 { --ls: -0.011rem; }
.ts13 { --fs: 1.333rem; --lh: 2.222rem; }
.ts14 { --ls: -0.017rem; }
.ts15 { --fs: 1.333rem; --lh: 2.222rem; }
.ts16 { --fs: 1.333rem; --lh: 2.222rem; }
.ts17 { --fs: 1.333rem; --lh: 2.222rem; }
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  #content-holder .ts1 { --fs: 3.667rem; --lh: 4.000rem; }
  #content-holder .ts6 { --fs: 3.667rem; --lh: 3.056rem; }
  #content-holder .ts13 { --fs: 1.111rem; --lh: 1.833rem; }
  #content-holder .ts15 { --fs: 1.111rem; --lh: 1.833rem; }
  #content-holder .ts16 { --fs: 1.111rem; --lh: 1.833rem; }
  #content-holder .ts17 { --fs: 1.111rem; --lh: 1.833rem; }
}
@media screen and (max-width: 543.98px) {
  #content-holder .ts1 { --fs: 2.556rem; --lh: 2.889rem; }
  #content-holder .ts3 { --fs: 1.111rem; --lh: 2.000rem; }
  #content-holder .ts4 { --fs: 2.500rem; --lh: 2.556rem; }
  #content-holder .ts5 { font-size: 1.000rem !important; --lh: 1.556rem; }
  #content-holder .ts6 { --fs: 2.556rem; --lh: 2.833rem; }
  #content-holder .ts9 { --fs: 1.667rem; }
  #content-holder .ts10 { --ls: -0.039rem; }
  #content-holder .ts13 { --fs: 1.111rem; --lh: 1.833rem; }
  #content-holder .ts15 { --fs: 1.111rem; --lh: 1.833rem; }
  #content-holder .ts16 { --fs: 1.111rem; --lh: 1.833rem; }
  #content-holder .ts17 { --fs: 1.111rem; --lh: 1.833rem; }
}

/* Redesign 2026-10-20 (Symphony draft): member voices grouped by topic. Every rule starts with #content-373 so it wins over
   styles.css's ID rules (#content-holder p, li, h1, h2 …).
   .mm-quote = a public post, word for word, shown as a message bubble. .mm-story = our own retelling of what people
   love about mymind (no quote marks, no attribution). */
#content-373 .mm-wrap { max-width: 64rem; margin: 0 auto; padding: 0 1.5rem; }
#content-373 .mm-hero { padding: 11rem 0 6rem; text-align: center; background: url(/assets/uploads/2021/04/reviews-hero-bg.png.webp) top left / cover no-repeat; }
#content-373 .mm-kicker { font-family: "Nunito-Regular", sans-serif; font-weight: 400; font-size: 0.9rem; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin: 0 0 1.5rem; }
#content-373 .mm-display { font-family: "Louize-Regular-205TF", serif; font-size: 3.2rem; line-height: 1.12; letter-spacing: -.03em; color: #fff; text-shadow: 0.05rem 0.05rem 0.6rem rgba(209,147,167,1); max-width: 46rem; margin: 0 auto; }
#content-373 .mm-display-note { font-family: "Nunito-Regular", sans-serif; font-size: 1rem; color: rgba(255,255,255,.92); margin: 1rem 0 2.5rem; }

#content-373 .mm-short { padding: 3rem 0 0; }
#content-373 .mm-short-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; align-items: start; }

#content-373 .mm-quote { display: inline-block; width: 100%; margin: 0 0 1.4rem; padding: 2rem 2rem 1.4rem; background: #fff; border-radius: 0.6rem; break-inside: avoid; }
#content-373 .mm-short-row .mm-quote { margin-bottom: 0; }
#content-373 .mm-quote blockquote { margin: 0; padding: 0; }
#content-373 .mm-quote p { font-family: "Louize-Regular-205TF", serif; font-size: 1.55rem; line-height: 1.3; letter-spacing: -.02em; color: #271C46; margin: 0; }
#content-373 .mm-quote-small p { font-size: 1.25rem; }
#content-373 .mm-quote figcaption { font-family: "Nunito-Regular", sans-serif; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #96AAC9; margin-top: 1.1rem; }
#content-373 .mm-quotes { columns: 3 17rem; column-gap: 1.4rem; margin-top: 2rem; }

#content-373 .mm-toc { padding: 2.5rem 0 0; }
#content-373 .mm-toc-label { font-family: "Nunito-Regular", sans-serif; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #748297; margin: 0 0 .8rem; }
#content-373 .mm-toc ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
#content-373 .mm-toc a { display: inline-block; font-family: "Inter-Regular", sans-serif; font-size: .95rem; color: #271C46; background: #fff; border-radius: 2rem; padding: .45rem 1rem; text-decoration: none; transition: color .2s; }
#content-373 .mm-toc a:hover { color: #ff5924; }

#content-373 .mm-group { padding: 4.5rem 0 0; scroll-margin-top: 5rem; }
#content-373 #your-taste { padding-bottom: 6rem; }
#content-373 .mm-group h2 { font-family: "Louize-Regular-205TF", serif; font-weight: 400; font-size: 2.6rem; line-height: 1.1; letter-spacing: -.03em; color: #271C46; margin: 0 0 .9rem; }
#content-373 .mm-intro { font-family: "Inter-Regular", sans-serif; font-size: 1.1rem; line-height: 1.65; color: #4a4f6a; max-width: 40rem; margin: 0; }
#content-373 .mm-intro a { color: #ff5924; text-decoration: none; white-space: nowrap; }
#content-373 .mm-has-screen { display: flex; gap: 2.5rem; align-items: center; justify-content: space-between; }
#content-373 .mm-screen { flex: none; width: 11rem; height: auto; border-radius: 1.4rem; box-shadow: 0 1rem 2.5rem rgba(39,28,70,.12); }

@media (max-width: 991.98px) {
  #content-373 .mm-short-row { grid-template-columns: 1fr; }
  #content-373 .mm-display { font-size: 2.6rem; }
}
@media (max-width: 767.98px) {
  #content-373 .mm-wrap { padding: 0 1.1rem; }
  #content-373 .mm-hero { padding: 8rem 0 4rem; }
  #content-373 .mm-display { font-size: 2rem; }
    #content-373 .mm-group { padding-top: 3.5rem; }
  #content-373 .mm-group h2 { font-size: 2rem; }
  #content-373 .mm-has-screen { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
  #content-373 .mm-screen { width: 9rem; }
  #content-373 .mm-quote { padding: 1.5rem 1.5rem 1.1rem; }
  #content-373 .mm-quote p { font-size: 1.3rem; }
}

/* 2026-10-20: the page sits in the fixed-width column of home/how/why (their "Section fixed width" rule), near-white
   outside and the page's grey inside; the three short quotes sit in the colourful header, under the headline. */
#content-373 .transition-wrap { background-color:#f9fafc }
#content-373 .sections { max-width:1440px; width:100vw !important; box-shadow:0 0 120px rgba(0,0,0,.15); margin-right:auto; margin-left:auto; background-color:#f0f2f5 }
#content-373 .mm-hero .mm-short-row { margin-top:3rem; text-align:left }
#content-373 .mm-hero .mm-display-note { margin-bottom:0 }
/* what people tell us, retold as one short paragraph per topic in our words (paraphrase: no quote marks, no attribution) */
#content-373 .mm-story { max-width:42rem; margin:3.2rem auto 0; padding-top:2rem; border-top:1px solid #d5dae0;
  font-family:"Louize-Italic-205TF", serif; font-size:1.5rem; line-height:1.45; letter-spacing:-.01em; color:#271C46 }
@media (max-width: 767.98px) { #content-373 .mm-story { font-size:1.25rem; margin-top:2.4rem } }
/* the quotes of a topic share the row: two or three cards side by side (the column layout stacked two quotes in one column) */
#content-373 .mm-quotes { columns:auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(17rem, 1fr)); gap:1.4rem; align-items:start }
#content-373 .mm-quotes .mm-quote { margin:0 }
/* topic headings centered, with the intro under them */
#content-373 .mm-group-head { text-align:center }
#content-373 .mm-group h2 { margin-left:auto; margin-right:auto }
#content-373 .mm-intro { margin:0 auto; max-width:40rem }
/* every quote card in a row the same height, the "a mymind user" line at the bottom */
#content-373 .mm-quotes, #content-373 .mm-short-row { align-items:stretch }
#content-373 .mm-quote { display:flex; flex-direction:column; justify-content:space-between; height:100% }
#content-373 .mm-quotes { margin-top:2.5rem }
/* the topic pills centered too, in line with the headings */
#content-373 .mm-toc .mm-wrap { text-align:center }
#content-373 .mm-toc ul { justify-content:center }
/* 2026-10-20: the public posts as subtle glass message bubbles (frosted, slightly glossy, no colour), like a personal
   message; no "a mymind user" line and no quote marks. Bubble and tail read as one shape: the outline and the shadow are
   drop-shadows on the whole figure (they trace the tail too), the fill is a vertical gradient whose bottom colour is the
   tail's, and the tail sits just outside the bubble so the glass never stacks. Each bubble is as tall as its text. */
#content-373 .mm-quote {
  --mm-bubble-top:rgba(255,255,255,.84); --mm-bubble-mid:rgba(255,255,255,.58); --mm-bubble-bottom:rgba(255,255,255,.66);
  position:relative; overflow:visible; padding:1.25rem 1.5rem 1.35rem; border-radius:1.6rem 1.6rem 1.6rem 0;
  background:linear-gradient(var(--mm-bubble-top) 0%, var(--mm-bubble-mid) 55%, var(--mm-bubble-bottom) 100%);
  -webkit-backdrop-filter:blur(18px) saturate(160%); backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  filter:drop-shadow(0 0 .6px rgba(255,255,255,.95)) drop-shadow(0 0 .5px rgba(39,28,70,.10)) drop-shadow(0 10px 22px rgba(39,28,70,.08)) drop-shadow(0 2px 4px rgba(39,28,70,.04));
  justify-content:flex-start }
#content-373 .mm-quote::before {   /* the gloss: a soft highlight across the top */
  content:""; position:absolute; left:1px; right:1px; top:1px; height:45%; border-radius:1.55rem 1.55rem 1rem 1rem;
  background:linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,0)); pointer-events:none }
#content-373 .mm-quote::after {    /* the tail where the bubble starts, bottom left, in the bubble's bottom colour */
  content:""; position:absolute; left:-1.45rem; bottom:0; width:1.45rem; height:1.6rem; background:var(--mm-bubble-bottom);
  clip-path:path("M26.1 4 L26.1 28.8 L0 28.8 C12.6 27 22.2 19 26.1 4 Z") }   /* flush against the bubble: an overlap would show a brighter seam */
#content-373 .mm-quote blockquote { position:relative }
#content-373 .mm-quote p, #content-373 .mm-quote-small p {
  font-family:"Inter-Regular", sans-serif; font-size:1.06rem; line-height:1.5; letter-spacing:-.005em; color:#1d1a2b }
#content-373 .mm-hero .mm-quote { --mm-bubble-top:rgba(255,255,255,.62); --mm-bubble-mid:rgba(255,255,255,.34); --mm-bubble-bottom:rgba(255,255,255,.44) }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  #content-373 .mm-quote, #content-373 .mm-hero .mm-quote { --mm-bubble-top:rgba(255,255,255,.95); --mm-bubble-mid:rgba(255,255,255,.92); --mm-bubble-bottom:rgba(255,255,255,.92) } }
@media (max-width: 767.98px) { #content-373 .mm-quote p, #content-373 .mm-quote-small p { font-size:1rem } }

/* the bubbles as a loose collage rather than a grid (owner, 2026-10-20): each one sized to its text, slightly turned and
   offset, with the tail switching sides, so the sections between the text feel like a wall of messages */
#content-373 .mm-short-row, #content-373 .mm-quotes {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:1.6rem 2.6rem; padding:0 1.6rem }
#content-373 .mm-quote { display:block; height:auto; width:fit-content; margin:0 }
#content-373 .mm-short-row > .mm-quote:nth-child(3n+1), #content-373 .mm-quotes > .mm-quote:nth-child(3n+1) { max-width:21rem; transform:rotate(-1.6deg); margin-top:.4rem }
#content-373 .mm-short-row > .mm-quote:nth-child(3n+2), #content-373 .mm-quotes > .mm-quote:nth-child(3n+2) { max-width:18.5rem; transform:rotate(1.2deg); margin-top:3.2rem }
#content-373 .mm-short-row > .mm-quote:nth-child(3n+3), #content-373 .mm-quotes > .mm-quote:nth-child(3n+3) { max-width:20rem; transform:translateX(-5rem) rotate(-.6deg); margin-top:-.6rem }
/* every second topic mirrors the arrangement, so no two sections look alike */
#content-373 .mm-group:nth-of-type(even) .mm-quotes > .mm-quote:nth-child(3n+1) { transform:rotate(1.4deg); margin-top:2.8rem }
#content-373 .mm-group:nth-of-type(even) .mm-quotes > .mm-quote:nth-child(3n+2) { transform:rotate(-1.1deg); margin-top:0 }
#content-373 .mm-group:nth-of-type(even) .mm-quotes > .mm-quote:nth-child(3n+3) { transform:translateX(6rem) rotate(.8deg) }
/* every second bubble speaks from the right: square corner and tail at the bottom right */
#content-373 .mm-short-row > .mm-quote:nth-child(even), #content-373 .mm-quotes > .mm-quote:nth-child(even) { border-radius:1.6rem 1.6rem 0 1.6rem }
#content-373 .mm-short-row > .mm-quote:nth-child(even)::after, #content-373 .mm-quotes > .mm-quote:nth-child(even)::after {
  left:auto; right:-1.45rem; clip-path:path("M0 4 L0 28.8 L26.1 28.8 C13.5 27 3.9 19 0 4 Z") }
@media (max-width: 767.98px) {
  #content-373 .mm-short-row, #content-373 .mm-quotes { flex-direction:column; flex-wrap:nowrap; gap:1.2rem; padding:0 1.5rem }
  #content-373 .mm-short-row > .mm-quote, #content-373 .mm-quotes > .mm-quote { max-width:88% !important; margin-top:0 !important }
  #content-373 .mm-short-row > .mm-quote:nth-child(odd), #content-373 .mm-quotes > .mm-quote:nth-child(odd) { align-self:flex-start; transform:rotate(-.8deg) }
  #content-373 .mm-short-row > .mm-quote:nth-child(even), #content-373 .mm-quotes > .mm-quote:nth-child(even) { align-self:flex-end; transform:rotate(.8deg) }
}

/* 2026-10-22 (owner): bigger topic headings; the intro in Maison Neue Light, larger; bubble text in the blue grey of the
   navigation (What, Why, How); bubbles fade and rise in and drift gently with the scroll (js/reviews.js) */
#content-373 .mm-group h2 { font-size:4.444rem; line-height:1.02; letter-spacing:-.035em; margin-bottom:1.2rem }
#content-373 .mm-intro { font-family:"MaisonNeue-Light", sans-serif; font-weight:400; font-size:1.444rem; line-height:1.55; max-width:44rem; color:#4a5465 }
#content-373 .mm-quote p, #content-373 .mm-quote-small p { color:#4a5465 }
html.mm-bubbles-live #content-373 .mm-quote { opacity:0; transition:opacity 1.2s cubic-bezier(.25,.1,0,1); will-change:translate }
html.mm-bubbles-live #content-373 .mm-quote.is-in { opacity:1 }
@media (max-width: 767.98px) {
  #content-373 .mm-group h2 { font-size:3rem }
  #content-373 .mm-intro { font-size:1.222rem }
}
/* room for the drift: the bubbles move a few dozen pixels against each other while scrolling */
#content-373 .mm-short-row > .mm-quote:nth-child(3n+3), #content-373 .mm-quotes > .mm-quote:nth-child(3n+3) { margin-top:1.6rem }
@media (max-width: 767.98px) { #content-373 .mm-short-row, #content-373 .mm-quotes { gap:2.4rem } }
/* 2026-10-22 (owner): the header is just the headline, now the page's <h1>: 35% larger, no text shadow; the small
   "Why people love mymind" label and the line under the headline are gone */
#content-373 h1.mm-display { font-family:"Louize-Regular-205TF", serif; font-weight:400; text-transform:none; padding:0;
  font-size:4.32rem; line-height:1.08; letter-spacing:-.035em; text-shadow:none; max-width:60rem; margin:0 auto }
#content-373 .mm-hero .mm-short-row { margin-top:4rem }
@media (max-width: 991.98px) { #content-373 h1.mm-display { font-size:3.51rem } }
@media (max-width: 767.98px) { #content-373 h1.mm-display { font-size:2.7rem } #content-373 .mm-hero .mm-short-row { margin-top:3rem } }
/* 2026-10-22 (owner): the header in the colours of the /why hero (its sky blue and the pink and peach of its ring,
   sampled from Why-Background-Larger-New-Three.webp), much more blurred and drifting very slowly. The colour fields are
   one layer behind the content; the base fades into the page's grey at the bottom. Still for reduced motion. */
#content-373 .mm-hero { position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(#91a8ce 0%, #a6b8d7 30%, #c8d4e7 62%, #e4e9f1 84%, #f0f2f5 100%) }
#content-373 .mm-hero::before {
  content:""; position:absolute; inset:-18% -12% 8% -12%; z-index:-1; pointer-events:none;
  background:
    radial-gradient(34% 30% at 26% 24%, rgba(245,170,170,.9), rgba(245,170,170,0) 70%),
    radial-gradient(30% 26% at 72% 16%, rgba(234,194,176,.85), rgba(234,194,176,0) 70%),
    radial-gradient(36% 32% at 50% 34%, rgba(122,148,196,.8), rgba(122,148,196,0) 72%),
    radial-gradient(26% 24% at 86% 42%, rgba(215,149,151,.6), rgba(215,149,151,0) 70%),
    radial-gradient(28% 24% at 12% 50%, rgba(239,181,176,.65), rgba(239,181,176,0) 70%);
  filter:blur(42px); transform-origin:50% 40%;
  -webkit-mask-image:linear-gradient(#000 50%, transparent 92%); mask-image:linear-gradient(#000 50%, transparent 92%);
  animation:mm-reviews-drift 18s cubic-bezier(.45,.05,.55,.95) infinite alternate }
#content-373 .mm-hero .mm-wrap { position:relative; z-index:1 }
@keyframes mm-reviews-drift {
  0%   { transform:translate3d(-4%, 1%, 0) scale(1) rotate(-6deg) }
  50%  { transform:translate3d(6%, -5%, 0) scale(1.14) rotate(8deg) }
  100% { transform:translate3d(-6%, 4%, 0) scale(1.06) rotate(-10deg) }
}
@media (prefers-reduced-motion: reduce) { #content-373 .mm-hero::before { animation:none } }
/* more room under the headline (owner, 2026-10-22) */
#content-373 .mm-hero .mm-short-row { margin-top:6rem }
@media (max-width: 767.98px) { #content-373 .mm-hero .mm-short-row { margin-top:4rem } }
/* the navigation in white over the blue header (desktop text menu, before the bar turns into the white pill on scroll);
   the coloured dots and the orange Sign up button stay. Phones have the white pill from the start, so they stay dark. */
@media (min-width: 992px) {
  body.page-reviews .semplice-navbar:not(.is-sticky) .logo { filter:none !important }   /* the theme blackens the logo with brightness(0) */
  body.page-reviews .semplice-navbar:not(.is-sticky) .logo svg path { fill:#fff }
  body.page-reviews .semplice-navbar:not(.is-sticky) nav a span,
  body.page-reviews .semplice-navbar:not(.is-sticky) .standard.navbar-right .menu li:nth-last-child(2) span { color:#fff !important }   /* Log in has its own !important rule */
}
/* 2026-11-02 (owner): a much larger headline that runs over three lines; clearly more room between the topics */
#content-373 h1.mm-display { font-size:clamp(3.2rem, 8.6vw, 7.4rem); line-height:1; letter-spacing:-.04em; max-width:72rem }
#content-373 .mm-group { padding-top:11rem }
#content-373 .mm-group + .mm-group { margin-top:2rem }
#content-373 .mm-story { margin-top:4rem }
@media (max-width: 991.98px) { #content-373 h1.mm-display { font-size:clamp(3rem, 9vw, 5.6rem) } }
@media (max-width: 767.98px) {
  #content-373 h1.mm-display { font-size:2.9rem; line-height:1.04 }
  #content-373 .mm-group { padding-top:7rem }
  #content-373 .mm-group + .mm-group { margin-top:1rem }
}
/* 2026-11-02 (owner): the paragraph in our words, more faded, so the members' quotes lead */
#content-373 .mm-story { color:#9aa3b2 }
/* 2026-11-02 (owner): four or five bubbles per topic. They sit in pairs, so the sideways shift (and its mirror in every
   second topic) only goes to a bubble that ends up alone in the last row */
@media (min-width: 768px) {
  #content-373 .mm-quotes { row-gap:2.8rem }   /* room for the drift between the rows */
  #content-373 .mm-quotes > .mm-quote:nth-child(3n+3) { transform:rotate(-.6deg) }
  #content-373 .mm-group:nth-of-type(even) .mm-quotes > .mm-quote:nth-child(3n+3) { transform:rotate(.8deg) }
  #content-373 .mm-quotes > .mm-quote:nth-child(odd):last-child { transform:translateX(-5rem) rotate(-.6deg) }
  #content-373 .mm-group:nth-of-type(even) .mm-quotes > .mm-quote:nth-child(odd):last-child { transform:translateX(6rem) rotate(.8deg) }
}
/* phones: bubbles alternate left and right without any sideways shift (the mirrored topics' shift used to push one
   bubble off the screen); :nth-of-type(n) and :nth-child(n) only raise the specificity above those rules */
@media (max-width: 767.98px) {
  #content-373 .mm-group:nth-of-type(n) .mm-quotes > .mm-quote:nth-child(odd):nth-child(n) { transform:rotate(-.8deg) }
  #content-373 .mm-group:nth-of-type(n) .mm-quotes > .mm-quote:nth-child(even):nth-child(n) { transform:rotate(.8deg) }
}
/* 2026-11-02 (owner): the headline 20% smaller at every width */
#content-373 h1.mm-display { font-size:clamp(2.56rem, 6.88vw, 5.92rem) }
@media (max-width: 991.98px) { #content-373 h1.mm-display { font-size:clamp(2.4rem, 7.2vw, 4.48rem) } }
@media (max-width: 767.98px) { #content-373 h1.mm-display { font-size:2.32rem } }
/* 2026-11-02 (owner, after testing in Brave): lighter for Chromium, where scrolling lagged and the background beside the
   column flickered. The bubbles lose the live backdrop blur (the grey behind them is flat, so it showed little) and two
   of their four drop shadows; they only fade and rise in once (js/reviews.js), no floating or scroll drift. The header
   gradient keeps its slow drift, but without the blur filter and the mask, as one layer the GPU can move as it is. */
#content-373 .mm-quote { -webkit-backdrop-filter:none; backdrop-filter:none;
  --mm-bubble-top:rgba(255,255,255,.94); --mm-bubble-mid:rgba(255,255,255,.80); --mm-bubble-bottom:rgba(255,255,255,.84);
  filter:drop-shadow(0 0 .5px rgba(39,28,70,.12)) drop-shadow(0 8px 18px rgba(39,28,70,.07)) }
#content-373 .mm-hero .mm-quote { --mm-bubble-top:rgba(255,255,255,.80); --mm-bubble-mid:rgba(255,255,255,.58); --mm-bubble-bottom:rgba(255,255,255,.64) }
html.mm-bubbles-live #content-373 .mm-quote { will-change:auto; translate:0 28px; transition:none }   /* hidden at once, no fade out */
html.mm-bubbles-live #content-373 .mm-quote.is-in { translate:none;
  transition:opacity 1.1s cubic-bezier(.25,.1,0,1), translate 1.1s cubic-bezier(.25,.1,0,1) }
#content-373 .mm-hero::before { filter:none; -webkit-mask-image:none; mask-image:none; will-change:transform;
  inset:-30% -20% 4% -20%;
  background:
    radial-gradient(40% 36% at 26% 26%, rgba(245,170,170,.75), rgba(245,170,170,0) 100%),
    radial-gradient(36% 32% at 72% 18%, rgba(234,194,176,.7), rgba(234,194,176,0) 100%),
    radial-gradient(42% 38% at 50% 36%, rgba(122,148,196,.65), rgba(122,148,196,0) 100%),
    radial-gradient(32% 30% at 86% 42%, rgba(215,149,151,.5), rgba(215,149,151,0) 100%),
    radial-gradient(34% 30% at 12% 50%, rgba(239,181,176,.55), rgba(239,181,176,0) 100%) }