.contact-hero{background:linear-gradient(135deg,#0a0a0a 0%,var(--color-gothic-black) 50%,#0f0f0f 100%);color:var(--color-bone-white);min-height:70vh;position:relative;overflow:hidden}.contact-hero__inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:70vh;padding:4rem 0}.contact-hero__content{text-align:center;max-width:800px;margin:0 auto;width:100%}.contact-hero__heading{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin:0 auto 1.5rem;color:var(--color-bone-white);text-transform:uppercase;letter-spacing:2px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards .3s;max-width:600px}.contact-hero__subtext{font-size:1.2rem;line-height:1.6;color:var(--color-bone-white);opacity:.8;margin:0 auto 3rem;transform:translateY(30px);animation:fadeInUp 1s ease forwards .6s;max-width:500px}.contact-hero__details{display:flex;flex-direction:column;gap:1.5rem;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards .9s;max-width:600px;margin:0 auto}.contact-detail{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a1a1a80;border:1px solid rgba(245,245,220,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.contact-detail:hover{border-color:#f5f5dc4d;box-shadow:0 5px 15px #0000004d}.contact-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-charcoal),var(--color-gothic-black));border-radius:50%;border:1px solid rgba(245,245,220,.2)}.contact-text{display:flex;flex-direction:column}.contact-label{font-size:.9rem;color:var(--color-silver);margin-bottom:.2rem}.contact-email{color:var(--color-bone-white);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-email:hover{color:var(--color-crimson)}.contact-response{color:var(--color-bone-white);font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 990px){.contact-hero__content{max-width:700px}}@media screen and (max-width: 749px){.contact-hero{min-height:60vh}.contact-hero__inner{min-height:60vh;padding:2rem 0}.contact-hero__content{max-width:100%;padding:0 1rem}.contact-hero__heading,.contact-hero__subtext,.contact-hero__details{max-width:100%}.contact-detail{flex-direction:column;text-align:center;gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-contact-hero.css.map */