                                                                                                    
.hero.hero-page{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;grid-template:none;justify-content:space-between;align-content:normal;align-items:stretch;min-height:calc(100svh - var(--masthead-height,96px));padding:65px clamp(20px,4vw,64px) 40px;gap:45px;color:#ecf0eb;background:#111719}
.hero-page .copy{position:relative;z-index:2;max-width:850px;align-self:auto}.hero.hero-page h1{margin:0;font-weight:400;font-size:clamp(52px,6.5vw,96px);line-height:1.04;letter-spacing:-.06em;max-width:1000px;animation:none;transform:none;opacity:1;grid-column:auto}.hero-page .copy p{font-size:15px;line-height:1.85;max-width:420px;margin:28px 0 0;color:#bfccc5}.hero-page .hero-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px;width:max-content;max-width:100%;padding:12px 0;border-bottom:1px solid #9caf9d80;font-size:12px;min-height:44px}.hero-page .hero-link span{font-size:20px}
.page-foundation .masthead{background:#eaece5;color:#24372a}.page-foundation .masthead .header:not(.is-floating){border-bottom-color:#26382b2b}.page-foundation .masthead .header:not(.is-floating) .menu-toggle{color:#24372a}.page-foundation .masthead .header.is-floating{color:#edf3ec}
.hero-page:not(.hero-motion-active) *,.hero-page:not(.hero-motion-active) *:after{animation-play-state:paused!important}.motion-paused .hero-page *,.motion-paused .hero-page *:before,.motion-paused .hero-page *:after{animation:none!important;transition:none!important}
@media(max-width:650px){.hero.hero-page{min-height:calc(100svh - var(--masthead-height,78px));padding-top:45px;padding-bottom:28px;gap:26px}.hero.hero-page h1{font-size:clamp(40px,10.8vw,65px);line-height:1.07}.hero-page .copy p{font-size:13px;max-width:330px;margin-top:24px}.hero-page .hero-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-page *,.hero-page *:before,.hero-page *:after{animation:none!important;transition:none!important}}

.hero-page .hero-bottom{max-width:none;width:100%;margin:0;align-self:stretch;grid-column:auto}

body{--masthead-height:96px}.masthead{height:var(--masthead-height)}
@media(max-width:800px){body{--masthead-height:85px}}
@media(max-width:650px){body{--masthead-height:78px}}
