.contact-page{background-color:var(--base-400);color:var(--base-100)}.contact-hero{align-items:flex-end;min-height:100svh;padding:.75rem;display:flex;position:relative}.contact-hero .container{flex-direction:column;justify-content:flex-end;height:100%;min-height:100svh;padding-top:7rem;padding-bottom:2rem;display:flex}.contact-hero__inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid}.contact-hero__main{flex-direction:column;gap:2.5rem;display:flex}.contact-hero__label{color:var(--base-300);margin:0;transform:none}.contact-hero__title{color:var(--base-100);margin:.25rem 0 0}.contact-hero__cta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.contact-hero__wa{min-height:3rem;color:var(--base-500);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#faf2e1b8;border:1px solid #ffffff59;border-radius:.4rem;align-items:center;gap:.5rem;padding:0 1.25rem;text-decoration:none;transition:background .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff8c,0 4px 24px #00000026}.contact-hero__wa:hover{background:var(--base-300);color:#fff}.contact-hero__footer{color:var(--base-200);margin:0}.contact-hero__info{align-items:center;display:flex}.contact-info__grid{grid-template-columns:1fr 1fr;gap:2.5rem 3rem;width:100%;display:grid}.contact-info__block{flex-direction:column;gap:.5rem;display:flex}.contact-info__label{color:var(--base-300);margin:0 0 .5rem}.contact-info__sublabel{color:var(--base-200);margin:.75rem 0 .25rem;display:block}.contact-info__value{color:var(--base-100);margin:0}.contact-info__link{color:var(--base-100);text-decoration:none;transition:color .2s;display:block}.contact-info__link:hover{color:var(--base-300)}.contact-form{background:var(--base-400);padding:8rem .75rem}.contact-form__title{color:var(--base-100);margin:0 0 3rem}.contact-form__inner{max-width:900px;margin:0 auto}@media (min-width:1001px){.contact-hero__title{font-size:clamp(4rem,8vw,10rem)}}@media (max-width:1000px){.contact-hero .container{padding-top:6rem}.contact-hero__inner{grid-template-columns:1fr;gap:2.5rem}.contact-hero__main{gap:1.5rem}.contact-hero__cta{gap:.75rem}.contact-info__grid{grid-template-columns:1fr;gap:1.75rem}.contact-form{padding:5rem .75rem}}@media (max-width:600px){.contact-form{padding:4rem 1.25rem}}