.language-switch button {border:0;background:transparent;border-radius:2px;min-width:44px;min-height:44px;padding:10px 6px;font:400 12px/1.5 system-ui,sans-serif;color:#776b65;cursor:pointer;white-space:nowrap;text-underline-offset:5px;text-decoration-thickness:1px;}
.language-switch button[aria-pressed="true"] {color:#61392f;text-decoration:underline;font-weight:500;}
.language-switch button:hover {color:#61392f;}
.language-divider {font:400 11px/1 system-ui,sans-serif;color:#a99d95;pointer-events:none;}
.language-switch button:focus-visible {outline:2px solid #8e263c;outline-offset:2px;}
.localized-heading {font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.18;font-weight:700;letter-spacing:-.025em;}
[hidden] {display:none !important;}
html:lang(en) .heading-section,html:lang(ko) .heading-section {font-size:clamp(2rem,4.5vw,4rem);overflow-wrap:break-word;}
html:lang(en) .stat-number,html:lang(ko) .stat-number {font-size:clamp(1.4rem,2.2vw,2.3rem);}
html:lang(ko) {word-break:keep-all;overflow-wrap:anywhere;}
@media(max-width:600px) {.quality-label {overflow-wrap:break-word;}html:lang(en) .tech-hero-statement h3,html:lang(ko) .tech-hero-statement h3 {font-size:1.4rem;}}
.floating-nav:not(.visible) {visibility:hidden;}
.hero-language-controls {position:absolute;bottom:8rem;left:50%;transform:translateX(-50%);z-index:11;}
.language-switch {display:flex;align-items:center;justify-content:center;gap:3px;max-width:95vw;}
.localized-title-art {display:block;width:100%;height:auto;max-height:220px;object-fit:contain;}

@media(max-width:600px) {
 html:not(:lang(zh)) .quality-grid-3x3 {grid-template-columns:1fr;}
}

html:not(:lang(zh)) .floating-nav > :not(.floating-back-top) {display:none;}
.floating-back-top {border:0;background:transparent;color:#61392f;font:500 13px/1.5 system-ui,sans-serif;min-height:44px;padding:8px 14px;cursor:pointer;}
.floating-back-top:focus-visible {outline:2px solid #8e263c;outline-offset:2px;}
html:not(:lang(zh)) .floating-nav {padding:0 8px;gap:0;}
html:not(:lang(zh)) .product-card:not([href]) {cursor:default;}

.hero-language-controls {opacity:0;visibility:hidden;transition:opacity .6s ease;}
.hero-content.show ~ .hero-language-controls {opacity:1;visibility:visible;}

/* Display-only crop of the existing 1920x1672 brand artwork.
   y=1320 is in the transparent gap above the Chinese nameplate. */
html:not(:lang(zh)) .hero-logo,
html:not(:lang(zh)) .preloader-logo {
    aspect-ratio:1920 / 1320;
    height:auto;
    object-fit:cover;
    object-position:center top;
}

/* Keep the existing scattered-photo animation within the mobile page edge. */
@media(max-width:760px) {#story {overflow-x:clip;}}