.hero-about{background-color:var(--ha-bg);min-height:100svh;display:flex;align-items:center;position:relative}.hero-about__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;min-height:100svh}.hero-about__content{padding:clamp(2rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem;z-index:1}.hero-about__title{font-family:var(--ha-title-font);font-weight:var(--ha-title-weight, 800);font-style:var(--ha-title-style);font-size:var(--ha-title-size);line-height:1.05;letter-spacing:.02em;text-transform:none;margin:0;display:flex;flex-direction:column}.hero-about__title-line--1{color:var(--ha-title-c2);display:block}.hero-about__title-line--2{color:var(--ha-title-c1);display:block}.hero-about__subtitle{font-family:var(--ha-subtitle-font);font-weight:var(--ha-subtitle-weight);font-style:var(--ha-subtitle-style);font-size:clamp(.875rem,1.2vw,1.1rem);color:var(--ha-subtitle-c);margin:0;max-width:48ch;line-height:1.6}.hero-about__media{display:flex;align-items:center;justify-content:center;height:100svh;overflow:visible;position:relative}.hero-about__image-wrapper{width:78%;max-width:520px;aspect-ratio:var(--ha-img-ratio, .75);transform:rotate(var(--ha-img-rotate)) scale(var(--ha-img-scale));transform-origin:center center;border-radius:14px;overflow:hidden;will-change:transform;box-shadow:0 16px 48px #00000029;flex-shrink:0}.hero-about__image,.hero-about__image--placeholder{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}@media screen and (max-width:1023px){.hero-about__title{font-size:calc(var(--ha-title-size) * .72)}.hero-about__image-wrapper{width:88%}}@media screen and (max-width:767px){.hero-about{min-height:auto;height:auto;display:block}.hero-about__inner{display:flex;flex-direction:column;min-height:auto}.hero-about__content{order:1;padding:clamp(2rem,8vw,3rem) clamp(1.5rem,6vw,2rem);padding-top:calc(var(--ha-header-height, 80px) + var(--ha-header-extra, 0px));gap:1rem}.hero-about__title{font-size:var(--ha-title-size-mobile)}.hero-about__media{order:2;height:auto;padding:0 0 3rem;overflow:visible;background:transparent}.hero-about__image-wrapper{width:75%;max-width:300px;transform:rotate(var(--ha-img-rotate)) scale(var(--ha-img-scale-mobile))}}@media(prefers-reduced-motion:reduce){.hero-about__image-wrapper{transform:scale(var(--ha-img-scale));will-change:auto}@media screen and (max-width:767px){.hero-about__image-wrapper{transform:scale(var(--ha-img-scale-mobile))}}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-hero-about.css.map */