.hero-section{position:relative;width:100%;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-image.contain{object-fit:contain}.hero-gradient-overlay{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(17,24,39,.9),transparent 60%,rgba(17,24,39,.4))}.hero-button{display:inline-block;background-color:var(--interactive-blue);color:white;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;transition:background-color .2s;text-decoration:none}.hero-button:hover{background-color:var(--interactive-hover)}.hero-split-left-image,.hero-split-right-image{display:flex;flex-direction:column;min-height:24rem}.hero-split-left-image .hero-image-container,.hero-split-right-image .hero-image-container{width:100%;height:12rem;position:relative;overflow:hidden;background-color:var(--surface-background)}.hero-split-left-image .hero-content-container,.hero-split-right-image .hero-content-container{background-image:linear-gradient(135deg,var(--surface-background) 0,var(--primary-background) 100%);width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;flex-grow:1}.hero-split-left-image .hero-content,.hero-split-right-image .hero-content{max-width:28rem;text-align:left}.hero-split-left-image .hero-title,.hero-split-right-image .hero-title{font-size:2.25rem;font-weight:800;margin-bottom:1rem;line-height:1.1;color:var(--primary-text);text-shadow:0 1px 3px rgba(0,0,0,.1)}.hero-split-left-image .hero-subtitle,.hero-split-right-image .hero-subtitle{font-size:1.125rem;color:var(--secondary-text);margin-bottom:1.5rem}@media (min-width:768px){.hero-split-left-image,.hero-split-right-image{flex-direction:row;height:500px}.hero-split-left-image .hero-image-container,.hero-split-right-image .hero-image-container{width:55%;height:100%}.hero-split-left-image .hero-content-container,.hero-split-right-image .hero-content-container{width:45%;padding:3rem}.hero-split-left-image .hero-title,.hero-split-right-image .hero-title{font-size:3rem}.hero-split-left-image .hero-subtitle,.hero-split-right-image .hero-subtitle{font-size:1.25rem}.hero-split-right-image .hero-image-container{order:2}.hero-split-left-image .hero-image-container,.hero-split-right-image .hero-content-container{order:1}.hero-split-left-image .hero-content-container{order:2}}.hero-section.hero-project .hero-content-container{background:var(--footer-background);color:var(--footer-copyright)}.hero-section.hero-project .hero-image-container{background-color:var(--footer-background)}.hero-section.hero-project .hero-title{color:var(--footer-text);text-shadow:0 1px 3px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.5)}.hero-section.hero-project .hero-subtitle{color:var(--footer-text);text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.5)}.hero-full-centered-gradient{height:24rem;display:flex;align-items:center;justify-content:center}.hero-full-centered-gradient .hero-image-container{position:absolute;inset:0;width:100%;height:100%}.hero-full-centered-gradient .hero-content-container{position:relative;z-index:10;text-align:center;color:white;width:100%;max-width:56rem;padding:1.5rem}.hero-full-centered-gradient .hero-title{font-size:2.25rem;font-weight:700;color:white;text-shadow:0 1px 3px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.5)}.hero-full-centered-gradient .hero-subtitle{max-width:42rem;margin:1rem auto 0;font-size:1.125rem;color:white;text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.5)}.hero-full-left-gradient{height:24rem;display:flex;align-items:center;justify-content:center}.hero-full-left-gradient .hero-image-container{position:absolute;inset:0;width:100%;height:100%}.hero-full-left-gradient .hero-content-container{position:relative;z-index:10;text-align:left;color:white;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:1.5rem 1rem;display:flex;justify-content:flex-start}@media (min-width:640px){.hero-full-left-gradient .hero-content-container{padding:1.5rem}}@media (min-width:1024px){.hero-full-left-gradient .hero-content-container{padding:1.5rem 2rem}}.hero-full-left-gradient .hero-content{max-width:48rem}.hero-full-left-gradient .hero-title{font-size:2.25rem;font-weight:700;color:white;text-shadow:0 1px 3px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.5)}.hero-full-left-gradient .hero-subtitle{margin:1rem 0 0;font-size:1.125rem;color:white;text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.5)}@media (min-width:768px){.hero-full-centered-gradient,.hero-full-left-gradient{height:500px}.hero-full-centered-gradient .hero-title,.hero-full-left-gradient .hero-title{font-size:3.75rem}.hero-full-centered-gradient .hero-subtitle,.hero-full-left-gradient .hero-subtitle{font-size:1.25rem}}.hero-title{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);letter-spacing:-.01em;font-weight:800}.hero-subtitle{opacity:0;transform:translateY(15px);transition:opacity .8s cubic-bezier(.23,1,.32,1) .2s,transform .8s cubic-bezier(.23,1,.32,1) .2s;line-height:1.6;letter-spacing:.01em}.hero-button{opacity:0;transform:translateY(10px);transition:opacity .8s cubic-bezier(.23,1,.32,1) .4s,transform .8s cubic-bezier(.23,1,.32,1) .4s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px rgba(0,0,0,.1)}.hero-section.active .hero-button,.hero-section.active .hero-subtitle,.hero-section.active .hero-title{opacity:1;transform:translateY(0)}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.hero-image-container:before{top:20%;left:10%;width:30%;height:30%;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);animation:hero-float 10s ease-in-out infinite}.hero-image-container:after,.hero-image-container:before{content:"";position:absolute;pointer-events:none;z-index:1}.hero-image-container:after{bottom:20%;right:10%;width:40%;height:40%;background:radial-gradient(circle,rgba(139,92,246,.05) 0,transparent 60%);animation:hero-float 15s ease-in-out infinite reverse}