/* Preserve the hero composition explicitly approved by the user. */
.hero{background:linear-gradient(110deg,#fbfaf7 55%,#f0f3ed);padding:44px 0 80px}
.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px}
.hero-content{padding:20px 0 30px}
.hero h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:1.35;letter-spacing:.035em;color:#193331;margin:0 0 26px;max-width:570px}
.hero-description{font-size:16px;line-height:2;margin-bottom:36px;color:#657370}
.hero-assurance{margin-top:40px}
.hero-assurance p{font-size:13px;color:#193331}
.hero-assurance small{font-size:12px;color:#657370}
.hero-visual{height:580px}
.hero-visual>img{border-radius:160px 12px 12px 12px;object-position:62% center}
.hero-image-caption{left:36px;bottom:40px}
.hero-image-caption>span{font:24px "Noto Serif SC","Songti SC",SimSun,serif;letter-spacing:.08em}
.hero-image-caption small{font-size:11px;letter-spacing:.18em}
.hero .care-card{display:flex}
@media(max-width:1050px){.hero-layout{gap:32px}.hero h1{font-size:44px}.hero-visual{height:480px}}
@media(max-width:767px){.hero{padding:30px 0 56px}.hero-layout{grid-template-columns:minmax(0,1fr);gap:34px}.hero-content{padding:8px 0 0}.hero h1{font-size:40px;max-width:480px}.hero-description{margin-bottom:24px}.hero-assurance{margin-top:26px}.hero-visual{height:390px;margin-right:8px}.hero-visual>img{border-radius:100px 10px 10px 10px}.hero-image-caption{left:22px;bottom:76px}.hero-image-caption>span{font-size:20px}}

/* English copy needs tighter navigation and wider text measures than Chinese. */
html[lang="en"]{--font-heading:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--font-body:Inter,"Segoe UI",Arial,sans-serif}
html[lang="en"] #main-nav{gap:12px}
html[lang="en"] #main-nav>a{font-size:12.5px;letter-spacing:-.01em}
html[lang="en"] .hero h1{max-width:640px;font-size:clamp(42px,3.8vw,58px);line-height:1.12;letter-spacing:-.035em}
html[lang="en"] .hero-description{max-width:570px;line-height:1.75}
html[lang="en"] .hero-assurance{max-width:570px;align-items:flex-start}
html[lang="en"] .care-card{width:390px}
html[lang="en"] .care-card strong{line-height:1.4}
html[lang="en"] .service-ribbon>.container{gap:20px}
html[lang="en"] .service-ribbon .container>span{font-size:13px;letter-spacing:0;line-height:1.45;text-align:center}
html[lang="en"] .section-heading>p{max-width:420px;line-height:1.65}
@media(max-width:1280px){html[lang="en"] .nav-toggle{display:block}html[lang="en"] #main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--color-bg);padding:28px 40px;border-bottom:1px solid var(--color-line);align-items:stretch;gap:14px}html[lang="en"] #main-nav.open{display:flex;flex-direction:column}html[lang="en"] #main-nav>a{font-size:16px}html[lang="en"] .language-switcher{padding:3px;align-self:flex-start}}
@media(max-width:700px){html[lang="en"] .hero h1{font-size:38px;line-height:1.15}html[lang="en"] .care-card{width:min(310px,calc(100vw - 64px))}}

/* Keep the current section visible across index and detail pages. */
#main-nav>a:not(.button){position:relative;padding:12px 0;color:var(--color-ink-secondary);font-weight:600;transition:color .2s ease}
#main-nav>a:not(.button)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:999px;background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
#main-nav>a:not(.button):hover,#main-nav>a:not(.button)[aria-current="page"]{color:var(--color-primary)}
#main-nav>a:not(.button)[aria-current="page"]::after{transform:scaleX(1)}
@media(max-width:1280px){html[lang="en"] #main-nav>a:not(.button){padding:8px 0}html[lang="en"] #main-nav>a:not(.button)::after{right:auto;bottom:3px;width:38px}}
@media(max-width:1050px){#main-nav>a:not(.button){padding:8px 0}#main-nav>a:not(.button)::after{right:auto;bottom:3px;width:38px}}