/* Section 04 — teardown. Scoped under .homepage-main-v3-page .homepage-main-v3-teardown. */
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] { left: 50% !important; right: auto !important; top: auto !important;
        transform: translateX(-50%) !important; text-align: center !important;
        width: min(380px, 88vw) !important; max-width: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] > div:first-child { justify-content: center !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown[data-teardown] > div { flex-direction: column !important; justify-content: flex-start !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { position: static !important; order: -1 !important; top: auto !important;
        padding: 56px 20px 0 !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] > div:nth-child(2) { font-size: clamp(19px, 5vw, 24px) !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] p { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-stage] { width: min(200px, 46vw) !important; margin: 16px 0 0 !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-bar] { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-close] { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] [data-td-sub] { display: block !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] { max-width: min(400px, 88vw) !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="1"] { top: auto !important; bottom: 304px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="2"] { top: auto !important; bottom: 230px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="3"] { top: auto !important; bottom: 156px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="4"] { bottom: 82px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] p { font-size: 0.84rem !important; line-height: 1.4 !important; margin-top: 6px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] > div:first-child > div { font-size:12px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { padding-top: 48px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-stage] { width: min(168px, 44vw) !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="1"] { bottom: 296px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="2"] { bottom: 224px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="3"] { bottom: 152px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="4"] { bottom: 80px !important; }
}
@media (min-width: 901px) and (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { top: 52px !important; padding-left: 260px !important; padding-right: 260px !important; }
}
@media (min-width: 901px) and (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] > div:nth-child(2) { font-size: clamp(20px, 2.2vw, 28px) !important; }
}
@media (min-width: 901px) and (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] p { max-width: 100% !important; font-size:13.5px !important;
        line-height: 1.4 !important; margin-top: 10px !important; }
}
@media (min-width: 901px) and (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-stage] { width: min(560px, 60vw, calc((100vh - 320px) * 0.94)) !important; }
}
@media (min-width: 901px) and (max-height: 660px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="1"] { top: 20% !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown[data-teardown] > div { flex-direction: row !important; justify-content: center !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { position: absolute !important; order: 0 !important; padding: 0 !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-stage] { margin: 0 !important; width: min(260px, calc(62vh * 2229 / 2073)) !important;
        margin-bottom: 0 !important; transform: translateX(-45%) !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-bar] { bottom: 6px !important; width: min(260px, 40vw) !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] { left: auto !important; right: 16px !important;
        transform: none !important; text-align: right !important; width: min(240px, 44vw) !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] > div:first-child { justify-content: flex-end !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] p { font-size: 0.76rem !important; line-height: 1.34 !important; margin-top: 4px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] h3 { font-size: 0.98rem !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { top: 14px !important; right: auto !important; left: 16px !important;
        width: min(300px, 42vw) !important; padding: 0 !important; text-align: left !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] > div:first-child { margin-bottom: 6px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] > div:nth-child(2) { font-size: 17px !important; line-height: 1.12 !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] p { display: none !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="1"] { top: auto !important; bottom: 224px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="2"] { top: auto !important; bottom: 158px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="3"] { top: auto !important; bottom: 92px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="4"] { bottom: 26px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-close] { display: none !important; }
}
@media (hover: none) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-cloud2] { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { padding-top: 80px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-stage] { width: max(200px, min(440px, 86vw, calc((100vh - 540px) * 1.05))) !important; margin-top: 18px !important; }
}
@media (max-width: 900px) {
@media (max-height: 720px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { padding-top: 64px !important; }
}
}
@media (max-width: 900px) {
@media (max-height: 720px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-stage] { width: max(130px, min(440px, 86vw, calc((100vh - 515px) * 1.05))) !important; margin-top: 8px !important; }
}
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] { bottom: 96px !important; top: auto !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="1"] { opacity: calc(clamp(0, (var(--tp) - 0.06) * 6, 1) * clamp(0, (0.38 - var(--tp)) * 10, 1)) !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="2"] { opacity: calc(clamp(0, (var(--tp) - 0.40) * 6, 1) * clamp(0, (0.70 - var(--tp)) * 10, 1)) !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label="3"] { opacity: calc(clamp(0, (var(--tp) - 0.72) * 6, 1)) !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-close] { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] p,
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] li,
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] > div:last-child { font-size: 0.95rem !important; line-height: 1.45 !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] ul { display: inline-flex !important; text-align: left !important; max-width: 100%; margin-left: auto !important; margin-right: auto !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] li { justify-content: flex-start !important; text-align: left !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-hud] { padding-top: 84px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-label] { bottom: 72px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-teardown [data-td-close] { bottom: 72px !important; }
}