.contact-hero{position:relative;width:100%;height:100%;overflow:hidden;padding:120px 0 2rem}.contact-hero .contact-section-header{margin-bottom:2rem}.contact-hero .contact-section-header h3{color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.contact-hero .contact-section-header p{color:var(--color-prose)}.contact-hero .container{display:flex;gap:2rem}.contact-hero .container .contact-col:first-child{flex:3;display:flex;flex-direction:column;gap:2rem}.contact-hero .container .contact-col:nth-child(2){flex:2;display:flex;flex-direction:column}.contact-hero .contact-info{display:flex;flex-direction:column;gap:2rem;margin-bottom:6rem}.contact-hero .contact-info .contact-info-block p{margin-bottom:.5rem;color:var(--color-prose)}.contact-hero .contact-info .contact-info-block p:first-of-type{color:var(--color-primary)}.contact-hero .contact-info .contact-info-block p a{color:var(--color-prose);font-size:inherit;font-weight:inherit}.contact-hero .contact-info .contact-info-block .contact-socials-wrapper{display:flex;gap:.25rem}.contact-hero .contact-info .contact-info-block .contact-socials-wrapper .icon{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:10rem;font-size:1.25rem;color:var(--color-primary);transition:color .2s ease,border-color .2s ease,background-color .2s ease}.contact-hero .contact-info .contact-info-block .contact-socials-wrapper .icon:hover{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.contact-hero .contact-info .contact-info-block .contact-socials-wrapper .icon a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:inherit}.contact-hero .contact-info .contact-info-block .contact-socials-wrapper .icon svg{width:1.5rem;height:1.5rem}@media (max-width:1023px){.contact-hero .container{flex-direction:column;gap:6rem}.contact-hero .container .contact-col:first-child{gap:1rem}.contact-hero .contact-hero-header h1{width:100%}}