.hero{position:relative;width:100vw;height:100svh;padding:1.5rem;align-items:center;justify-content:center;background-color:#000000;color:#e3e3db;transition:background-color .6s ease;overflow:hidden}.hero,.hero-header{display:flex;flex-direction:column}.hero-header{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:60%;text-align:center;gap:2rem;will-change:transform,opacity}.hero-header h1{font-size:6vw;padding-top:30px;font-weight:800;line-height:1.1;color:#ffff}.hero-header p{font-size:1.5rem;font-weight:400;color:#ffff;line-height:1.5}.animated-icons{position:fixed;bottom:1rem;left:1rem;right:1rem;display:flex;align-items:center;gap:1rem;will-change:transform;z-index:2}.animated-icon{flex:1;aspect-ratio:1;will-change:transform;overflow:hidden;border-radius:8px}.animated-icon img{width:100%;height:100%;object-fit:cover}.animated-text{position:relative;max-width:1000px;text-align:center;color:#000;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.3;padding:0 1rem}.text-segment{opacity:0;display:inline-block;margin:0 .25rem}.placeholder-icon{margin-top:-10px;width:60px;height:60px;display:inline-block;vertical-align:middle;will-change:transform;visibility:hidden}.duplicate-icon,.hero-duplicate-icon{position:absolute;z-index:1000;pointer-events:none;border-radius:6px;overflow:hidden}@media (max-width:480px){.hero{padding:1rem;height:80vh}.hero-header{top:30%;padding-top:6rem;width:96%;gap:1.2rem}.hero-header h1{font-size:11vw;padding-top:15px;line-height:1.1}.hero-header p{font-size:.9rem;line-height:1.4;font-weight:400}.animated-icons{top:50%;bottom:auto;left:.25rem;right:.25rem;transform:translateY(-50%);inset:65% .25rem auto;gap:.3rem}.animated-text{font-size:clamp(1.5rem,6vw,2rem);line-height:1.4;padding:0 .75rem}.placeholder-icon{width:25px;height:25px}}@media (min-width:481px) and (max-width:640px){.hero{padding:1.25rem}.hero-header{top:42%;width:85%;gap:1.25rem}.hero-header h1{font-size:10vw;padding-top:20px}.hero-header p{font-size:1rem;line-height:1.45}.animated-icons{top:50%;bottom:auto;left:.8rem;right:.8rem;transform:translateY(-50%);gap:.6rem}.animated-text{font-size:clamp(1.75rem,5.5vw,2.5rem);line-height:1.35}.placeholder-icon{margin-top:-5px;width:28px;height:28px}}@media (min-width:641px) and (max-width:768px){.hero-header{top:40%;width:80%;gap:1.5rem}.hero-header h1{font-size:9vw;padding-top:25px}.hero-header p{font-size:1.1rem}.animated-icons{top:50%;bottom:auto;left:.9rem;right:.9rem;transform:translateY(-50%);gap:.75rem}.animated-text{font-size:clamp(2rem,5vw,3rem)}.placeholder-icon{margin-top:-6px;width:30px;height:30px}}@media (min-width:769px) and (max-width:1024px){.hero-header{top:38%;width:75%;gap:1.75rem}.hero-header h1{font-size:7.5vw;padding-top:28px}.hero-header p{font-size:1.25rem}.animated-icons{gap:.85rem}.animated-text{font-size:clamp(2.5rem,4.5vw,3.5rem)}.placeholder-icon{margin-top:-8px;width:45px;height:45px}}@media (min-width:1025px) and (max-width:1280px){.hero-header{top:36%;width:70%}.hero-header h1{font-size:6.5vw}.hero-header p{font-size:1.35rem}.animated-text{font-size:clamp(2.75rem,4.5vw,3.75rem)}.placeholder-icon{width:50px;height:50px}}@media (min-width:1281px) and (max-width:1440px){.hero-header{width:100%}.hero-header h1{font-size:4.5vw;width:80%;padding-top:6rem}.hero-header h1,.hero-header p{margin:0 auto;text-align:center}.hero-header p{font-size:1.45rem;width:65%}.animated-icons{gap:.85rem;width:75vw;height:auto;margin:0 auto}.animated-text{font-size:clamp(2rem,3vw,3rem);max-width:50%}.placeholder-icon{width:60px;height:60px}}@media (min-width:1441px) and (max-width:1920px){.hero-header{width:75%}.hero-header h1{font-size:5vw}.hero-header p{font-size:1.6rem;width:65%;margin:0 auto}.animated-text{max-width:1110px;text-transform:capitalize;line-height:5rem;font-size:clamp(1.7625rem,-4.6422rem + 6.9894vw,3.725rem)}.placeholder-icon{width:65px;height:65px}}@media (min-width:1921px){.hero-header{width:60%}.hero-header h1{font-size:4vw;max-width:1400px;margin:0 auto}.hero-header p{font-size:1.75rem;max-width:1200px;margin:0 auto}.animated-text{max-width:1400px;font-size:clamp(4rem,5vw,5rem)}.placeholder-icon{width:70px;height:70px}}@media (max-height:600px) and (orientation:landscape){.hero-header{top:50%;gap:.75rem}.hero-header h1{padding-top:10px;font-size:8vh}.hero-header p{font-size:2.5vh}.animated-icons{bottom:.5rem;gap:.5rem}.animated-text{font-size:clamp(3vh,4vh,5vh)}.placeholder-icon{margin-top:-2px;width:4vh;height:4vh}}@media (hover:none) and (pointer:coarse){.hero{-webkit-tap-highlight-color:transparent;touch-action:pan-y}.animated-icon{border-radius:6px}}