/* About Us refinement only. No selectors target People or shared stylesheets.
   Reference: homepage review-01 96/66px hero; For Brands homepage-type.css
   and closing.css Poppins feature/action hierarchy; B editorial composition. */
.refinement[data-hero="h2"] > .top,
.refinement[data-hero="h2"] .philosophy-wrap,
.refinement[data-hero="h2"] .philosophy{background:#F2F0EA;color:#10272B}
.refinement[data-hero="h2"] > .top{--ink:#10272B}
.refinement[data-hero="h2"] .philosophy .hero-title{color:#10272B}
.refinement[data-hero="h2"] .philosophy .eyebrow,
.refinement[data-hero="h2"] .philosophy .hero-index{color:#24484D}
.refinement[data-hero="h2"] .philosophy .hero-index{border-color:#F2F0EA}
.refinement[data-hero="h2"] .philosophy .hero-bottom p{color:#24484D}
.refinement[data-hero="h2"] .top .approved-header{--ink:#10272B}
.refinement[data-hero="h2"] .top .mobile-navigation{background:#F2F0EA;color:#10272B}
.refinement[data-hero="h2"] .story{background:#fff}
/* Editorial story: established architecture, quieter empty photo positions. */
.refinement .story .slot-lines{display:none}
.refinement .story .image-slot{background:#fff;border:1px solid #F2F0EA;padding:26px;min-height:400px}
.refinement .story .image-slot figcaption{background:transparent;padding:0}
.refinement .story .image-slot span{font-size:10px;letter-spacing:.12em}
.refinement .story .image-slot strong{font-size:17px}
.refinement[data-hero="h2"] .story .image-slot{background:#F2F0EA}
.refinement .story .hoi-an{min-height:420px}
.refinement .story .story-opening{margin:48px 0;gap:64px}
.refinement .story .story-pair{gap:64px;margin:46px 0 64px}
.refinement .story .story-location{gap:64px}
.refinement .story .questions{margin:64px 0 42px auto}
.refinement .story .story-end{margin-bottom:42px}
.refinement .story .statement{margin-top:42px;padding:46px 54px;line-height:1.45}
.refinement[data-story="s2b"] .story .story-pair{grid-template-columns:1.18fr 1fr;gap:48px}
.refinement[data-story="s2b"] .story .story-location{grid-template-columns:1fr 1.28fr;gap:48px}
.refinement[data-story="s2b"] .story .image-slot{min-height:460px}
.refinement[data-vision="v4b"] .vision{background:#F2F0EA}
.refinement .vision .vision-statement{border-top:1px solid #24484D}
@media(min-width:761px){
 .refinement .philosophy{padding-top:76px}
 .refinement .philosophy .hero-title{font-size:96px;line-height:1.12;letter-spacing:-.015em}
 .refinement .philosophy .hero-bottom{max-width:780px;width:68%;margin:42px 32px 56px auto;gap:32px}
 .refinement .philosophy .hero-bottom p{font-size:22px;line-height:1.58;text-align:left}
 .refinement .story{padding-block:88px}
 .refinement .story .story-title{font-size:80px;line-height:1.12;letter-spacing:-.015em}
 .refinement .story .story-opening p:not(.lead),
 .refinement .story .story-location p,
 .refinement .story .story-end p{font-size:18px;line-height:1.7}
 .refinement .story .lead{font-size:24px;line-height:1.5}
 .refinement .story .story-spark .interlude{font-size:30px;line-height:1.5}
 .refinement .story .story-spark p+p{margin-top:34px}
 .refinement .story .question p{font-size:18px;line-height:1.7}
 .refinement .story .question{padding-block:26px}
 .refinement .story .statement{font-size:42px}
 .refinement .vision{padding-block:104px}
 .refinement .vision .vision-layout{gap:44px}
 .refinement .vision h2{font-size:96px;line-height:1.12;letter-spacing:-.015em}
 .refinement .vision .vision-copy{max-width:760px}
 .refinement .vision .vision-copy p{font-size:20px;line-height:1.65}
 .refinement .vision .vision-copy .interlude{font-size:26px;line-height:1.5}
 .refinement .vision .vision-statement{font-size:68px;line-height:1.2;max-width:1150px;padding-top:40px;margin-top:60px}
 .refinement .connect .connect-bottom>div>p:first-child{font-size:18px;line-height:1.65}
 .refinement .connect .connect-emphasis{font-size:24px;line-height:1.55}
 .refinement .connect .button{font-size:15px}
 .refinement[data-cta="c5b"] .connect .connect-bottom{justify-content:flex-start;gap:72px}
 .refinement[data-cta="c5b"] .connect .connect-bottom>div{max-width:620px}
}
@media(min-width:761px) and (max-width:1100px){
 .refinement .philosophy .hero-title{font-size:66px}
 .refinement .philosophy .hero-bottom{width:80%;margin-right:0}
 .refinement .philosophy .hero-bottom p{font-size:20px}
 .refinement .story .story-title{font-size:64px}
 .refinement .story .story-opening,.refinement .story .story-pair,.refinement .story .story-location{gap:40px}
 .refinement .story .story-opening p:not(.lead),.refinement .story .story-location p,.refinement .story .story-end p{font-size:16px}
 .refinement .story .question p{font-size:17px}
 .refinement .story .story-spark .interlude{font-size:28px}
 .refinement .story .statement{font-size:38px;padding:38px 40px}
 .refinement .vision h2{font-size:80px}
 .refinement .vision .vision-copy{max-width:660px;width:85%}
 .refinement .vision .vision-copy p{font-size:18px}
 .refinement .vision .vision-copy .interlude{font-size:24px}
 .refinement .vision .vision-statement{font-size:56px}
 .refinement[data-cta="c5b"] .connect .connect-bottom{gap:36px}
 .refinement[data-cta="c5b"] .connect .connect-bottom>div{max-width:55%}
}
@media(max-width:760px){
 /* Philosophy typography, geometry and spacing intentionally inherit original B. */
 .refinement .story .story-title{font-size:44px}
 .refinement .story .story-opening{gap:24px;margin:30px 0}
 .refinement .story .story-pair,.refinement .story .story-location,
 .refinement[data-story="s2b"] .story .story-pair,.refinement[data-story="s2b"] .story .story-location{grid-template-columns:1fr;gap:30px;margin:30px 0 38px}
 .refinement .story .image-slot{min-height:280px;padding:22px}
 .refinement .story .hoi-an{min-height:300px}
 .refinement[data-story="s2b"] .story .image-slot{min-height:330px}
 .refinement .story .story-opening p:not(.lead),.refinement .story .story-location p,
 .refinement .story .question p,.refinement .story .story-end p{font-size:16px;line-height:1.75}
 .refinement .story .questions{margin:38px 0 30px}
 .refinement .story .story-end{margin-bottom:34px}
 .refinement .story .statement{font-size:28px;padding:30px 24px;margin-top:34px;line-height:1.5}
 .refinement .vision .vision-copy p{font-size:16px;line-height:1.75}
 .refinement .vision .vision-copy .interlude{font-size:21px;line-height:1.5}
 .refinement .vision .vision-statement{font-size:42px;line-height:1.2}
}
/* Fixed review utility, outside page layout; excluded from capture URLs. */
.refinement-controls{position:fixed;right:16px;bottom:16px;z-index:100;background:#F2F0EA;color:#10272B;border:1px solid #24484D;padding:10px 14px;max-width:calc(100% - 32px);font:400 12px/1.5 Poppins,sans-serif;box-shadow:0 4px 20px #10272b22}
.refinement-controls[hidden]{display:none}.refinement-controls summary{cursor:pointer;min-height:26px}.refinement-controls>div{display:grid;gap:12px;padding-block:12px;max-height:65vh;overflow:auto}.refinement-controls label{display:grid;gap:4px}.refinement-controls select{font:inherit;padding:8px;min-height:40px;background:white;color:#10272B;border:1px solid #24484D}
.refinement .vision .vision-statement span{display:inline-block;max-width:100%;text-wrap:balance}