/* Reading hierarchy and touch feedback within the existing ANVA direction. */
.page-title h1,.editorial-head h2,.showroom-intro h2,.home-process-heading h2,.journal>h2,.faq>h2,.customer-closing h2{text-wrap:balance}
.editorial-head h2,.home-process-heading h2{font-size:clamp(32px,3.1vw,48px);line-height:1.18;max-width:24ch}
.journal>h2,.faq>h2{font-weight:550;line-height:1.22}
.editorial-head>p,.page-title>p,.home-process-heading p,.process-story-step p,.article-block{text-wrap:pretty}
.editorial-head>p,.page-title>p{max-width:42rem}
.editorial-cards article>p,.process-story-step p,.article-block{line-height:1.85}
html[lang=zh] .editorial-head h2,html[lang=zh] .home-process-heading h2,html[lang=zh] .journal>h2,html[lang=zh] .faq>h2{letter-spacing:-.025em}
.site-menu,.site-search{overscroll-behavior:contain}
.site-menu{padding-bottom:calc(24px + env(safe-area-inset-bottom));scroll-padding-block:20px}
.cookie-panel{bottom:calc(24px + env(safe-area-inset-bottom))}
@media(min-width:601px) and (max-width:1024px){#productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:1024px){
 .site-nav #siteSearchOpen,.site-nav #menuToggle{width:44px;min-width:44px;height:44px;min-height:44px}
 .site-nav #openShortlist{min-width:44px;min-height:44px}
 .site-nav #language{min-width:40px;min-height:44px}
 .style-gallery-views>button,.style-colours button,.category-buttons button{min-height:44px}
}
@media(max-width:760px){
 .editorial-head h2,.home-process-heading h2{font-size:clamp(30px,8.4vw,38px);line-height:1.25;max-width:100%}
 .journal>h2,.faq>h2{font-size:30px}
 .editorial-head>p,.editorial-cards article>p,.process-story-step p,.journal-grid p{font-size:15px;line-height:1.8}
 .article-block{font-size:16px;line-height:1.9}
 .site-menu{padding-top:calc(18px + env(safe-area-inset-top))}
 .cookie-panel{bottom:calc(12px + env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(max-width:360px){.site-nav,.site-nav[data-scrolled=true],body[data-home=true] .site-nav{padding-inline:10px;gap:4px}.site-nav .nav-actions{gap:2px}.site-nav .wordmark,.site-nav[data-scrolled=true] .wordmark{font-size:23px}}
@media(max-height:500px) and (max-width:1024px){.site-menu .nav-dialog-head{margin-bottom:12px}.site-menu .mobile-menu-intro{margin-bottom:14px}.site-search{margin-top:12px;max-height:calc(100dvh - 24px)}}