/* Section 05 — specs. Scoped under .homepage-main-v3-page .homepage-main-v3-specs. */
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] { left: 50% !important; right: auto !important; top: auto !important;
        bottom: 4% !important; transform: translateX(-50%) !important;
        width: min(460px, 90vw) !important; max-width: none !important; text-align: center !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-seq-canvas] { display: block !important; height: auto !important;
        width: min(88vw, calc(40vh * 1000 / 567)) !important; max-width: none !important;
        transform: none !important; margin: 0 auto !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] { bottom: 3% !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-seq-canvas] { width: min(92vw, calc(34vh * 1000 / 567)) !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-seq-canvas] { width: min(60vw, calc(30vh * 1000 / 567)) !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] { bottom: 12px !important; width: min(440px, 92vw) !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] h3 { font-size: 1.12rem !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] p { font-size: 0.82rem !important; line-height: 1.38 !important; margin-top: 6px !important; }
}
@media (max-width: 900px) and (max-height: 620px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] > div > div:first-child { margin-bottom: 6px !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-index] { display: none !important; }
}
@media (max-width: 900px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] { bottom: 84px !important; }
}
@media (max-width: 600px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] { bottom: 72px !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] { left: 24px !important; max-width: 210px !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] [data-spec] > div:nth-child(2) { font-size: 1.15rem !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] [data-spec] p { font-size: 0.9rem !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-panel] [data-spec] > div:first-child { font-size: 10.5px !important; letter-spacing: 0.14em !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-index] { right: 20px !important; gap: 12px !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-spec-index] [data-spec-nav] { font-size: 11px !important; letter-spacing: 0.12em !important; gap: 9px !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
.homepage-main-v3-page .homepage-main-v3-specs [data-seq-canvas] { width: min(94vw, calc((100vw - 467px) * 1.23), calc((100vh - 300px) * 1.9)) !important;
        transform: translateX(43px) translateY(clamp(32px,6vh,72px)) !important; }
}
/* image-sequence fallback: shown for no-JS and reduced-motion visitors */
.homepage-main-v3-page .homepage-main-v3-specs img[data-seq-canvas][data-seq-fallback] { display: none !important; }
.homepage-main-v3-page.homepage-main-v3-seq-static .homepage-main-v3-specs canvas[data-seq-canvas] { display: none !important; }
.homepage-main-v3-page.homepage-main-v3-seq-static .homepage-main-v3-specs img[data-seq-canvas][data-seq-fallback] { display: block !important; }