.superhero{--container-color:var(--c-1);--color:var(--c-6);padding-inline:2rem;margin-bottom:4rem}.superhero__inner{background-color:var(--c-1);border-radius:1.25rem;overflow:hidden;position:relative;z-index:0}.superhero__background{height:100%;object-fit:cover;position:absolute;width:100%;z-index:5}.superhero__inner::before{background-color:var(--c-1);content:'';display:block;height:100%;opacity:.95;position:absolute;width:100%;z-index:10}.superhero__title-wrapper{box-sizing:border-box;color:var(--c-6);display:flex;flex-direction:column;padding:4rem 2rem 4rem;max-width:var(--col-width);position:relative;z-index:20}.superhero__hero{--jump:-20%;filter:drop-shadow(5rem 2rem 1rem rgba(0,0,0,0.3));height:auto;max-width:300px;position:absolute;left:40%;top:-5%;transition:all .5s;will-change:filter;z-index:5}.headroom-up .superhero__hero{filter:drop-shadow(6rem 4rem 1.25rem rgba(0,0,0,0.25));top:var(--jump)}.superhero__title{font-size:2.5rem;max-width:8em;z-index:30}.superhero__line{border:.125rem solid var(--c-6);border-radius:1rem;display:none;margin-block:4rem 2rem;width:100%}.superhero__tagline{align-items:center;display:none;font-size:3rem;font-family:var(--h-font);font-weight:600;gap:.2em;margin-block:-1rem;overflow:hidden;z-index:10}.superhero__tagline_intro{padding-bottom:1rem;text-wrap:nowrap}.superhero__tagline_items{max-height:4rem;pointer-events:none;mask-image:linear-gradient(0, transparent, black 20%, black 80%, transparent)}.superhero__tagline-track{animation-name:stepRoll;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-duration:var(--duration, 5s);display:flex;flex-direction:column;width:fit-content}.superhero__tagline_item{filter:drop-shadow(0 0 .5rem var(--c-1));height:4rem}.superhero__btn{--btn-primary:var(--c-6);--btn-secondary:var(--c-4);--icon-left-pos:-6rem;--icon-right-pos:1.25rem;border-width:3px;font-size:1.5rem;margin-top:3rem;overflow:hidden;padding-block:.875rem;padding-inline:2.5rem 5rem;position:relative;width:max-content;z-index:99}.superhero__btn-icon{position:absolute;top:50%;transform:translateY(-50%);transition:inherit;width:2rem}.superhero__btn-icon--left{left:var(--icon-left-pos)}.superhero__btn-icon--right{right:var(--icon-right-pos)}.superhero__btn:focus,.superhero__btn:hover{--btn-primary:var(--c-4);--btn-secondary:var(--c-6);--icon-left-pos:1.5rem;--icon-right-pos:-6rem;padding-inline:5rem 2.5rem}.superhero__scroll-icon{bottom:0;height:auto;left:50%;opacity:0;position:absolute;transform:translateX(-50%);width:3.6rem;z-index:20}.superhero__socials{bottom:1rem;display:flex;flex-direction:column;font-size:1.25rem;gap:1rem;position:absolute;right:1rem;z-index:20}.superhero__socials .btn{padding-inline:.8rem}.superhero__socials i{text-align:center;width:1.25rem}@media only screen and (max-width: 767px){.superhero__btn{--icon-right-pos:1rem;background-color:var(--c-4);border-color:var(--c-4);font-size:1.25rem;padding-block:.5rem;padding-inline:1rem 3rem}.superhero__btn-icon{width:1.5rem}.superhero__btn:focus,.superhero__btn:hover{--icon-left-pos:1rem;padding-inline:3rem 1rem}}@media only screen and (min-width: 768px){.superhero__title-wrapper{padding:4rem}.superhero__title{font-size:clamp(3rem, 8vw, 7.5rem)}.superhero__hero{--jump:-30%;left:unset;max-width:min(50vw, 420px);right:-5%;top:-15%}.superhero__line,.superhero__tagline{display:flex}}@media only screen and (min-width: 1198px){.superhero__inner{height:calc(100vh - 7rem);min-height:42rem}.superhero__title-wrapper{margin-inline:auto;padding:0 2rem;transform:translateY(-50%);top:50%}.superhero__title{font-size:7.5rem}.superhero__hero{--jump:-40%;max-width:min(60vw, 800px);right:-15%;top:-15%;z-index:15}.superhero__scroll-icon{opacity:1}}
/*# sourceMappingURL=./superhero.css.map */