:root{color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--color-black);font-family:var(--font-body)}
body{overflow-x:hidden}
.contact-page{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(18rem,5fr) minmax(38rem,7fr);align-items:start;gap:clamp(2rem,5vw,6rem);min-height:100svh;padding:clamp(8rem,12vh,10rem) var(--page-gutter) var(--section-block-spacing);overflow:hidden;background:linear-gradient(180deg,transparent 0 66%,rgb(255 255 255/.82) 84%,#fff 100%),radial-gradient(circle at 90% 66%,rgb(11 153 255/.34) 0,transparent 42%),linear-gradient(135deg,#f9fffc 0%,#dfffee 38%,#dcefff 68%,#f8fcff 100%)}
.contact-page:before,.contact-page:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(clamp(3rem,8vw,8rem));pointer-events:none}
.contact-page:before{width:clamp(20rem,42vw,48rem);aspect-ratio:1;left:-16%;top:-14%;background:rgb(79 243 173/.42)}
.contact-page:after{display:none}
.contact-page__intro{position:sticky;top:clamp(7rem,12vh,10rem);align-self:start;display:flex;min-height:clamp(28rem,64vh,40rem);align-items:flex-start;justify-content:center;padding:clamp(1rem,2vw,2rem) 0;background:transparent}
.contact-page__copy{max-width:36rem}
.contact-page__eyebrow,.contact-page__form-heading p{margin:0 0 1rem;font-size:.75rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.15em}
.contact-page h1{max-width:13ch;margin:0;font:400 var(--section-title-size)/var(--section-title-leading) var(--font-title);letter-spacing:var(--section-title-tracking);text-wrap:balance}
.contact-page__copy>p:last-child{max-width:34rem;margin:var(--section-title-gap) 0 0;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:-.02em}
.contact-page__form-card{position:relative;align-self:start;padding:clamp(1.5rem,3.5vw,3.75rem);border:1px solid rgb(var(--color-black-rgb)/.13);border-radius:clamp(1.5rem,3vw,2.5rem);background:rgb(255 255 255/.94);box-shadow:0 2rem 6rem rgb(var(--color-black-rgb)/.08);backdrop-filter:blur(18px)}
.contact-page__form-heading{margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.contact-page__form-heading p{color:#0b99ff}
.contact-page__form-heading h2{max-width:13ch;margin:0;font:400 var(--section-title-size)/var(--section-title-leading) var(--font-title);letter-spacing:var(--section-title-tracking)}
.contact-page .proposal-contact{margin:0}
.contact-page .proposal-form__footer{align-items:center}
.contact-page__form-card .proposal-form__status{min-height:1.2em}
.contact-page__form-card .proposal-form__status.is-error{color:#d92d20}
@media(max-width:1050px){.contact-page{grid-template-columns:1fr;padding-top:7rem}.contact-page__intro{position:relative;top:auto;min-height:0;padding:var(--section-block-spacing) 0 clamp(1rem,3vw,2rem)}}
@media(max-width:640px){.contact-page{gap:clamp(1.5rem,7vw,2.5rem);padding-inline:var(--page-gutter)}.contact-page__intro{padding-top:clamp(2.5rem,10vw,4rem)}.contact-page__form-card{padding:1.25rem;border-radius:1.5rem}.contact-page .proposal-form__grid,.contact-page .proposal-contact__fields{grid-template-columns:1fr}.contact-page__form-heading h2{font-size:var(--section-title-size)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}