body.template-page .main-page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--text)!important;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}body.template-page .rte p,body.template-page .rte li{color:rgba(var(--rgb-text),.75)!important}body.template-page .contact{max-width:60rem;margin-inline:auto}body.template-page .contact>h2:first-child{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text)!important;letter-spacing:-.025em;margin-bottom:var(--space-6)}body.template-page .field__input,body.template-page .text-area.field__input{background-color:var(--bg-700)!important;border-color:var(--border-mid)!important;color:var(--text)!important;border-radius:var(--radius-md)!important;font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}body.template-page .field__input::placeholder,body.template-page .text-area.field__input::placeholder{color:var(--text-subtle)}body.template-page .field__input:focus,body.template-page .text-area.field__input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-dim);outline:none}body.template-page .field__label,body.template-page .form__label{color:var(--text-muted)!important;font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.04em}body.template-page .button[type=submit],body.template-page .contact__button .button{background-color:var(--text)!important;color:var(--bg-900)!important;border-color:var(--text)!important;border-radius:var(--radius-md)!important;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);letter-spacing:.02em;padding:1.3rem 3.2rem!important;transition:background-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}body.template-page .button[type=submit]:hover,body.template-page .contact__button .button:hover{background-color:var(--accent-hover, #000000)!important;border-color:var(--accent-hover, #000000)!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-1px)}body.template-page .form-status,body.template-page .form__message{color:var(--text)!important}@media(hover:none){body.template-page .button[type=submit]:hover{transform:none}}@media screen and (max-width:749px){body.template-page .contact__button .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/pelux-contact.css.map */