/* Section 07 — who-its-for. Scoped under .homepage-main-v3-page .homepage-main-v3-who-its-for. */
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] { width: min(320px, 80vw) !important; margin-top: 24px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-htrack] { gap: 18px !important; padding: 0 20px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child { height: 190px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] h3 { font-size: 1.18rem !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] p { font-size:0.96rem !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hhead] { padding-bottom: 18px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hhead] > div:first-child { margin-bottom: 8px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hhead] h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(1) { margin-top: 0 !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(2) { margin-top: 48px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(3) { margin-top: 8px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(4) { margin-top: 36px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child { height: 150px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child svg { width: 82px !important; height: 82px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:last-child { padding: 18px 22px 20px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] h3 { font-size: 1.16rem !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] p { font-size:0.95rem !important; line-height: 1.45 !important; margin-top: 8px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] a { margin-top: 11px !important; font-size:0.94rem !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hclose] { padding-top: 18px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hclose] p { font-size:0.94rem !important; line-height: 1.45 !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(1),
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(2),
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(3),
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard]:nth-of-type(4) { margin-top: 0 !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child { height: 96px !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child svg { width: 62px !important; height: 62px !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] p { font-size: 0.82rem !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hhead] { padding-bottom: 10px !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hhead] h2 { font-size: clamp(1.25rem, 2.2vw, 1.6rem) !important; }
}
@media (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hclose] { padding-top: 10px !important; }
}
@media (max-width: 900px) and (max-height: 470px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hclose] { display: none !important; }
}
@media (max-width: 900px) and (max-height: 470px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child { height: 76px !important; }
}
@media (max-width: 900px) and (max-height: 470px) {
.homepage-main-v3-page .homepage-main-v3-who-its-for [data-hcard] > div:first-child svg { width: 50px !important; height: 50px !important; }
}