.dev-hero{position:relative}.dev-hero__banner{position:relative;display:flex;align-items:center;overflow:hidden}.dev-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dev-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.dev-hero__bg{width:100%;height:100%;object-fit:cover;display:block}.dev-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dev-hero__banner-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;width:100%}.dev-hero__heading{margin:0}.dev-hero__body{margin:0;max-width:52rem}.dev-hero__body p{margin:0}@media screen and (min-width:750px){.dev-hero__body--mob{display:none}}@media screen and (max-width:749px){.dev-hero__body--pc{display:none}}.dev-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:.1rem solid;border-radius:3rem;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.dev-hero__cards{position:relative;z-index:2;display:grid;align-items:start;gap:3rem}.dev-hero__card{display:flex;flex-direction:column;justify-content:space-between;gap:3rem;padding:4rem;border-radius:1.6rem;min-width:0}.dev-hero__card-head{display:flex;flex-direction:column;gap:1.4rem;min-width:0}.dev-hero__card-foot{display:flex;flex-direction:column;gap:2rem;min-width:0}.dev-hero__card-num{margin:0;letter-spacing:.05em}.dev-hero__card-title{margin:0}.dev-hero__card-body{margin:0;overflow-wrap:break-word}.dev-hero__card-body p{margin:0}.dev-hero__tags{letter-spacing:.05em}.dev-hero__tag{white-space:nowrap}.dev-hero__tag-sep{margin:0 .7rem}.dev-hero__subs{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem 3rem;min-width:0}.dev-hero__sub{display:flex;flex-direction:column;gap:.8rem;padding-top:1.6rem;border-top:.1rem solid;min-width:0}.dev-hero__sub-title,.dev-hero__sub-body{margin:0}@media screen and (max-width:749px){.dev-hero__cards{grid-template-columns:1fr!important}.dev-hero__card{padding:2.8rem 2.4rem}.dev-hero__subs{grid-template-columns:1fr;gap:1.8rem}}.dev-hero.ul-anim.is-ready .dev-hero__bg{transform:scale(1.08);transition:transform 1.6s cubic-bezier(.16,1,.3,1);will-change:transform}.dev-hero.ul-anim.is-ready.is-in .dev-hero__bg{transform:none}.dev-hero.ul-anim.is-ready .dev-hero__heading,.dev-hero.ul-anim.is-ready .dev-hero__body,.dev-hero.ul-anim.is-ready .dev-hero__btn{opacity:0;transform:translateY(1.8rem);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d, 0ms)}.dev-hero.ul-anim.is-ready.is-in .dev-hero__heading,.dev-hero.ul-anim.is-ready.is-in .dev-hero__body,.dev-hero.ul-anim.is-ready.is-in .dev-hero__btn{opacity:1;transform:none}.dev-hero.ul-anim.is-ready [data-anim]{opacity:0;transform:translateY(2rem);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--d, 0ms)}.dev-hero.ul-anim.is-ready [data-anim].is-inview{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.dev-hero.ul-anim .dev-hero__bg,.dev-hero.ul-anim .dev-hero__heading,.dev-hero.ul-anim .dev-hero__body,.dev-hero.ul-anim .dev-hero__btn,.dev-hero.ul-anim [data-anim]{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/dev-hero.css.map */