/* Page appearance. The approved metal sculpture and light-flow canvas stay intact. */
.appearance-controls{display:flex;align-items:center;gap:4px}
.appearance-button{height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;background:transparent;border:1px solid transparent;border-radius:24px;color:#b9c3d4;font-size:11px;font-weight:500;line-height:1}
.appearance-button img{width:18px;height:18px;flex:none;opacity:.85}
.appearance-button:hover{background:#ffffff08;border-color:#394352;color:#fff}
.appearance-button:focus-visible{outline:2px solid #a8c7ff;outline-offset:3px}
.header-right{gap:18px;margin-left:32px}
.hero h1>.hero-end{color:#f3f5f8}
.intro-heading h2>[data-i18n="products.line1"]{color:#f3f5f8}
.notice-heading [data-i18n="notice.name"]{display:inline;font-size:inherit;color:inherit}
html[lang=en] .hero-description{font-size:clamp(13px,1.2vw,19px)}
html[lang=en] .hero-actions .button{gap:16px;min-width:170px}
html[lang=en] .intro-heading h2{font-size:clamp(32px,3.5vw,51px)}
html[lang=en] .principles h3{font-size:18px;line-height:1.45}
html[lang=en] .notice-copy{font-size:12px}


@media(min-width:701px) and (max-width:1050px){.desktop-nav{gap:22px}.header-right{margin-left:24px;gap:10px}.header-cta{padding-inline:16px;gap:12px}html[lang=en] .hero-actions{flex-wrap:wrap}html[lang=en] .hero-actions .button{min-width:148px;font-size:13px;padding-inline:16px}}
@media(max-width:700px){
 .header-right{margin-left:auto;gap:8px}.header-cta{display:none}.appearance-controls{gap:2px}.appearance-button{height:44px;min-width:40px;padding:0 8px}.language-toggle{min-width:59px}.mobile-menu-toggle{width:38px}
 html[lang=en] .hero h1{font-size:clamp(56px,15vw,78px);line-height:1.1}
 html[lang=en] .hero-description{font-size:13px;line-height:1.8}
 html[lang=en] .hero-actions .button{min-width:0;gap:12px;padding:0 14px;font-size:13px}
 html[lang=en] .hero-note{font-size:10px;letter-spacing:0}
 html[lang=en] .product-tabs small{display:none}
 html[lang=en] .product-copy h3 br{display:initial}
 html[lang=en] .intro-heading h2{font-size:33px}
 html[lang=en] .principles h3{font-size:19px}
}
@media(max-width:360px){.header-right{gap:3px}.appearance-button{padding-inline:6px}.language-toggle{min-width:54px}html[lang=en] .hero-description{font-size:11.5px}html[lang=en] .hero-actions .button{font-size:11.5px;padding-inline:9px;gap:6px;white-space:nowrap}html[lang=en] .hero-actions .button img{width:14px;height:14px;flex-shrink:0}}
/* One complete vector wordmark: no raster H or separate ASH text. */
.brand .brand-logo{display:block;width:138px;height:36px;flex:none;fill:#f3f6fc}
.language-menu{position:relative;flex:none}.language-options{position:absolute;z-index:80;right:0;top:calc(100% + 8px);min-width:168px;padding:6px;background:#121923;border:1px solid #354154;border-radius:12px;box-shadow:0 14px 40px #0008}.language-options[hidden]{display:none}.language-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;background:transparent;border:0;border-radius:7px;color:#c3cbda;text-align:left;font:inherit;font-size:13px;cursor:pointer}.language-options button:hover,.language-options button:focus-visible{background:#223148;color:#fff;outline:0}.language-options button[aria-checked=true]{color:#c2d8ff;background:#1c2b42}.language-options button span{visibility:hidden}.language-options button[aria-checked=true] span{visibility:visible}.appearance-button{font-size:12px;white-space:nowrap;cursor:pointer}.campaign-header-actions{display:flex;align-items:center;gap:24px}
@media(max-width:700px){.brand .brand-logo{width:108px;height:28px}.campaign-header-actions{gap:12px}.campaign-header-actions .back-home{font-size:11px;gap:6px}.campaign-header .appearance-button{padding-inline:6px;font-size:11px}.campaign-header .appearance-button>img{display:none}.language-toggle{min-width:88px}.appearance-button{font-size:11px;gap:5px}}
@media(max-width:360px){.brand .brand-logo{width:96px;height:25px}.campaign-header-actions{gap:5px}.campaign-header .appearance-button{font-size:10px}.campaign-header .language-toggle{min-width:75px}.campaign-header .back-home{font-size:10px}.campaign-header .back-home>span{font-size:13px}}
