/* Homepage15: a stable headline frame for the CFO priorities. */
.hero .hero-content{width:62%;max-width:740px;padding-top:18px}
.hero h1{font-size:clamp(46px,4.8vw,68px);line-height:1.06;margin-bottom:22px;text-wrap:initial}
.hero h1 .trias{font-size:.66em;font-weight:400;letter-spacing:-.025em;margin-bottom:18px}
.hero h1 .hero-focus-stack{display:grid;color:var(--navy);font-weight:700;letter-spacing:-.035em}
.hero h1 .hero-focus{grid-area:1 / 1;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .36s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility .5s;overflow-wrap:normal}
.hero h1 .hero-focus.is-active{visibility:visible;opacity:1;transform:translateY(0)}
.hero h1 .hero-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero .hero-lead{max-width:510px;font-size:18px;line-height:1.65;margin:0 0 14px;color:var(--navy)}







.homepage .hero::before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,.65) 52%,rgba(255,255,255,0) 80%)}
@media(min-width:801px){.homepage .hero .container{padding-bottom:85px}.hero .hero-lead{max-width:min(510px,calc(100vw - 475px))}}
@media(min-width:801px) and (max-width:1100px){.hero h1{font-size:52px}.hero .hero-content{width:64%}.hero .hero-lead{font-size:17px;max-width:390px}.homepage .hero .container{min-height:660px}}
@media(max-width:800px){.hero .hero-content{width:100%;max-width:650px;padding:0 0 28px}.hero h1{font-size:clamp(39px,7.3vw,60px)}.hero .hero-lead{max-width:540px;font-size:17px}.homepage .hero::before{background:linear-gradient(90deg,#fffffff5,#ffffffdf 68%,#ffffff99)}.hero .hero-content .hero-detail{padding-bottom:0}}
@media(max-width:520px){.hero h1{font-size:clamp(34px,9.5vw,49px)}.hero h1 .trias{font-size:29px;margin-bottom:16px}.hero .hero-lead{font-size:16px}.hero .hero-content .hero-detail{font-size:14px}.homepage .hero .container{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.hero h1 .hero-focus{transform:none;transition:none}}

/* Homepage19: prominent brand statement within the hero content. */
.homepage .hero .hero-motto{margin-top:28px;max-width:100%;font-family:var(--serif);font-size:clamp(22px,2.25vw,32px);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--navy);text-wrap:balance}
