.contact-hero{background:var(--color-base);padding:calc(var(--nav-height) + 80px) 0 64px;text-align:center}.contact-hero__headline{font-family:var(--font-body);font-weight:900;font-size:clamp(32px,5vw,56px);text-transform:uppercase;letter-spacing:3px;line-height:1.1;color:var(--color-text-primary)}.contact-hero__sub{font-family:var(--font-body);font-weight:400;font-size:clamp(16px,2vw,20px);color:var(--color-text-secondary);max-width:600px;margin:16px auto 0;line-height:1.6}.contact-hero__rule{width:48px;height:3px;background:var(--color-accent-amber);border-radius:var(--radius-full);margin:32px auto 0}.contact-options{background:var(--color-surface-1);padding:80px 0;border-top:1px solid var(--color-border-subtle)}.contact-options__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contact-card{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:32px 28px;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;transition:border-color var(--duration-medium) var(--ease-default),box-shadow var(--duration-medium) var(--ease-default),transform var(--duration-medium) var(--ease-default)}.contact-card:hover{border-color:var(--color-border-medium);box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.contact-card__icon{font-size:28px;margin-bottom:12px;display:block}.contact-card__title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.contact-card__email{display:inline-block;font-size:16px;font-weight:600;color:var(--color-accent-amber);margin-bottom:12px;transition:color var(--duration-fast)}.contact-card__email:hover{color:var(--color-accent-amber-hover)}.contact-card__desc{font-size:14px;color:var(--color-text-tertiary);line-height:1.6}.contact-form-section{background:var(--color-base);padding:80px 0}.contact-form-section__header{text-align:center;margin-bottom:48px}.contact-form-section__title{font-size:clamp(24px,3vw,36px);font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-primary);margin-bottom:12px}.contact-form-section__sub{font-size:16px;color:var(--color-text-secondary)}.contact-form{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group select,.form-group textarea{background:var(--color-surface-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:14px 16px;color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;transition:border-color var(--duration-medium);outline:none;-webkit-appearance:none;appearance:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent-amber)}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23787878' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.form-group select option{background:var(--color-surface-2);color:var(--color-text-primary)}.form-group textarea{resize:vertical;min-height:140px}.contact-form .btn{align-self:flex-start}.form-note{font-size:13px;color:var(--color-text-tertiary);margin-top:4px}.form-success{display:none;background:var(--color-accent-amber-subtle);border:1px solid rgba(255,187,94,.3);border-radius:var(--radius-md);padding:20px 24px;text-align:center;font-size:16px;font-weight:600;color:var(--color-accent-amber)}.form-success.visible{display:block}.find-us{background:var(--color-surface-1);padding:80px 0 96px;border-top:1px solid var(--color-border-subtle);text-align:center}.find-us__location{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-amber);margin-bottom:16px}.find-us__title{font-size:clamp(24px,3vw,36px);font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-primary);margin-bottom:16px}.find-us__socials{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.find-us__social{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:all var(--duration-medium) var(--ease-default)}.find-us__social:hover{border-color:var(--color-accent-amber);color:var(--color-accent-amber);background:var(--color-accent-amber-subtle)}.find-us__desc{font-size:16px;color:var(--color-text-secondary);max-width:560px;margin:0 auto 24px;line-height:1.7}.find-us__conv-link{font-size:15px;color:var(--color-text-tertiary)}.find-us__conv-link a{color:var(--color-accent-amber);font-weight:600}.find-us__conv-link a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-amber);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1023px){.nav-links,.nav-cta{display:none}.mobile-toggle{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.contact-options__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){:root{--nav-height:64px;--container-padding:20px}.contact-hero{padding:calc(var(--nav-height) + 40px) 0 32px}.contact-hero__headline{font-size:32px;letter-spacing:2px}.contact-options{padding:48px 0}.contact-options__grid{grid-template-columns:1fr}.contact-form-section{padding:48px 0}.form-row{grid-template-columns:1fr}.find-us{padding:48px 0 64px}.find-us__socials{flex-wrap:wrap;justify-content:center}.footer-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/clash-contact.css.map */