.hero-area{position:relative;display:flex;min-height:720px;padding:80px 48px 112px;align-items:center;overflow:hidden;background-color:#fff}.hero-area::before{content:"";position:absolute;z-index:0;top:10%;left:calc(53% - 150px);width:clamp(260px,28vw,420px);aspect-ratio:1;border-radius:50%;background-color:rgba(var(--page-accent-rgb), 0.4);pointer-events:none}.hero-area .hero-area__inner{position:relative;z-index:2;width:100%;max-width:clamp(1360px,560px + 50vw,1520px);margin:0 auto}.hero-area .hero-area__copy{width:50%;max-width:700px;padding-right:clamp(32px,5vw,80px)}.hero-area .hero-area__identity{display:flex;margin-bottom:24px;align-items:center;gap:16px;color:var(--page-accent-text);font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero-area .hero-area__icon{display:block;width:52px;height:52px;flex:0 0 auto}.hero-area .hero-area__content>:last-child{margin-bottom:0}.hero-area .hero-area__content h1{text-wrap:balance}.hero-area .hero-area__content ul{margin-top:24px}.hero-area .hero-area__buttons{display:flex;margin-top:32px;flex-wrap:wrap;gap:16px}.hero-area .hero-area__media{position:absolute;z-index:1;top:0;right:0;bottom:0;width:47%;overflow:hidden;-webkit-mask-image:url("../../assets/masks/hero-area-curve.svg");mask-image:url("../../assets/masks/hero-area-curve.svg");-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}.hero-area .hero-area__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-area:not(.hero-area--with-image)::before{display:none}.hero-area:not(.hero-area--with-image) .hero-area__copy{width:100%;max-width:720px;padding-right:0}@media(min-width: 1440px){.hero-area{padding-right:max(48px,(100vw - clamp(1360px,560px + 50vw,1520px))/2);padding-left:max(48px,(100vw - clamp(1360px,560px + 50vw,1520px))/2)}}@media(max-width: 1024px){.hero-area{display:block;min-height:0;padding:64px 24px 0}.hero-area::before{top:auto;bottom:12%;left:-10%;width:45%}.hero-area .hero-area__copy{width:100%;max-width:720px;padding-right:0;padding-bottom:72px}.hero-area .hero-area__media{position:relative;width:calc(100% + 2*24px);height:clamp(360px,66vw,640px);margin-left:-24px;-webkit-mask-image:none;mask-image:none}}@media(max-width: 767px){.hero-area{padding-top:48px}.hero-area .hero-area__copy{padding-bottom:64px}.hero-area .hero-area__media{height:min(85vw,500px)}}