/* Shared brand layouts: approved mint shapes, photography and statement sections.
   Body typography and buttons inherit the site's shared styles. */
.hf-site .hf-brand-hero{position:relative;isolation:isolate;padding:84px 0 100px;overflow:hidden;background:var(--wp--preset--color--white)}
.hf-site .hf-brand-hero:before{content:'';position:absolute;inset:0 0 0 65%;border-bottom-left-radius:100px;background:var(--wp--preset--color--mint-soft);z-index:-1}
.hf-site .hf-brand-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.hf-site .hf-brand-hero .hf-workplace-lead{max-width:550px;margin-top:28px}
.hf-site .hf-brand-hero .hf-eyebrow{margin-bottom:24px}
.hf-site .hf-brand-portrait{position:relative;margin:52px 0 0;aspect-ratio:.94;isolation:isolate}
.hf-site .hf-brand-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 38%;border-radius:24px;display:block}
.hf-site .hf-brand-portrait>span{display:none}
.hf-site .hf-brand-manifesto{padding:96px 0;background:var(--wp--preset--color--dark);color:var(--wp--preset--color--white);--hf-body-color:var(--wp--preset--color--body-on-dark);scroll-margin-top:110px;position:relative;isolation:isolate;overflow:hidden}
.hf-site .hf-brand-manifesto:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--wp--preset--color--green) 60%,transparent),transparent 72%);z-index:-1}
.hf-site .hf-brand-manifesto .hf-eyebrow{color:var(--wp--preset--color--mint);margin-bottom:30px}
.hf-site .hf-workplace .hf-brand-statement{font-size:clamp(44px,6.6vw,94px);line-height:1.07;max-width:1000px;letter-spacing:-.055em;color:var(--wp--preset--color--mint-soft);text-wrap:balance}
.hf-site .hf-brand-beliefs{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin:68px 0 0 24%}
.hf-site .hf-brand-beliefs h3{color:var(--wp--preset--color--white)}
.hf-site .hf-brand-values{padding:112px 0;background:var(--wp--preset--color--white)}
.hf-site .hf-brand-values-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.hf-site .hf-brand-values-intro{position:sticky;top:130px}
.hf-site .hf-brand-values h2{font-size:clamp(34px,3.5vw,50px);max-width:470px}
.hf-site .hf-brand-values-intro .hf-text-link{margin-top:32px}
.hf-site .hf-brand-values-list{display:grid;gap:38px}
.hf-site .hf-brand-value{display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start}
.hf-site .hf-brand-value-icon{width:60px;height:60px;display:grid;place-items:center;background:var(--wp--preset--color--mint-soft);color:var(--wp--preset--color--green);border-radius:18px}
.hf-site .hf-brand-value-icon svg{width:28px;height:28px;transform:none}
.hf-site .hf-brand-value h3{margin:0;max-width:440px}
.hf-site .hf-brand-value p{margin:12px 0 0}
/* Page-scoped presentation of shared cases and synced contact CTA. */
@media(max-width:1100px){.hf-site .hf-brand-hero-grid{gap:44px}.hf-site .hf-brand-values-grid{gap:56px}.hf-site .hf-brand-beliefs{margin-left:10%;gap:48px}}
@media(max-width:760px){
 .hf-site .hf-brand-hero{padding:44px 0 64px}
 .hf-site .hf-brand-hero:before{inset:55% 0 0 25%;border-bottom-left-radius:60px}
 .hf-site .hf-brand-hero-grid{grid-template-columns:1fr;gap:44px}
 .hf-site .hf-brand-portrait{margin:16px 0 0 18px;aspect-ratio:1.15;max-width:550px}
 .hf-site .hf-brand-portrait img{border-radius:20px;object-position:center 35%}
 .hf-site .hf-brand-manifesto{padding:64px 0}
 .hf-site .hf-workplace .hf-brand-statement{font-size:clamp(42px,8vw,60px)}
 .hf-site .hf-brand-beliefs{grid-template-columns:1fr;margin:40px 0 0;gap:32px}
 .hf-site .hf-brand-values{padding:64px 0}
 .hf-site .hf-brand-values-grid{grid-template-columns:1fr;gap:44px}
 .hf-site .hf-brand-values-intro{position:static}
 .hf-site .hf-brand-values-list{gap:30px}
 .hf-site .hf-brand-value{grid-template-columns:48px 1fr;gap:18px}
 .hf-site .hf-brand-value-icon{width:48px;height:48px;border-radius:14px}
 .hf-site .hf-brand-value-icon svg{width:25px;height:25px}
}

/* Space between the full-width case section and the shared contact card. */

/* Breathing room before the customer logos below the portrait. */
.hf-site .hf-brand-hero + .hf-customer-logos{padding-top:40px}
@media(max-width:760px){.hf-site .hf-brand-hero + .hf-customer-logos{padding-top:28px}}