.contact-form{background-color:var(--contact-background);display:block;font-family:var(--font-graphik-family);padding-top:var(--contact-padding-top);padding-bottom:var(--contact-padding-bottom)}.contact-form[data-full-width] .page-width{max-width:100%;padding-inline:1.5rem}@media screen and (min-width:750px){.contact-form[data-full-width] .page-width{padding-inline:2.5rem}}.contact-form__inner{display:grid;gap:48px;grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:var(--contact-max-width)}.contact-form__aside{display:flex;flex-direction:column;gap:16px}.contact-form__heading{color:var(--contact-text-color);font-family:var(--font-heading-family);font-size:var(--contact-heading-size);font-weight:var(--contact-heading-weight);letter-spacing:.02em;line-height:1.15;margin:0;text-transform:uppercase}.contact-form__intro{color:var(--contact-muted-color);font-size:var(--contact-text-size);line-height:1.65;margin:0;max-width:44ch}.contact-form__list{border-top:1px solid var(--contact-hairline-color);display:flex;flex-direction:column;margin-top:10px}.contact-form__row{border-bottom:1px solid var(--contact-hairline-color);display:flex;flex-direction:column;gap:8px;padding-block:20px}.contact-form__label{color:var(--contact-text-color);font-family:var(--font-heading-family);font-size:var(--contact-label-size);letter-spacing:.18em;line-height:1.3;margin:0;text-transform:uppercase}.contact-form__value{color:var(--contact-text-color);font-size:var(--contact-text-size);line-height:1.55;margin:0}.contact-form__note{color:var(--contact-muted-color);font-size:var(--contact-note-size);line-height:1.6;margin:0;max-width:40ch}.contact-form__link{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:color .3s var(--contact-ease)}.contact-form__link:hover{color:var(--contact-muted-color)}.contact-form__link:focus{box-shadow:none;outline:none}.contact-form__link:focus-visible{box-shadow:none;outline:1px solid var(--contact-text-color);outline-offset:3px}.contact-form__footer{border-top:1px solid var(--contact-hairline-color);padding-top:48px}.contact-form__footer .contact-form__rowhead{display:none}.contact-form__main{display:flex;flex-direction:column;gap:16px}.contact-form__form-heading{color:var(--contact-text-color);font-family:var(--font-heading-family);font-size:var(--contact-form-heading-size);font-weight:var(--contact-heading-weight);letter-spacing:.02em;line-height:1.2;margin:0;text-transform:uppercase}.contact-form__form-note{color:var(--contact-muted-color);font-size:var(--contact-note-size);line-height:1.6;margin:0;max-width:52ch}.contact-form__form{margin:8px 0 0}.contact-form__status{background-color:var(--contact-accent-color);color:var(--contact-text-color);display:block;font-size:var(--contact-note-size);line-height:1.6;margin:0 0 28px;padding:18px 20px}.contact-form__status:focus{box-shadow:none;outline:none}.contact-form__status:focus-visible{box-shadow:none;outline:1px solid var(--contact-text-color);outline-offset:3px}.contact-form__status-heading{font-family:var(--font-heading-family);font-size:var(--contact-label-size);letter-spacing:.18em;line-height:1.3;margin:0;text-transform:uppercase}.contact-form__status-list{list-style:none;margin:10px 0 0;padding:0}.contact-form__status-list a{color:inherit;text-decoration:underline;text-underline-offset:3px}.contact-form__fields{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}.contact-form__field{display:flex;flex-direction:column;gap:8px;min-width:0}.contact-form__field-label{color:var(--contact-muted-color);font-family:var(--font-heading-family);font-size:var(--contact-label-size);letter-spacing:.18em;line-height:1.3;text-transform:uppercase}.contact-form__input,.contact-form__textarea{-webkit-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--contact-hairline-color);border-radius:0;box-sizing:border-box;color:var(--contact-text-color);font-family:inherit;font-size:var(--contact-field-size);letter-spacing:.01em;line-height:1.4;margin:0;transition:border-color .3s var(--contact-ease);width:100%}.contact-form__input{height:var(--contact-field-height);padding:0 16px}.contact-form__textarea{min-height:170px;padding:14px 16px;resize:vertical}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--contact-text-color);box-shadow:none;outline:none}.contact-form__input:focus-visible,.contact-form__textarea:focus-visible{border-color:var(--contact-text-color);box-shadow:inset 0 0 0 1px var(--contact-text-color);outline:none}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--contact-muted-color);opacity:1}.contact-form__error{color:var(--contact-text-color);display:block;font-size:var(--contact-note-size);line-height:1.5}.contact-form__actions{margin-top:34px}.contact-form__button{align-items:center;background-color:var(--contact-text-color);border:1px solid var(--contact-text-color);border-radius:0;color:var(--contact-background);cursor:pointer;display:inline-flex;font-family:var(--font-heading-family);font-size:11px;justify-content:center;letter-spacing:.2em;line-height:1;min-height:50px;padding:0 38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .35s var(--contact-ease),color .35s var(--contact-ease)}.contact-form__button:hover{background-color:var(--contact-background);color:var(--contact-text-color)}.contact-form__button--ghost{background-color:transparent;color:var(--contact-text-color)}.contact-form__button--ghost:hover{background-color:var(--contact-text-color);color:var(--contact-background)}.contact-form__button:focus{box-shadow:none;outline:none}.contact-form__button:focus-visible{box-shadow:none;outline:1px solid var(--contact-text-color);outline-offset:3px}@media screen and (max-width:749px){.contact-form__button{width:100%}}@media screen and (min-width:750px){.contact-form__fields{column-gap:40px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form__field--full{grid-column:1 / -1}}@media screen and (min-width:900px){.contact-form__inner{column-gap:100px;grid-template-columns:minmax(0,360px) minmax(0,1fr)}.contact-form__inner[data-contact-right]{grid-template-columns:minmax(0,1fr) minmax(0,360px)}.contact-form__inner[data-contact-right] .contact-form__aside{order:2}.contact-form__inner[data-contact-right] .contact-form__main{order:1}.contact-form__inner[data-contact-stacked]{column-gap:0;grid-template-columns:minmax(0,1fr);row-gap:0}.contact-form__inner[data-contact-stacked] .contact-form__aside,.contact-form__inner[data-contact-stacked] .contact-form__main{border-top:1px solid var(--contact-hairline-color);column-gap:100px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);order:0;padding-block:56px}.contact-form__inner[data-contact-stacked] .contact-form__footer{display:block;padding-block:72px 16px}.contact-form__inner[data-contact-stacked] .contact-form__rowhead{align-self:start;position:sticky;top:120px}.contact-form__inner[data-contact-stacked] .contact-form__list{border-top:0;column-gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.contact-form__inner[data-contact-stacked] .contact-form__row{border-bottom:0;padding:0 40px}.contact-form__inner[data-contact-stacked] .contact-form__row+.contact-form__row{border-left:1px solid var(--contact-hairline-color)}.contact-form__inner[data-contact-stacked] .contact-form__row:first-child{padding-left:0}.contact-form__inner[data-contact-stacked] .contact-form__row:last-child{padding-right:0}.contact-form__footer{grid-column:1 / -1}}.contact-form__rowhead{display:flex;flex-direction:column;gap:14px}.contact-form__rowbody{min-width:0}@media screen and (max-width:899px){.contact-form__inner[data-contact-stacked] .contact-form__aside,.contact-form__inner[data-contact-stacked] .contact-form__main,.contact-form__inner[data-contact-stacked] .contact-form__footer{display:flex;flex-direction:column;gap:24px}.contact-form__inner[data-contact-stacked] .contact-form__main,.contact-form__inner[data-contact-stacked] .contact-form__footer{border-top:1px solid var(--contact-hairline-color);padding-top:40px}}.contact-form__footer-body{align-items:center;display:flex;flex-direction:column;gap:26px;margin:0 auto;max-width:44ch;text-align:center}.contact-form__footer-body .contact-form__note{color:var(--contact-text-color);font-family:var(--font-heading-family);font-size:17px;letter-spacing:.01em;line-height:1.5;max-width:none}@media screen and (min-width:900px){.contact-form__footer-body .contact-form__note{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-contact-form.css.map */
