/* Match the homepage banner rhythm across all routes. Grow for long content. */
:root{--tf-banner-height:650px;--tf-banner-padding:80px}
html body .tf-standard-banner,html body .tf-hero-grid{box-sizing:border-box;min-height:var(--tf-banner-height)!important;height:var(--tf-banner-height)!important;padding-top:var(--tf-banner-padding)!important;padding-bottom:var(--tf-banner-padding)!important}
html body .tf-standard-banner{display:flex;flex-direction:column;justify-content:center}
html body .tf-standard-banner>:is(.page-hero-grid,.ct-hero-in,.hero-in,.hero-inner){width:100%}
html body .tf-standard-banner.ta-hero{flex-direction:row;align-items:stretch}
html body .tf-directory{padding-top:0}
html body .tf-directory-banner{align-items:flex-start;margin-bottom:32px}
@media(max-width:800px){:root{--tf-banner-height:610px;--tf-banner-padding:64px}}
@media(max-width:600px){:root{--tf-banner-height:650px;--tf-banner-padding:56px}}
@media(min-width:1001px){html body .tf-standard-banner .page-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:48px}html body .tf-standard-banner .page-hero-stats{display:flex;flex-direction:column;gap:12px}}
@media(max-width:1000px){html body .tf-standard-banner .page-hero-grid{gap:24px}html body .tf-standard-banner .page-hero-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}html body .tf-standard-banner .hero-stat-card{flex:1;min-width:80px;padding:12px 8px}html body .tf-standard-banner .page-hero-acts{margin-top:20px}}

/* Shared image treatment: soften behind copy and reveal the photograph on the right. */
:root{--tf-banner-shade:linear-gradient(90deg,#081d31fa 0%,#081d31ed 31%,#081d31a6 57%,#081d311f 100%);--tf-banner-mask:linear-gradient(90deg,#000 0%,#000 48%,transparent 100%)}
html body .tf-hero-grid:after,
html body.ts-pages .ts-home-banner:before,
html body .ta-hero:before,
html body .ct-hero:after{content:''!important;position:absolute!important;inset:0!important;background:var(--tf-banner-shade)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:var(--tf-banner-mask);-webkit-mask-image:var(--tf-banner-mask);pointer-events:none;opacity:1!important}
/* Remove legacy coloured overlays that obscured the entire photograph. */
html body.ts-pages .ts-home-banner .hero-bg:after{display:none!important}
html body.ts-pages .ts-home-banner.hero{background-image:url('../photo-1532187863486-abf9dbad1b69')!important}
html body.ts-pages .ts-home-banner.tf-directory-banner{background-image:url('who-we-are-banner.png')!important}
html body .ta-hero{position:relative;isolation:isolate;background-image:url('who-we-are-banner.png')!important}
html body .ta-hero:before{z-index:-1}
html body .ct-hero:before{opacity:1!important;filter:none!important}
html body .ct-hero :is(.ct-hero-orb1,.ct-hero-orb2){display:none}
@media(max-width:800px){:root{--tf-banner-shade:linear-gradient(90deg,#081d31f5,#081d31d9 60%,#081d3170);--tf-banner-mask:linear-gradient(90deg,#000 60%,#000b 100%)}}

/* Reserve more of the shared height for longer inner-page headings and copy. */
html body .tf-standard-banner{padding-top:56px!important;padding-bottom:56px!important}
@media(max-width:800px){html body .tf-standard-banner{padding-top:32px!important;padding-bottom:32px!important}}
