.contact{position:relative;width:100vw;height:166svh;min-height:166svh;overflow:hidden;background-color:#c2dce9b8;color:var(--base-300);margin-bottom:-1px}.contact #vanta-background{height:100%!important}.contact .container{display:flex;align-items:flex-start;padding-top:22svh}.contact>.home-spotlight-top-bar,.contact>.home-spotlight-bottom-bar{display:none}.contact .container .contact-header{width:min(52rem,58vw);display:flex;flex-direction:column;gap:1.35rem;transform:translateY(4svh);z-index:2}.contact .contact-gif{position:absolute;top:34%;right:2rem;transform:translateY(-50%);z-index:0;width:31%;aspect-ratio:5/3.5;border-radius:20px;overflow:hidden;border:1px solid rgba(20,61,91,.12);box-sizing:border-box}.contact .contact-gif video{width:100%;max-width:100%;height:100%;display:block;object-fit:cover;border:0}.contact-callout a{color:inherit}.contact-callout{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;color:#fffcf0eb;text-shadow:0 3px 18px rgba(20,61,91,.34)}.contact-form{width:min(46rem,100%);margin-top:clamp(3rem,8svh,5.5rem);padding:1rem;display:flex;flex-direction:column;gap:.85rem;border:1px solid rgba(20,61,91,.14);border-radius:22px;background-color:#c2dce961;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 70px #143d5b1f}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.contact-form label{display:flex;flex-direction:column;gap:.35rem}.contact-form span{font-family:DM Mono;font-size:.72rem;font-weight:500;text-transform:uppercase;color:#143d5bb8}.contact-form em{font-style:normal;opacity:.65}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(20,61,91,.14);outline:none;border-radius:14px;padding:.85rem .95rem;font-family:Host Grotesk;font-size:1rem;font-weight:700;color:var(--base-300);background-color:#fffcf06b}.contact-form textarea{resize:vertical;min-height:7rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#143d5b7a}.contact-form button{width:max-content;border:none;outline:none;border-radius:999px;padding:.9rem 1.25rem;font-family:DM Mono;font-weight:700;text-transform:uppercase;color:var(--base-100);background-color:var(--base-300);cursor:pointer;transition:transform .2s ease,background-color .2s ease}.contact-form button:hover{transform:translateY(-2px);background-color:#143d5be0}.contact-image-label{position:absolute;right:1rem;bottom:-2rem;color:var(--base-300)}.home-spotlight-top-bar{position:absolute;top:0;left:0;width:100%}.home-spotlight-bottom-bar{position:absolute;bottom:0;left:0;width:100%}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{display:flex;justify-content:space-between}.contact-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--base-300);padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(20,61,91,.12);background-color:#c2dce96b;transition:background-color .2s ease,transform .2s ease}.contact-link:hover{background-color:#143d5b0d;transform:translateY(-1px)}.contact-copy{color:var(--base-secondary-dark)}@media (max-width: 1000px){.contact .contact-gif{right:unset;top:35svh;width:calc(100% - 4rem);left:50%;transform:translate(-50%,-50%);max-width:500px}.contact .container .contact-header{position:absolute;bottom:3rem;z-index:1;width:95%;transform:none}.contact .container{padding-top:2rem}.contact-form-grid{grid-template-columns:1fr}.contact .home-spotlight-bottom-bar a.contact-link:nth-of-type(2),.contact .home-spotlight-bottom-bar a.contact-link:nth-of-type(3){display:none}}@media (max-width: 768px){.contact{width:100%;height:auto;min-height:100svh;overflow-x:clip;overflow-y:visible;padding-top:5.5rem}.contact .container{height:auto;display:flex;flex-direction:column;gap:1.5rem;padding-top:0}.contact .container .contact-header{position:relative;bottom:auto;width:100%;gap:1rem}.contact .contact-header-title h2{font-size:clamp(4.3rem,22vw,7rem)}.contact-callout{gap:.5rem 1rem;color:var(--base-300);text-shadow:none}.contact .contact-gif{position:relative;top:auto;left:auto;right:auto;transform:none;order:-1;width:calc(100vw - 2.3rem);max-width:none;margin-inline:auto;aspect-ratio:5 / 3.4}.contact .contact-gif video{width:100%;max-width:100%;min-width:0}.contact-form{width:100%;margin-top:1rem;padding:.85rem;border-radius:18px}.contact-form input,.contact-form select,.contact-form textarea{padding:.78rem .85rem}}@media (max-width: 768px){.contact .contact-gif{animation:contactMobileFloat 5s ease-in-out infinite;box-shadow:0 16px 42px #143d5b1f}}@keyframes contactMobileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)}}
