.contact-page{overflow:clip}.contact-page section{scroll-margin-top:7rem}.contact-hero{color:var(--white);background:#06283d;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);min-height:calc(100svh - 5.8rem);display:grid;overflow:hidden}.contact-hero>div:first-child{z-index:2;align-self:center;max-width:47rem;padding:clamp(5rem,9vw,9rem) 5vw 6rem 7vw;position:relative}.contact-hero h1,.contact-main h2,.contact-alternate h2{letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(3rem,5.5vw,6rem);line-height:.94}.contact-hero>div:first-child>p:last-of-type{color:#c4d7de;max-width:34rem;margin:2rem 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.contact-scroll{color:#9be7fb;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #74d8f48c;align-items:center;gap:.7rem;min-height:2.75rem;font-size:.78rem;font-weight:800;display:inline-flex}.contact-hero-field{position:relative}.contact-hero-field:before{content:"";background-image:linear-gradient(#74d8f41f 1px,#0000 1px),linear-gradient(90deg,#74d8f41f 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000,#000);mask-image:linear-gradient(135deg,#0000,#000)}.contact-hero-field i{border:1px solid #74d8f470;border-left-color:#0000;border-radius:50%;width:22rem;height:22rem;animation:20s ease-in-out infinite alternate contactField;position:absolute;top:18%;right:-7rem}.contact-hero-field i:nth-child(2){width:35rem;height:35rem;animation-delay:-7s;top:5%;right:-12rem}.contact-hero-field i:nth-child(3){width:48rem;height:48rem;animation-delay:-14s;top:-6%;right:-17rem}.contact-hero-field span{color:#97ddec;letter-spacing:.13em;font-size:.72rem;font-weight:800;position:absolute;bottom:2rem;right:2rem}.contact-hero-field:after{content:"";background:linear-gradient(90deg,#0000,#80e2f8c7,#0000);width:72%;height:1px;animation:17s linear infinite contactSignal;position:absolute;top:34%;left:-12%;transform:rotate(-17deg)translate(-115%);box-shadow:0 3.8rem #80e2f852,0 7.6rem #80e2f829}.contact-hero-field i{box-shadow:inset 0 0 0 1px #74d8f40a,0 0 4rem #23a8cc0d}.contact-hero-field i:first-child:after{content:"";background:#8fe4f6;border-radius:50%;width:.34rem;height:.34rem;position:absolute;top:27%;left:27%;box-shadow:0 0 0 .4rem #6ad8f01c,0 0 1rem #6ad8f07a}@keyframes contactSignal{0%,38%{opacity:0;transform:rotate(-17deg)translate(-115%)}48%{opacity:1}72%,to{opacity:0;transform:rotate(-17deg)translate(190%)}}.contact-main{grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);gap:clamp(3rem,9vw,10rem);max-width:90rem;margin:0 auto;padding:clamp(6rem,10vw,10rem) 5vw;display:grid}.contact-intro h2{max-width:13ch}.contact-intro>p:last-of-type{color:var(--muted);max-width:35rem;font-size:1.05rem;line-height:1.75}.contact-note{border-top:1px solid var(--line);align-items:flex-start;gap:.8rem;margin-top:2rem;padding-top:1.2rem;display:flex}.contact-note svg{color:var(--blue);flex:none;height:1.1rem;margin-top:.2rem}.contact-note span{color:#46616d;font-size:.9rem;line-height:1.55}.contact-form{background:#edf4f5;border:1px solid #d4e3e7;padding:clamp(1.5rem,4vw,3rem)}.contact-fields{grid-template-columns:1fr 1fr;gap:1.3rem;display:grid}.contact-fields label{color:#365561;letter-spacing:.06em;text-transform:uppercase;gap:.5rem;font-size:.78rem;font-weight:800;display:grid}.contact-fields input,.contact-fields select,.contact-fields textarea{-webkit-appearance:none;appearance:none;background:var(--white);color:var(--navy);font:inherit;letter-spacing:0;text-transform:none;border:1px solid #bfd4da;border-radius:0;min-height:3.25rem;padding:.8rem;font-size:1rem;font-weight:500}.contact-fields textarea{resize:vertical}.contact-field-wide{grid-column:1/-1}.contact-form .button{margin-top:1.6rem}.contact-form-status{color:#46616d;min-height:1.5rem;margin:1rem 0 0;font-size:.9rem;line-height:1.55}.contact-alternate{color:var(--white);background:#031d2d;grid-template-columns:minmax(0,1.15fr) minmax(12rem,.42fr) minmax(12rem,.42fr);align-items:stretch;gap:1px;padding:clamp(5rem,8vw,8rem) max(5vw,50vw - 45rem);display:grid}.contact-alternate h2{max-width:12ch;font-size:clamp(2.6rem,4.5vw,4.8rem)}.contact-alternate>div>p:last-child{color:#b9d0da;max-width:31rem;line-height:1.65}.contact-alternate a{background:#ffffff09;flex-direction:column;justify-content:flex-end;min-height:17rem;padding:1.5rem;transition:background .3s,transform .3s;display:flex}.contact-alternate a:hover{background:#74d8f421;transform:translateY(-.35rem)}.contact-alternate a svg{color:#74d8f4;width:1.5rem;height:1.5rem;margin-bottom:auto}.contact-alternate a span{font-size:1.25rem;font-weight:800}.contact-alternate a small{color:#a9c8d3;margin-top:.5rem}.contact-page [data-motion]{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.contact-page [data-motion]:not(.is-in-view){opacity:.5;transform:translateY(2rem)}@keyframes contactField{0%{opacity:.2;transform:translate(-1%,1%)scale(.95)}to{opacity:.8;transform:translate(3%,-2%)scale(1.05)}}@media (max-width:900px){.contact-hero,.contact-main,.contact-alternate{grid-template-columns:1fr}.contact-hero-field{min-height:22rem}.contact-alternate a{min-height:12rem}.contact-main{padding-left:6vw;padding-right:6vw}}@media (max-width:640px){.contact-hero>div:first-child{padding:4.5rem 1.25rem 3.5rem}.contact-hero h1{font-size:clamp(2.85rem,14vw,4.25rem)}.contact-hero-field{min-height:18rem}.contact-main{padding:5rem 1.25rem}.contact-fields{grid-template-columns:1fr}.contact-field-wide{grid-column:auto}.contact-alternate{padding:5rem 1.25rem}}.contact-hero-field{min-height:0;overflow:hidden}.contact-hero-field>img{filter:saturate(.78)contrast(1.04);object-fit:cover;object-position:62% center}.contact-hero-field:before{background:linear-gradient(90deg,var(--navy) 0,#06263bc2 16%,transparent 48%),linear-gradient(0deg,#06263b3d,transparent 40%);z-index:1;-webkit-mask-image:none;mask-image:none}.contact-hero-field:after,.contact-hero-field i{display:none}.contact-hero-field span{z-index:2}@media (max-width:900px){.contact-hero-field{min-height:25rem}.contact-hero-field>img{object-position:64% center}}@media (max-width:640px){.contact-hero-field{min-height:18rem}.contact-hero-field>img{object-position:66% center}.contact-hero-field:before{background:linear-gradient(90deg,#06263b33,transparent 60%),linear-gradient(0deg,var(--navy),transparent 40%)}}
