:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/font1.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/font2.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/font3.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/font4.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/font5.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/font6.woff) format('woff')}

/* Brand type system: Playfair Display (H1/H2) + Poppins (everything else). :is(html,#_) raises specificity above page-scoped #id rules. */
/* Hard lock: every element, input and pseudo-element is Poppins unless a rule below makes it Playfair. */
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body *,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body *::before,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body *::after{font-family:'Poppins',system-ui,sans-serif!important;font-style:normal!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h1,h2,.tg,.script,.eco-sub,.ab-big,.ins-h,.bh){font-family:'Playfair Display',Georgia,serif!important;font-style:normal!important;letter-spacing:0!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h1{font-weight:700!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h2,.tg,.script,.eco-sub,.ab-big,.ins-h,.bh){font-weight:600!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h3,h4,h5,h6,summary,.pl-track li){font-family:'Poppins',system-ui,sans-serif!important;font-style:normal!important;font-weight:600!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(p,li,dd,blockquote,.lead,.ab-sub,.pi,.bv-p,.apx-t,.ex p):not(.tag):not(.script):not(.eco-sub):not(.tg){font-family:'Poppins',system-ui,sans-serif!important;font-style:normal!important;font-weight:400!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(em,i,cite,small){font-style:normal!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(.tag,.who,.btn,button,nav a){font-family:'Poppins',system-ui,sans-serif!important;font-style:normal!important;font-weight:600!important}
/* Type scale from brand guidelines (pt→px): H1 60-72pt, H2 32-40pt, H3 20-24pt, H4 16-18pt, body 12-16pt, caption 10-12pt */
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h1{font-size:clamp(40px,5.4vw,80px)!important;line-height:1.08!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h2{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.15!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h3{font-size:clamp(20px,2vw,28px)!important;line-height:1.25!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h4{font-size:clamp(17px,1.5vw,22px)!important;line-height:1.3!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(p,li,dd,blockquote,.lead,.ab-sub,.pi,.bv-p,.apx-t,.ex p):not(.tag):not(.script):not(.eco-sub):not(.tg){font-size:clamp(15px,1.15vw,17px)!important;line-height:1.7!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(.tag,.who){font-family:'Poppins',system-ui,sans-serif!important;font-weight:400!important;font-size:13px!important;line-height:1.5!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(.eco-sub,.script,.tg){font-size:clamp(18px,1.6vw,24px)!important;line-height:1.4!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(.btn,button,nav a){font-weight:500!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h1,h2) :is(span,b,strong,em,i,a){font-family:'Playfair Display',Georgia,serif!important;font-weight:inherit!important;font-size:inherit!important;line-height:inherit!important}
@media(max-width:800px){html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #eco .eco-core{display:block!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;font-size:clamp(13px,3.5vw,16px)!important;line-height:1.15!important;width:34%!important;transform:none!important;text-align:center!important;-webkit-text-stroke:0!important;text-shadow:none!important}}
@media(max-width:800px){html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #eco .eco-core span{font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;font-size:inherit!important}}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(#eco .eco-core,#eco .eco-core span){font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;font-style:normal!important;letter-spacing:0!important}
/* Simplified Chinese: use Simplified (SC) system fonts as fallback for CJK glyphs */
html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body *,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body *::before,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body *::after{font-family:'Poppins','PingFang SC','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC','Source Han Sans SC','Hiragino Sans GB',sans-serif!important}
html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h1,h2,.tg,.script,.eco-sub,.ab-big,.ins-h,.bh,#eco .eco-core,#eco .eco-core span),html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h1,h2) :is(span,b,strong,em,i,a){font-family:'Playfair Display','Songti SC','Noto Serif SC','Noto Serif CJK SC','Source Han Serif SC','SimSun',serif!important}
html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(h3,h4,h5,h6,summary,.pl-track li,.wh-t){font-family:'Poppins','PingFang SC','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC','Source Han Sans SC','Hiragino Sans GB',sans-serif!important}
/* Weights: nothing heavier than Semibold except H1 (PDF type hierarchy) */
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body :is(b,strong,small,i,a.xl,.ins-cta,.ins-tag,.apx-n):not(h1 *){font-weight:600!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h1 :is(span,b,strong,i){font-weight:700!important}


/* All titles + division names: Playfair Display Bold Italic */
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h1,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h2,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h3,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h4,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .ex-t b,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .nxl span,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .nxl,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .pw-mq span,html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body li.rv > b{font-family:'Playfair Display',Georgia,serif!important;font-style:italic!important;font-weight:700!important;letter-spacing:0!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h1 :is(span,b,strong,em,i,a),html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h2 :is(span,b,strong,em,i,a),html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h3 :is(span,b,strong,em,i,a){font-family:'Playfair Display',Georgia,serif!important;font-style:italic!important;font-weight:700!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .ex-t b{padding-right:.12em}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body footer h4{letter-spacing:.06em!important;text-transform:uppercase}
html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h1,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h2,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h3,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body h4,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .ex-t b,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .nxl span,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .nxl,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .pw-mq span,html[lang^=zh]:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body li.rv > b{font-family:'Playfair Display','Songti SC','Noto Serif SC','Noto Serif CJK SC','Source Han Serif SC','SimSun',serif!important;font-style:normal!important}
@media(max-width:600px){html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body .btn{max-width:100%!important;white-space:normal!important;text-align:center}}



main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about #ab-s1{display:flex!important;justify-content:center!important;align-items:center!important}
main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about .ab-story{margin-inline:auto!important;width:100%;max-width:760px;text-align:center!important}
main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about .ab-story .ab-eyebrow{justify-content:center!important;margin-inline:auto!important}
main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about .ab-story .ab-quote{text-align:center!important;margin-inline:auto!important}
main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about .ab-story .ab-trio{text-align:center!important;margin-inline:auto!important}
main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about .ab-story .ab-trio li{text-align:center!important}
main#pg-about#pg-about#pg-about#pg-about#pg-about#pg-about .ab-story .ab-trio li h3{text-align:center!important;margin-inline:auto!important}
main#pg-divisions#pg-divisions#pg-divisions#pg-divisions#pg-divisions#pg-divisions .ph h1 .h1l{display:block!important;white-space:nowrap!important}
main#pg-divisions#pg-divisions#pg-divisions#pg-divisions#pg-divisions#pg-divisions .ph h1{font-size:clamp(24px,7.6vw,76px)!important;line-height:1.1!important}
@media(min-width:801px){main#pg-divisions#pg-divisions#pg-divisions#pg-divisions#pg-divisions#pg-divisions .ph h1{font-size:clamp(40px,5vw,76px)!important}}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx-head{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx-head h2{font-size:clamp(18px,5vw,44px)!important;line-height:1.15!important;text-wrap:balance;max-width:none!important;margin:0!important}
@media(max-width:700px){main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx-head{aspect-ratio:16/9;display:flex!important;flex-direction:column;justify-content:center;padding:20px 24px!important}}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx .sx-chip{background:#e3f3f8!important;color:#0B3D2E!important;-webkit-text-fill-color:#0B3D2E!important;border:2px solid #1b8aa6!important;box-shadow:0 2px 0 rgba(11,61,46,.12)!important;opacity:1!important}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx .sx-chip:hover{background:#c4e6f0!important}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx .sx-chip[aria-pressed=true]{background:#0B3D2E!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#0B3D2E!important}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx .sx-chip[aria-pressed=true]::before{color:#fff!important;-webkit-text-fill-color:#fff!important}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia #harmonia-s2 .sx .sx-hint{color:#0B3D2E!important;-webkit-text-fill-color:#0B3D2E!important;opacity:1!important}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia .xp-k{white-space:nowrap!important;font-size:clamp(10px,3vw,13px)!important;letter-spacing:.1em!important}
main#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia#pg-harmonia .xp-k::before{width:clamp(12px,4vw,28px)!important;margin-right:clamp(6px,2vw,12px)!important}
main#pg-orbit#pg-orbit#pg-orbit#pg-orbit#pg-orbit#pg-orbit #orbit-s3 .vx-nav b.dv{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;letter-spacing:.06em!important;font-size:clamp(18px,1.9vw,24px)!important}

/* Divisions: keep the stacked-card typography */
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #pg-divisions #divisions-s1 .card h3{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:clamp(40px,4.6vw,72px)!important;line-height:1!important;letter-spacing:.08em!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #pg-divisions #divisions-s1 .card .who{font-weight:700!important;font-size:15px!important;letter-spacing:.1em!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #pg-divisions #divisions-s1 .card .tg{font-style:italic!important;font-weight:700!important;font-size:clamp(27px,2.5vw,36px)!important;line-height:1.25!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #pg-divisions #divisions-s1 .card>p{font-weight:500!important;font-size:clamp(18px,1.55vw,21px)!important;line-height:1.6!important}
html:is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_):is(html,#_) body #pg-divisions #divisions-s1 .card a.xl{font-weight:700!important;font-size:15px!important;letter-spacing:.12em!important}
