.main-hero .section-frame{align-items:center;display:flex;height:100svh;padding:.8rem 0 .2rem;position:relative}.main-hero .bg{aspect-ratio:17/10.5;display:block;left:50%;perspective:10rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:20rem}:is(.main-hero .bg) svg{display:block;transform:translateZ(0);width:100%}.main-hero .title-frame{margin:auto auto .2rem;max-width:6.8rem;position:relative;text-align:center;z-index:1}:is(.main-hero .title-frame) .title{color:var(--white)}.main-hero .bottom-cnt{margin:auto;max-width:6.8rem;text-align:center}:is(.main-hero .bottom-cnt) .text{color:var(--grey);margin-bottom:.16rem}.main-hero .button-frame{align-items:center;display:flex;gap:.22rem;margin:auto;position:relative;width:fit-content}:is(.main-hero .button-frame) .text{color:var(--white)}@media screen and (max-width:768px) and (orientation:portrait){.main-hero .bottom-cnt{text-align:center}:is(:is(.main-hero .bottom-cnt) .text) br{display:none}}