/* Shared internal heroes. Only explicitly opted-in sections are affected. */
body .page-hero.wong-inner-hero{--ih-soft:#f1faf1;--ih-green:#cef2ce;--ih-ink:#111;--ih-muted:#414a43;--ih-title:clamp(36px,4vw,58px);--ih-gap:24px;--ih-radius:8px;--ih-motion:220ms;--ih-position:center;--ih-fade:24%;padding:0;background:var(--ih-soft);color:var(--ih-ink);overflow:visible;isolation:isolate}
body .wong-inner-hero .page-hero-inner{display:grid;grid-template-columns:minmax(24px,1fr) minmax(0,504px) minmax(0,696px) minmax(24px,1fr);width:100%;max-width:none;margin:0;gap:0;align-items:stretch;min-height:0}
body .wong-inner-hero .ih-copy{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:none;align-self:center;padding:40px 24px 40px 0;position:relative;z-index:1}
body .wong-inner-hero h1{font-family:var(--sans);font-size:var(--ih-title);font-weight:800;line-height:1.08;letter-spacing:-.04em;text-wrap:balance;max-width:17ch;margin:0 0 24px;color:var(--ih-ink)}
body .wong-inner-hero p{font-family:var(--sans);font-size:16px;line-height:1.65;max-width:50ch;margin:0;color:var(--ih-muted)}
body .wong-inner-hero .eyebrow{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.14em;color:var(--ih-ink);margin:0 0 16px}
body .wong-inner-hero .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 24px;font-family:var(--sans)}
body .wong-inner-hero .breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
body .wong-inner-hero .ih-media{grid-column:3/5;grid-row:1;display:grid;min-width:0;min-height:0;margin:0;padding:0;position:relative;background:transparent;border:0;border-radius:0;overflow:clip;clip-path:none;mask-image:linear-gradient(to right,transparent,#000 var(--ih-fade));-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--ih-fade))}
body .wong-inner-hero .ih-media::before,body .wong-inner-hero .ih-media::after{content:none}
/* Photographic backdrop fills its own grid region, never the text region. */
body .wong-inner-hero .ih-media>img{display:block;position:absolute;top:0;right:0;width:100%;height:100%;max-width:none;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:var(--ih-position);border:0;border-radius:0;transform:none;filter:none}
body .wong-inner-hero.ih-portrait .ih-media>img{object-fit:contain;object-position:center bottom}
body .wong-inner-hero.ih-cutout .ih-media>img{object-fit:contain;object-position:center top}
body .wong-inner-hero .sv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px}
body .wong-inner-hero :is(.btn,.about-hero-team-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border:1px solid var(--ih-ink);border-radius:var(--ih-radius);font-family:var(--sans);font-size:16px;line-height:1.5;font-weight:700;text-align:center;white-space:normal;text-decoration:none;background:var(--ih-ink);color:#fff;max-width:100%;transition:background-color var(--ih-motion) ease-out,color var(--ih-motion) ease-out}
body .wong-inner-hero .about-hero-team-button{margin-top:24px}
body .wong-inner-hero .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ih-ink);font-family:var(--sans);font-size:16px;text-underline-offset:6px}
body .wong-inner-hero a:focus-visible{outline:3px solid var(--ih-ink);outline-offset:4px}
@media(hover:hover){body .wong-inner-hero :is(.btn,.about-hero-team-button):hover{color:var(--ih-ink);background:var(--ih-green)}body .wong-inner-hero .text-link:hover{text-decoration:underline}}
@media(max-width:1023px){
 body .wong-inner-hero .page-hero-inner{grid-template-columns:minmax(0,1fr);gap:24px}
 body .wong-inner-hero .ih-copy{grid-column:1;grid-row:1;width:100%;padding:32px 24px 0;box-sizing:border-box}
 body .wong-inner-hero h1{max-width:20ch}
 body .wong-inner-hero .ih-media{grid-column:1;grid-row:2;display:block;mask-image:linear-gradient(to right,transparent,#000 8%);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%)}
 body .wong-inner-hero .ih-media>img{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 body .wong-inner-hero.ih-portrait .ih-media>img{max-width:560px;margin-inline:auto}
}
@media(max-width:767px){body .wong-inner-hero .ih-copy{padding-inline:16px}body .wong-inner-hero h1{font-size:clamp(36px,8vw,48px)}body .wong-inner-hero .breadcrumbs{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){body .wong-inner-hero :is(.btn,.about-hero-team-button){transition:none}}