/* Shared outer content rails. Photographs retain their full-bleed composition. */
:root{--layout-max:1420px;--layout-gutter:clamp(24px,5.5vw,88px);--layout-edge:max(var(--layout-gutter),calc((100% - var(--layout-max))/2))}
body[class]{--gutter:var(--layout-gutter)}
.wrap,.container,.detail-frame{width:calc(100% - var(--gutter)*2);max-width:var(--layout-max);margin-inline:auto}
.v4-site{--content:var(--layout-max);--edge:var(--layout-edge)}
.quiet-inner{--edge:var(--layout-edge)}
/* Long-form copy keeps a readable measure inside the same outer frame. */
.legacy-article>:is(h1,.eyebrow,.article-lead,.article-body,.article-related){max-width:780px}
.legacy-article .article-cover{max-width:1000px}
@media(min-width:701px){
 .v9-hero-copy,.v9-principles-heading,.v9-principles-note,.v9-team-heading,.v9-careers-copy,
 .m10-hero-copy,.m10-module-logo,.m10-profile-copy,.m10-recovery-copy,.m10-consultation-copy{left:var(--layout-edge)}
 .v9-team-heading{right:var(--layout-edge)}
 .v9-hero-signature,.v9-team-intro,.v9-team-panel,.v9-career-directions,
 .m10-signature,.m10-longevity-copy,.m10-vision-topics,.m10-vision-link,.m10-preparation{right:var(--layout-edge)}
 .v9-index,.m10-index{padding-inline:var(--layout-edge)}
 .v9-index{justify-content:space-between}
 .v9-index a{padding-inline:0}
}
@media(min-width:1101px){
 .v9-story-copy,.v9-story-link{right:var(--layout-edge)}
 .v9-principles-panel{right:var(--layout-edge);padding-left:clamp(32px,4vw,60px);padding-right:clamp(28px,3vw,46px)}
 .m10-profile-quote{right:var(--layout-edge);left:auto}
 .v11-hero-copy,.v11-network-hero .v11-hero-copy,.v11-investors-hero .v11-hero-copy,
 .v11-os-copy,.v11-ai-copy,.v11-waitlist-copy,.v11-passport-copy,.v11-visit-copy,
 .v11-governance-copy,.v11-ir-contact-copy,.v11-my-panel,.v11-city-signature{left:var(--layout-edge)}
 .v11-wide-heading,.v11-business-grid,.v11-business-end{left:var(--layout-edge);right:var(--layout-edge)}
 .v11-privacy-copy{right:var(--layout-edge);width:auto}
 .v11-hk-copy,.v11-waitlist-form,.v11-my-action,.v11-passport-quote,.v11-disclosure-copy,.v11-responsibility,.v11-signature{right:var(--layout-edge)}
 .v11-module-logo{left:calc(var(--layout-edge) - 17px)}
 .v11-index{padding-inline:var(--layout-edge)}
 .v11-tech-hero .v11-index{right:0;width:66%;padding-left:var(--gutter);padding-right:0;margin-left:calc(var(--layout-edge) - var(--gutter))}
 .v11-tech-hero .v11-index::before{left:var(--gutter)}
 .v11-business-grid{gap:28px}
 .v11-business-grid h3,.v11-business-grid p{margin-left:0;margin-right:0}
}
@media(min-width:701px) and (max-width:1100px){
 .v9-story{padding-right:var(--gutter);grid-template-columns:53% 42%;gap:5%}
 .v9-principles-panel{right:var(--gutter);padding-inline:28px}
 .m10-preparation{left:var(--gutter)}
}
@media(max-width:1100px){
 .v11-hero-copy,.v11-investors-hero .v11-hero-copy,.v11-network-hero .v11-hero-copy,
 .v11-os-copy,.v11-ai-copy,.v11-privacy-copy,.v11-hk-copy,.v11-passport-copy,
 .v11-governance-copy,.v11-disclosure-copy,.v11-waitlist-copy,.v11-waitlist-form,
 .v11-visit-copy,.v11-ir-contact-copy,.v11-business-grid,.v11-business-end,
 .v11-my-action,.v11-disclosure-label{margin-inline:var(--gutter)}
 .v11-wide-heading{margin-inline:var(--gutter)!important}
 .v11-my-panel,.v11-passport-quote,.v11-responsibility{width:calc(100% - var(--gutter)*2);margin-inline:var(--gutter)}
 .v11-my-panel{max-width:none}
 .v11-index,.v11-tech-hero .v11-index,.v11-signature,.v11-tech-hero .v11-signature,
 .v11-investors-hero .v11-signature,.v11-city-signature,.v11-concept{padding-inline:var(--gutter)}
 .v11-module-logo{margin-left:calc(var(--gutter) - 12px)}
 .v11-os-inset,.v11-governance-inset{margin-left:var(--gutter)}
 .v11-hk-inset,.v11-network-inset,.v11-my-inset{margin-right:var(--gutter)}
}
@media(max-width:700px){
 :root{--layout-gutter:24px}
 .v9-story,.v9-team,.v9-careers,.m10-profile,.m10-recovery,.m10-longevity,.m10-consultation{padding-inline:var(--gutter)}
 .v9-index,.m10-index,.v9-hero-signature,.m10-signature{padding-inline:var(--gutter)}
 .v9-principles-heading{left:var(--gutter);width:calc(100% - var(--gutter)*2)}
 .v9-principles-panel,.v9-principles-note,.m10-hero-copy{margin-inline:var(--gutter)}
 .v9-story-main,.m10-profile-main,.m10-longevity-main{width:calc(100% + var(--gutter));margin-left:calc(-1 * var(--gutter))}
 .v9-team-main,.m10-recovery .m10-background{width:calc(100% + var(--gutter)*2);margin-inline:calc(-1 * var(--gutter))}
 .v9-team-panel{margin-right:0}
}
@media(max-width:370px){:root{--layout-gutter:20px}}