.contact-page{display:flex;flex-direction:column}.contact-body{background:#fff;padding:var(--space-20) var(--page-margin)}.contact-layout{max-width:var(--page-width);margin:0 auto;display:grid;grid-template-columns:38fr 62fr;gap:var(--space-16);align-items:start}.contact-info__title{font-family:var(--font-primary--family);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:300;font-style:italic;color:var(--color-text);line-height:1.2;margin:0 0 var(--space-4)}.contact-info__lead{font-family:var(--font-secondary--family);font-size:var(--text-sm);color:var(--color-muted);line-height:1.75;margin:0;max-width:32ch}.contact-info__lead:after{content:"";display:block;width:48px;height:1px;background:linear-gradient(to right,var(--color-gold),transparent);margin-top:var(--space-6)}.contact-info__cards{list-style:none;padding:0;margin:var(--space-8) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.contact-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5);background:#4a1b6d0a;border:1px solid rgba(74,27,109,.09);border-left:2px solid rgba(212,175,55,.6);border-radius:var(--radius-sm);transition:background var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease)}.contact-card:hover{background:#4a1b6d12;border-color:#4a1b6d29;border-left-color:var(--color-gold)}.contact-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--color-gold);margin-top:1px}.contact-card__title{font-family:var(--font-secondary--family);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-1)}.contact-card__value{font-family:var(--font-secondary--family);font-size:var(--text-sm);color:var(--color-text);line-height:1.6;margin:0}.contact-card__link{color:var(--color-accent);text-decoration:none;transition:color var(--duration-base) var(--ease)}.contact-card__link:hover{color:var(--color-gold);text-decoration:underline;text-underline-offset:3px}.contact-form-wrap{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-10);box-shadow:0 1px 4px #0000000a,0 6px 32px #4a1b6d14}.contact-form__title{font-family:var(--font-primary--family);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:300;font-style:italic;color:var(--color-text);margin:0 0 var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.contact-form__errors{font-family:var(--font-secondary--family);font-size:var(--text-xs);color:#c0392b;background:#fff5f5;border:1px solid rgba(192,57,43,.2);border-left:2px solid #c0392b;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);line-height:1.6}.contact-form__errors ul{margin:0;padding:0 0 0 1.25em}.contact-form__row--2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5)}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.contact-form__row--2col .contact-form__field{margin-bottom:0}.contact-form__label{font-family:var(--font-secondary--family);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);display:flex;align-items:center;gap:.3em}.contact-form__required{color:var(--color-gold);font-size:.85em;line-height:1}.contact-form__input,.contact-form__textarea{font-family:var(--font-secondary--family);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem 1rem;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--duration-base) var(--ease),background var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease);-webkit-appearance:none;appearance:none}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-muted);opacity:.6}.contact-form__input:focus,.contact-form__textarea:focus{border-color:#d4af378c;background:#fff;box-shadow:0 0 0 3px #d4af371a}.contact-form__textarea{resize:vertical;min-height:144px;line-height:1.6}.contact-form__required-note{font-family:var(--font-secondary--family);font-size:.68rem;color:var(--color-muted);margin:calc(var(--space-2) * -1) 0 var(--space-6);line-height:1.5}.contact-form__submit{min-width:200px;letter-spacing:.08em}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-14) var(--space-8);gap:var(--space-5)}.contact-success__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#4a1b6d0f;color:var(--color-gold);border:1px solid rgba(212,175,55,.28);flex-shrink:0}.contact-success__title{font-family:var(--font-primary--family);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:300;font-style:italic;color:var(--color-text);margin:0}.contact-success__text{font-family:var(--font-secondary--family);font-size:var(--text-sm);color:var(--color-muted);line-height:1.7;margin:0;max-width:36ch}.contact-info__title{animation:heroEntrance .7s cubic-bezier(.25,.46,.45,.94) .1s both}.contact-info__lead{animation:heroEntrance .7s cubic-bezier(.25,.46,.45,.94) .22s both}.contact-card:nth-child(1){animation:heroEntrance .65s cubic-bezier(.25,.46,.45,.94) .34s both}.contact-card:nth-child(2){animation:heroEntrance .65s cubic-bezier(.25,.46,.45,.94) .46s both}.contact-card:nth-child(3){animation:heroEntrance .65s cubic-bezier(.25,.46,.45,.94) .58s both}.contact-form-wrap{animation:heroEntrance .75s cubic-bezier(.25,.46,.45,.94) .28s both}@media(prefers-reduced-motion:reduce){.contact-info__title,.contact-info__lead,.contact-card,.contact-form-wrap{animation:none}}@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:var(--space-10)}.contact-info__lead{max-width:none}}@media(max-width:768px){.contact-body{padding:var(--space-12) 0}.contact-form-wrap{border:none;border-top:1px solid var(--color-border);border-radius:0;box-shadow:none;padding:var(--space-8) var(--page-margin)}.contact-form__row--2col{grid-template-columns:1fr;gap:0;margin-bottom:0}.contact-form__row--2col .contact-form__field{margin-bottom:var(--space-5)}}@media(max-width:480px){.contact-form__submit{width:100%;min-width:unset}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/css/elysen-contact.css.map */