/* Section 01 — hero. Scoped under .homepage-main-v3-page .homepage-main-v3-hero. */
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero #top { padding-top: clamp(24px, 4.4vh, 56px) !important; padding-bottom: clamp(10px, 1.6vh, 20px) !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero #top > div:first-child { margin-bottom: clamp(6px, 1.4vh, 16px) !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero #top h1 { font-size: clamp(1.85rem, min(6vw, 7.2vh), 4.2rem) !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero #top > p { margin-top: clamp(6px, 1.4vh, 14px) !important;
        font-size:clamp(0.94rem, 1.9vh, 1.05rem) !important; line-height: 1.45 !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocta] { margin-top: clamp(8px, 1.8vh, 18px) !important; gap: 10px !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocta] span { height: clamp(42px, 7.4vh, 56px) !important; font-size: 15px !important;
        white-space: nowrap !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] { min-height: max(120px, calc(100vh - 122px - 300px)) !important;
        margin-top: clamp(2px, 1vh, 12px) !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] img { width: max(200px, min(600px, 94vw, 58vh, calc((100vh - 122px - 300px) * 1.65))) !important; }
}
@media (max-height: 820px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocard] { top: 46% !important; }
}
@media (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-hero #top > p { margin-top: 8px !important; font-size: clamp(0.8rem, 1.8vh, 0.95rem) !important;
        line-height: 1.4 !important; max-width: 54ch !important; }
}
@media (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-hero #top > div:first-child { margin-bottom: 8px !important; }
}
@media (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocta] { margin-top: 10px !important; }
}
@media (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocta] span { height: 42px !important; padding: 0 22px !important; font-size: 14px !important; }
}
@media (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] { min-height: max(104px, calc(100vh - 122px - 300px)) !important; }
}
@media (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] img { width: max(200px, min(600px, 94vw, 58vh, calc((100vh - 122px - 210px) * 1.65))) !important; }
}
@media (hover: none) {
.homepage-main-v3-page .homepage-main-v3-hero [data-h-over] { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] { flex-wrap: wrap !important; align-content: flex-start !important; gap: 12px 10px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] > [data-headset-slot] { flex: 0 0 100% !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-hero-comp] > [data-herocard] { position: static !important; transform: none !important; flex: none !important; padding: 9px 13px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-heroeyebrow] { font-size: 10.5px !important; letter-spacing: 0.14em !important; gap: 7px !important; padding: 6px 12px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-hero #top { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-heroeyebrow] { font-size: 9.5px !important; letter-spacing: 0.1em !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocard] { padding: 9px 12px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocard]:nth-of-type(2) { left: 0 !important; top: 14% !important; transform: none !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-hero [data-herocard]:nth-of-type(3) { right: 0 !important; top: auto !important; bottom: 6% !important; transform: none !important; }
}
.homepage-main-v3-page .homepage-main-v3-hero [data-isologo][data-lt] { display:none !important }
.homepage-main-v3-page .homepage-main-v3-hero .hm-hv-2:hover { background:linear-gradient(45deg,#7b3fe4,#ff5db0) !important;transform:scale(1.05) !important }
.homepage-main-v3-page .homepage-main-v3-hero .hm-hv-3:hover { background:var(--glass-fill) !important;transform:scale(1.05) !important }