.hero{position:relative;padding:16px;width:100%;max-width:1280px;margin:0 auto}.hero__grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;height:500px;width:100%}.hero__grid-item{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;display:block;text-decoration:none}.hero__grid-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.4;z-index:1;pointer-events:none;transition:opacity .3s ease}.hero__grid-item:hover:after{opacity:.5}.hero__grid-column-right{display:flex;flex-direction:column;gap:16px;height:100%}.hero__grid-column-right .hero__grid-item{flex:1;height:auto}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.hero__image,.hero__background svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.hero__grid-item:hover .hero__image{transform:scale(1.05)}.hero__content{position:absolute;bottom:0;left:0;width:100%;padding:32px;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px}.hero__content--small{padding:24px}.hero__text{text-align:left;color:#fff;max-width:600px}.hero__title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin:0;line-height:1.1;color:#fff}.hero__title--small{font-size:1.25rem;font-weight:600}.hero__button-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fff;color:#1a1a1a;border-radius:50%;transition:transform .2s ease,background-color .2s ease;flex-shrink:0}.hero__grid-item:hover .hero__button-circle{transform:scale(1.1);background-color:#d7eaa0}.hero__button-circle--small{width:32px;height:32px}.hero__button-circle--small svg{width:16px;height:16px}@media (max-width: 900px){.hero__grid{grid-template-columns:1fr;height:auto;gap:12px}.hero__grid-item--main{height:500px}.hero__grid-column-right{flex-direction:row;height:250px}.hero__content{padding:32px 24px;flex-direction:column;align-items:flex-start}.hero__button{width:100%}}@media (max-width: 600px){.hero{padding:12px}.hero__grid-item--main{height:60svh;border-radius:16px}.hero__grid-column-right{height:180px;gap:12px}.hero__grid-item{border-radius:16px}.hero__title{font-size:1.75rem}.hero__button-circle{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero.css.map */