.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-primary-dark)}.hero-page{min-height:420px;height:45vh;max-height:520px;padding-top:var(--header-height);align-items:flex-end;background:var(--color-primary-dark)}.hero-page .hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(165deg,#1a3a2f 0,#234d3e 40%,#2d5f4d 100%)}.hero-page .hero-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:1}.hero-page .hero-bg::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0,var(--color-primary-light) 20%,var(--color-accent) 50%,var(--color-primary-light) 80%,transparent 100%);opacity:.6}.hero-page-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(255,255,255,.03) 0,transparent 100%);pointer-events:none}.hero-mini{min-height:200px;height:25vh;max-height:280px}.hero-mini .hero-content{padding-bottom:30px}.hero-mini .hero-title{font-size:2rem;margin-bottom:0}.hero-mini .hero-breadcrumb{margin-bottom:12px}.hero-content{position:relative;z-index:2;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-xl) var(--spacing-3xl)}.hero-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;font-weight:var(--font-weight-medium);color:rgba(255,255,255,.5);margin-bottom:var(--spacing-lg);letter-spacing:.02em}.hero-breadcrumb a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}.hero-breadcrumb a:hover{color:rgba(255,255,255,.85)}.hero-breadcrumb-divider{width:14px;height:14px;opacity:.4}.hero-breadcrumb-current{color:rgba(255,255,255,.85)}.hero-title{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:700;color:#fff;line-height:1.15;margin:0;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.15)}.hero-title::after{content:'';display:block;width:48px;height:3px;background:var(--color-accent);margin-top:var(--spacing-lg);border-radius:2px}.hero-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:rgba(255,255,255,.7);line-height:1.7;max-width:540px;margin-top:var(--spacing-md)}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:11px;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-sm)}.hero-badge-icon{width:16px;height:16px;opacity:.8}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.hero-scroll{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:rgba(255,255,255,.4);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:color .3s}.hero-scroll:hover{color:rgba(255,255,255,.7)}.hero-scroll-icon{width:22px;height:36px;border:1.5px solid currentColor;border-radius:11px;position:relative}.hero-scroll-icon::before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:2px;height:6px;background:currentColor;border-radius:1px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,100%{transform:translateX(-50%) translateY(0);opacity:1}50%{transform:translateX(-50%) translateY(8px);opacity:.3}}.hero-page::before{content:'';position:absolute;top:50%;right:5%;transform:translateY(-50%);width:1px;height:80px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15),transparent);z-index:1}.hero-page::after{content:'';position:absolute;bottom:25%;right:8%;width:8px;height:8px;border:1.5px solid rgba(255,255,255,.2);border-radius:50%;z-index:1}@media (max-width:991px){.hero-page{min-height:360px;height:40vh}.hero-title{font-size:clamp(2rem,5vw,2.75rem)}.hero-subtitle{font-size:var(--font-size-base)}.hero-page::after,.hero-page::before{display:none}}@media (max-width:767px){.hero-page{min-height:320px;height:35vh;max-height:400px;padding-top:var(--header-height-mobile)}.hero-content{padding:0 var(--content-padding-mobile) var(--spacing-2xl)}.hero-breadcrumb{font-size:12px;margin-bottom:var(--spacing-md)}.hero-title{font-size:clamp(1.75rem,6vw,2.25rem)}.hero-title::after{width:36px;height:2px;margin-top:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-scroll{display:none}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hero-page .hero-breadcrumb{animation:.6s .1s both fadeIn}.hero-page .hero-title{animation:.6s .2s both fadeInUp}.hero-page .hero-subtitle{animation:.6s .35s both fadeInUp}