.contact-page{background:radial-gradient(ellipse at 15% 40%,#24475766,transparent 55%),#071321}
.contact-main{max-width:1220px;margin:auto;padding:175px 55px 85px;display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.contact-intro>p:first-child{color:#b7dfed;font-size:11px;letter-spacing:.18em}.contact-intro h1{font:500 clamp(38px,4.4vw,64px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:#f0e8dc;margin:24px 0}.contact-intro>p{font-size:16px;line-height:1.8;color:#bacbd4}
.contact-people{display:flex;align-items:center;margin-top:38px;gap:10px}.contact-people img{width:62px;height:75px;object-fit:cover;object-position:50% 22%;border-radius:12px;background:#294452}.contact-people div{margin-left:10px}.contact-people p{font-size:12px;color:#bacbd4;line-height:1.6}.contact-people strong{color:#f0e8dc}
.contact-panel{padding:34px;border:1px solid #8cb4c533;border-radius:20px;background:#152938bb}.contact-panel h2{font:500 28px 'Space Grotesk',sans-serif;color:#f0e8dc;margin:0 0 25px}
#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:flex;flex-direction:column;gap:9px}.contact-field label{font-size:13px;color:#dae4e9}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;box-sizing:border-box;background:#081725;color:#f4eee3;border:1px solid #819aa766;border-radius:7px;padding:12px;font:16px 'DM Sans',sans-serif;min-height:46px}.contact-field textarea{resize:vertical}.contact-field :is(input,select,textarea):focus-visible{outline:2px solid #a8dceb;outline-offset:3px}.full{grid-column:1/-1}#contact-form .button{justify-content:center;border:0;cursor:pointer;min-height:48px}.contact-note{font-size:12px;line-height:1.6;color:#aebfc9;margin:0}#contact-status{color:#c3e5d1;font-size:14px;line-height:1.6;margin:0}.contact-footer{padding:25px 6%;display:flex;justify-content:space-between;gap:20px;color:#aebfc9;font-size:12px}.contact-footer a{color:#f0e8dc}
@media(max-width:850px){.contact-main{padding:145px 7% 55px;gap:35px;grid-template-columns:1fr}.contact-intro{max-width:550px}.contact-panel{max-width:600px;width:100%;box-sizing:border-box}.contact-people{margin-top:22px}}
@media(max-width:450px){.contact-panel{padding:24px 20px}#contact-form{grid-template-columns:1fr}.contact-intro h1{font-size:40px}.contact-footer{flex-direction:column}.contact-page{padding-bottom:0}}
/* Give the founders a more prominent presence alongside the contact form. */
.contact-people{gap:14px;flex-wrap:wrap}.contact-people img{width:112px;height:140px;border-radius:14px;flex-shrink:0}.contact-people div{flex:1;min-width:150px;margin-left:4px}
@media(max-width:450px){.contact-people img{width:108px;height:135px}.contact-people div{flex-basis:100%;margin:4px 0 0}.contact-people p{margin:6px 0 0}}
/* Large transparent founder portraits form the backdrop to the introduction. */
.contact-intro{position:relative;isolation:isolate;min-height:570px;display:flex;flex-direction:column;justify-content:center}
.contact-intro:before{content:'';position:absolute;inset:-35px -60px;z-index:-1;background:linear-gradient(180deg,#07132100 15%,#07132133 45%,#071321b8 100%);pointer-events:none}
.contact-intro>p,.contact-intro>h1{position:relative;z-index:1;text-shadow:0 2px 24px #071321,0 1px 4px #071321}
.contact-people{display:block;margin-top:24px}
.contact-people img{position:absolute;top:-15px;height:660px;width:355px;max-width:none;object-fit:contain;object-position:center top;background:transparent;border:0;border-radius:0;opacity:.3;z-index:-2;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent 98%)}
.contact-people img:first-child{left:-75px;transform:rotate(-3deg)}
.contact-people img:nth-child(2){right:-65px;transform:rotate(3deg)}
.contact-people div{position:relative;z-index:1;margin-left:0;text-shadow:0 2px 12px #071321}.contact-people strong{font-size:18px}.contact-people p{font-size:13px}
.contact-panel{position:relative;z-index:2}
@media(max-width:850px){.contact-intro{min-height:510px;max-width:600px}.contact-people img{height:600px;width:330px;top:-25px}.contact-people img:first-child{left:-35px}.contact-people img:nth-child(2){right:-30px}.contact-main{overflow:hidden;padding-top:145px}}
@media(max-width:450px){.contact-intro{min-height:460px}.contact-people img{width:255px;height:510px;opacity:.27;top:0}.contact-people img:first-child{left:-70px}.contact-people img:nth-child(2){right:-65px}.contact-intro:before{inset:0 -30px}.contact-people div{margin:0}.contact-main{gap:20px}}