.about-hero-section{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about-hero-image{width:100%;height:100%;object-fit:cover}.about-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0891b2}.about-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hero-bg-color, #0a2540);opacity:var(--hero-overlay-opacity, .4)}.about-hero-content{position:relative;z-index:2;width:100%;padding:4rem 2rem}.about-hero-container{max-width:1400px;margin:0 auto;text-align:center;animation:fadeInUp 1s ease-out}.about-breadcrumb{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:.9375rem;animation:fadeIn 1s ease-out .2s both}.breadcrumb-link{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:#ffffff80}.breadcrumb-current{color:#fff;font-weight:500}.about-hero-heading{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;color:var(--hero-text-color, #ffffff);margin:0 0 1.5rem;animation:fadeInUp 1s ease-out .3s both}.about-hero-subheading{font-family:DM Sans,sans-serif;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#ffffffe6;margin:0 auto;max-width:600px;animation:fadeInUp 1s ease-out .4s both}.scroll-down-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem;animation:fadeIn 1s ease-out 1s both}.scroll-arrow{width:40px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:bounce 2s ease-in-out infinite}.scroll-down-indicator span{font-family:DM Sans,sans-serif;font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media(max-width:768px){.about-hero-section{min-height:50vh}.about-hero-content{padding:3rem 1.5rem}.about-hero-heading{font-size:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-about-hero.css.map */