.custom-hero{width:100%;padding:40px 0 60px;background-color:#fff;color:#1a1a1a}.custom-hero__inner{width:100%;box-sizing:border-box;padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}.custom-hero__container{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.custom-hero__left{position:relative}.custom-hero__images{position:relative;width:100%}.custom-hero__image-large{width:100%;aspect-ratio:3 / 4;max-height:500px;overflow:hidden}.custom-hero__image-large .custom-hero__img{width:100%;height:100%;object-fit:cover;display:block}.custom-hero__image-small{position:absolute;top:50%;right:-40px;transform:translateY(-50%);width:38%;aspect-ratio:1 / 1;overflow:hidden;z-index:2;border:3px solid #fff}.custom-hero__image-small .custom-hero__img{width:100%;height:100%;object-fit:cover;display:block}.custom-hero__placeholder{background:#f0ede8;display:flex;align-items:center;justify-content:center}.custom-hero__placeholder svg{width:60%;height:auto;opacity:.4}.custom-hero__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:100%;overflow:visible}.custom-hero__heading{font-weight:900;line-height:.95;letter-spacing:-.03em;margin:0 0 40px;white-space:nowrap;text-align:right}.custom-hero__heading-line1{display:block;font-size:clamp(44px,5.5vw,80px)}.custom-hero__heading-line2{display:block;font-size:clamp(36px,4.5vw,64px);font-weight:400}.custom-hero__copy{width:240px}.custom-hero__description{font-size:15px;line-height:1.65;text-align:justify;text-justify:inter-word;margin:0 0 32px}.custom-hero__cta{display:block;width:100%;padding:13px 0;border:1.5px solid #1a1a1a;text-decoration:none;color:#1a1a1a;font-size:14px;letter-spacing:.03em;background:transparent;text-align:center;transition:background-color .3s ease,color .3s ease}.custom-hero__cta:hover{background-color:#1a1a1a;color:#fff}@media screen and (max-width:960px){.custom-hero__inner{padding-left:24px;padding-right:24px}.custom-hero__container{grid-template-columns:1fr;gap:30px}.custom-hero__image-small{right:-24px;width:35%}.custom-hero__right{align-items:flex-start}.custom-hero__heading{white-space:normal;text-align:left}}@media screen and (max-width:600px){.custom-hero{padding:30px 0 40px}.custom-hero__inner{padding-left:20px;padding-right:20px}.custom-hero__image-small{right:-12px;width:35%}.custom-hero__heading-line1{font-size:36px}.custom-hero__heading-line2{font-size:30px}.custom-hero__description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-hero.css.map */
