.contact-page{min-height:calc(100vh - var(--nav-height));background:var(--black);padding:64px var(--gutter) 48px}.contact-page__container{max-width:var(--max-width);margin:0 auto}.contact-page__hero{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.contact-page__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:10px;grid-column:1 / -1}.contact-page__eyebrow:before{content:"";width:20px;height:1px;background:var(--accent);flex-shrink:0}.contact-page__title{font-family:var(--font-display);font-size:clamp(38px,4vw,58px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--text);margin:0;white-space:nowrap}.contact-page__subtitle{font-family:var(--font-mono);font-size:12px;line-height:1.9;color:var(--text-muted);grid-column:2;align-self:end;padding-bottom:4px}.contact-page__grid{display:grid;grid-template-columns:380px 1fr;gap:2px;align-items:start}.contact-page__info{display:flex;flex-direction:column;gap:2px}.contact-card{background:var(--dark);border:1px solid var(--border);border-left:3px solid var(--border);padding:24px 28px;transition:border-color var(--dur-fast),border-left-color var(--dur-fast)}.contact-card:hover{border-color:var(--border-bright);border-left-color:var(--accent)}.contact-card h3{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:400;margin-bottom:10px}.contact-card p{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text);line-height:1.6;margin:0}.contact-card a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-bright);transition:color var(--dur-fast),border-color var(--dur-fast)}.contact-card a:hover{color:var(--accent);border-color:var(--accent)}.contact-page__form-wrapper{background:var(--dark);border:1px solid var(--border);padding:40px 44px}.contact-success{background:#44ff8814;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:14px 20px;margin-bottom:28px;line-height:1.7}.contact-page__form-wrapper .errors,.contact-page__form-wrapper ul.errors{background:#ff443314;border:1px solid var(--red);color:var(--red);font-family:var(--font-mono);font-size:11px;padding:14px 20px;margin-bottom:24px;list-style:none}.contact-form__group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.contact-form__group label{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.contact-form__group input,.contact-form__group textarea{background:var(--panel);border:1px solid var(--border-bright);border-radius:0;-webkit-appearance:none;color:var(--text);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:13px 16px;width:100%;transition:border-color var(--dur-fast);resize:vertical;line-height:1.6;outline:none}.contact-form__group input::placeholder,.contact-form__group textarea::placeholder{color:var(--text-faint)}.contact-form__group input:focus,.contact-form__group textarea:focus{border-color:var(--accent);background:var(--off-black)}.contact-form__button{margin-top:8px;width:100%;background:var(--accent);color:var(--black);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:17px 32px;border:none;border-radius:0;cursor:pointer;transition:all var(--dur-fast) var(--ease-fast);display:flex;align-items:center;justify-content:center}.contact-form__button:hover{background:var(--text);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}.contact-form__button:active{transform:translate(0);box-shadow:none}@media(max-width:1024px){.contact-page__grid{grid-template-columns:320px 1fr}}@media(max-width:800px){.contact-page__hero{grid-template-columns:1fr}.contact-page__title,.contact-page__subtitle{grid-column:1}.contact-page__grid{grid-template-columns:1fr;gap:24px}.contact-page__info{display:grid;grid-template-columns:1fr 1fr;gap:2px}}@media(max-width:540px){.contact-page__form-wrapper{padding:28px 20px}.contact-page__info{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/contact.css.map */