.creative-contact-section{position:relative}.contact-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media(min-width:990px){.contact-grid{grid-template-columns:1fr 1.2fr;gap:6rem}}.contact-info{position:relative}.contact-heading{font-size:clamp(2rem,4vw,var(--heading-size, 48px));font-weight:var(--heading-weight, 700);line-height:1.2;margin:0 0 1.5rem;color:var(--color-foreground)}.text-underline-animated{display:inline;position:relative;z-index:1;padding-bottom:6px}.text-underline-animated:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background-color:var(--color-link);-webkit-mask:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2,10 C15,8 35,5 50,7 C65,9 85,12 98,6' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2,10 C15,8 35,5 50,7 C65,9 85,12 98,6' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}.text-highlight-animated{position:relative;display:inline-block;color:var(--color-highlight, var(--color-link));font-weight:700;z-index:1;padding:0 4px;margin:0 2px}.text-highlight-animated:before{content:"";position:absolute;top:10%;bottom:15%;left:0;width:100%;background-color:var(--color-link);opacity:.2;z-index:-1;border-radius:4px;transform:skew(-12deg) scaleX(1)}.contact-subheading{font-size:var(--subheading-size, 18px);font-weight:var(--subheading-weight, 400);line-height:1.6;margin:0 0 3rem;opacity:.8;max-width:500px}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:8px;align-items:flex-start}.contact-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:12px;color:var(--color-link);transition:background-color .2s ease}.contact-text{display:flex;flex-direction:column;gap:1px;align-items:flex-start}.contact-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.contact-value{display:inline;font-size:14px;font-weight:500;color:var(--color-foreground);text-decoration:none;transition:color .3s ease;margin:0}.contact-value:hover{color:var(--color-link)}.contact-form-wrapper{position:relative;background:var(--color-background);padding:0;border-radius:12px}@media(max-width:749px){.contact-form-wrapper{padding:2rem 1.5rem}}.form-message{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:2rem;border-radius:var(--input-border-radius, 4px);font-size:.95rem;font-weight:500}.form-message-success{background:#10b9811a;border:1px solid rgb(16,185,129);color:#059669}.form-message-success svg{stroke:#10b981;flex-shrink:0}.form-message-error{background:#ef44441a;border:1px solid rgb(239,68,68);color:#dc2626}.form-message-error svg{stroke:#ef4444;flex-shrink:0}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:750px){.form-row{grid-template-columns:1fr 1fr}}.form-field{margin-bottom:1.5rem}.form-row .form-field{margin-bottom:0}.form-input,.form-textarea{width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-link);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-link) 15%,transparent)}.form-submit{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--heading-weight);font-family:var(--btn-font);color:var(--btn-primary-color);background-color:var(--btn-primary-bg-color);border:2px solid var(--color-heading);border-radius:var(--btn-radius);box-shadow:4px 4px 0 0 var(--color-heading);cursor:pointer;transition:all .2s ease;line-height:normal;letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-text-transform)}.form-submit:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--color-heading)}.form-submit:active{transform:translate(4px,4px);box-shadow:none}@media(max-width:749px){.contact-details{margin-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-creative-contact-form.css.map */