.hero{position:relative;z-index:1;isolation:isolate;overflow:hidden;min-height:100svh;padding-top:4.75rem;color:var(--paper);background:var(--ink)}
.hero-content{display:flex;flex-direction:column;position:relative;z-index:1;justify-content:flex-start;width:100%;min-height:auto;padding:1.4rem var(--content-gutter) 0;transform:none}
.hero-mark{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);width:1rem;height:1rem;margin-bottom:1rem}
.hero-mark span{display:block;background:var(--paper);transition:opacity 300ms ease, transform 520ms var(--ease-out-expo)}
.hero-mark span:nth-child(1){grid-column:3;grid-row:1}
.hero-mark span:nth-child(2){grid-column:2;grid-row:2}
.hero-mark span:nth-child(3){grid-column:1;grid-row:3}
.hero-mark span:nth-child(4){grid-column:3;grid-row:3}
.final-cta__card{overflow:hidden;color:var(--paper);text-align:center;display:grid;place-items:center;background:radial-gradient(circle at 82% 18%, rgb(76 103 91 / 68%), transparent 35%), linear-gradient(145deg, #171716, #272522 68%, #111110);min-height:clamp(22rem, 48svh, 32rem);padding:clamp(2.5rem, 5vw, 5rem) var(--wide-gutter);border-radius:var(--radius)}
.final-cta__inner{max-width:48rem;margin:0 auto}
.final-cta h2{max-width:12ch;margin:0 auto;letter-spacing:-0.075em;font-weight:300;line-height:1;font-size:clamp(2.15rem, 3.4vw, 4.1rem)}
.final-cta p{max-width:30rem;margin:1.5rem auto 0;color:var(--text-on-dark);font-size:clamp(1rem, 1.25vw, 1.2rem);line-height:1.4}
.page-hero{display:grid;grid-template-columns:minmax(0, 1fr) minmax(18rem, 26rem);column-gap:clamp(3rem, 9vw, 11rem);align-content:end;padding:clamp(4rem, 7vw, 6.5rem) var(--content-gutter) 0;min-height:min(46rem, 82svh);padding-inline:clamp(1.25rem, 4.5vw, 5rem);padding-bottom:clamp(4rem, 7vw, 7rem)}
.page-hero__meta{grid-column:1 / -1}
.page-hero h1{margin:clamp(2.5rem, 6vw, 5rem) 0 0;letter-spacing:-0.075em;max-width:17ch;font-size:clamp(2.8rem, 5.2vw, 6.5rem);font-weight:300;line-height:0.94}
.page-hero p{align-self:end;max-width:24rem;margin:0 0 0.35rem;color:rgb(27 23 20 / 76%);font-size:clamp(1rem, 1.25vw, 1.35rem);font-weight:350;letter-spacing:-0.045em;line-height:1.23}
.next-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:var(--content-gutter);padding:clamp(1.75rem, 2.75vw, 2.75rem);border-radius:var(--radius);color:#fff;background:radial-gradient(circle at 18% 22%, rgb(155 197 234 / 42%), transparent 34%), radial-gradient(circle at 82% 78%, rgb(8 39 74 / 30%), transparent 38%), var(--accent-blue);background-size:135% 135%, 145% 145%, 100% 100%;animation:cta-gradient-drift 18s ease-in-out infinite alternate}
.next-section p{max-width:28rem;margin:0;font-size:clamp(1.35rem, 2vw, 2rem);font-weight:350;letter-spacing:-0.06em;line-height:1.1;color:rgb(255 255 255 / 78%)}
.hero h1{max-width:25ch;font-size:clamp(2.7rem, 4.15vw, 5.3rem);font-weight:300;letter-spacing:-0.072em;line-height:0.94}
.final-cta{padding:var(--content-gutter)}
.inner-page .page-hero{border:0;min-height:0;padding:clamp(3rem, 4vw, 4rem) var(--wide-gutter) clamp(2.5rem, 3.5vw, 3.5rem);column-gap:clamp(2.5rem, 6vw, 6rem)}
.inner-page .page-hero p{max-width:27rem;line-height:1.38;font-size:clamp(0.98rem, 1.15vw, 1.15rem)}
.inner-page .final-cta__card{padding-block:clamp(4rem, 6vw, 6rem);color:#fff;background:radial-gradient(circle at 18% 22%, rgb(155 197 234 / 42%), transparent 34%), radial-gradient(circle at 82% 78%, rgb(8 39 74 / 30%), transparent 38%), var(--accent-blue);background-size:135% 135%, 145% 145%, 100% 100%;animation:cta-gradient-drift 18s ease-in-out infinite alternate}
.inner-page .page-hero h1{max-width:17ch;letter-spacing:-0.065em;margin-top:clamp(2rem, 3vw, 3rem);font-size:clamp(2.65rem, 4vw, 4.9rem);line-height:0.98}
.inner-page{padding-top:3rem}
:is(h1, h2, h3) em{color:inherit;font-style:normal}
.inner-page .final-cta__card p{color:rgb(255 255 255 / 78%)}
@media(max-width: 700px){
.hero{min-height:100svh;padding-top:3.6rem}
.hero-content{width:100%;min-height:auto;padding:1.25rem 1rem 0;transform:none}
.page-hero{display:block;min-height:76svh;padding:5rem 1rem 4rem}
.page-hero h1{margin-top:2.5rem;font-size:clamp(2rem, 9vw, 3rem)}
.page-hero p{margin-top:2rem;font-size:1.06rem}
.next-section{align-items:flex-start;flex-direction:column;margin:var(--content-gutter);padding:1.25rem}
.inner-page{padding-top:3rem}
.hero h1{max-width:17ch;font-size:clamp(2.12rem, 9.4vw, 3.4rem);line-height:0.96}
.inner-page .page-hero{min-height:0;padding:3.25rem 1rem 2.5rem}
.inner-page .page-hero h1{line-height:0.98;margin-top:1.75rem;font-size:clamp(2.2rem, 9.5vw, 3.15rem)}
.inner-page .final-cta__card{padding-block:3.5rem}
.final-cta__card{min-height:20rem;padding:2.5rem 1rem}
}
@media(prefers-reduced-motion: reduce){
*::before{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}
*::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}
.inner-page .final-cta__card{animation:none}
.next-section{animation:none}
}
