/* Brand-site inspired visual rhythm; scoped to the standalone home preview. */
body:not(.inner-page){--ink:#171a17;--accent:#52665a}
body:not(.inner-page) .topbar{background:#141614;color:#e1e4df}
body:not(.inner-page) .topbar .container{height:35px}
body:not(.inner-page) .header-inner{height:78px}
body:not(.inner-page) .header nav{font-weight:500;color:#242824}
body:not(.inner-page) .header nav a{position:relative;padding:10px 0}
body:not(.inner-page) .header nav a:after{content:"";position:absolute;left:0;bottom:3px;width:0;height:1px;background:#384f40;transition:width .2s ease}
body:not(.inner-page) .header nav a:hover:after{width:100%}
body:not(.inner-page) .hero{min-height:530px;height:min(680px,calc(100vh - 113px))}
body:not(.inner-page) .hero-image{background-image:linear-gradient(90deg,rgba(4,13,10,.87),rgba(4,13,10,.34) 51%,rgba(4,13,10,.12)),url('assets/hero-poster.webp')}
body:not(.inner-page) .hero h1{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-weight:650;font-size:clamp(42px,4.5vw,68px);letter-spacing:-.04em;line-height:1.25}
body:not(.inner-page) .hero-content>p:not(.eyebrow){font-size:15px;color:#e3e8e2}
body:not(.inner-page) .button-light{border-radius:50px;gap:46px;padding:14px 22px 14px 24px;font-weight:600}
body:not(.inner-page) .intro{padding-top:86px;padding-bottom:33px}
body:not(.inner-page) .intro h2{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-weight:650;letter-spacing:-.045em}
body:not(.inner-page) .categories{gap:18px}
body:not(.inner-page) .category{background:transparent}
body:not(.inner-page) .category img{height:auto;aspect-ratio:4/4.25;object-fit:cover}
body:not(.inner-page) .category>div{padding:17px 0 4px;border-bottom:1px solid #e1e5df;min-height:128px}
body:not(.inner-page) .category small{font-size:10px;letter-spacing:.14em;color:#818a7f}
body:not(.inner-page) .category h3{font-size:19px;font-weight:650;letter-spacing:-.025em;margin:9px 0 14px}
body:not(.inner-page) .category span{font-size:12px;color:#596e5b}
body:not(.inner-page) .category:hover img{transform:scale(1.02)}
body:not(.inner-page) .home-breathing-space{height:clamp(105px,12vw,170px)}
@media(max-width:850px){body:not(.inner-page) .header-inner{height:66px}body:not(.inner-page) .hero{min-height:0;height:550px}body:not(.inner-page) .hero h1{font-size:42px}body:not(.inner-page) .intro{padding-top:65px}body:not(.inner-page) .category>div{min-height:113px}body:not(.inner-page) .categories{gap:18px 14px}}
@media(max-width:430px){body:not(.inner-page) .hero{height:510px}body:not(.inner-page) .hero h1{font-size:38px}body:not(.inner-page) .category h3{font-size:16px}body:not(.inner-page) .category>div{min-height:105px}}
@media(prefers-reduced-motion:reduce){body:not(.inner-page) .category img{transition:none}}