.noto-hero{position:relative;background:var(--noto-hero-bg);color:var(--noto-hero-text);max-width:var(--grid-width-row, 1380px);margin:0 auto}.noto-hero--full{max-width:none}.noto-hero__media{position:relative;overflow:hidden;background:var(--noto-hero-bg);aspect-ratio:4 / 5}.noto-hero--ratio-1-1 .noto-hero__media{aspect-ratio:1 / 1}.noto-hero--ratio-16-9 .noto-hero__media{aspect-ratio:16 / 9}.noto-hero__media img,.noto-hero__media video,.noto-hero__media .noto-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.noto-hero__media .noto-hero__placeholder{background:#e7e3dc;fill:#b9b2a6}.noto-hero__content{padding-top:32px;padding-bottom:40px}.noto-hero__inner{width:100%;max-width:560px}.noto-hero__inner.text-center{margin:0 auto;text-align:center}.noto-hero__inner.text-right{margin-left:auto;text-align:right}.noto-hero__badge{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:var(--noto-hero-badge-bg);color:var(--noto-hero-badge-text);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.noto-hero .noto-hero__heading{margin:0 0 14px;color:inherit;font-size:clamp(30px,8vw,40px);line-height:1.1}.noto-hero__text{margin:0 0 24px;font-size:16px;line-height:1.55;color:inherit;opacity:.85}.noto-hero__text p{margin:0}.noto-hero__text p+p{margin-top:.6em}.noto-hero__buttons{display:flex;flex-direction:column;gap:10px}.noto-hero .noto-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:1px solid var(--noto-hero-button);border-radius:4px;background:var(--noto-hero-button);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s,background-color .2s,color .2s}.noto-hero .noto-hero__button:hover{opacity:.88}.noto-hero .noto-hero__button--outline{background:transparent;color:var(--noto-hero-button)}.noto-hero .noto-hero__button--outline:hover{opacity:1;background:var(--noto-hero-button);color:#fff}.noto-hero__button:focus-visible{outline:2px solid var(--noto-hero-button);outline-offset:3px}@media(min-width:768px){.noto-hero{display:flex;align-items:center;min-height:480px}.noto-hero--height-60{min-height:max(480px,60svh)}.noto-hero--height-70{min-height:max(480px,70svh)}.noto-hero--height-85{min-height:max(480px,85svh)}.noto-hero__media,.noto-hero--ratio-1-1 .noto-hero__media,.noto-hero--ratio-16-9 .noto-hero__media{position:absolute;top:0;bottom:0;width:55%;aspect-ratio:auto}.noto-hero--media-right .noto-hero__media{right:0}.noto-hero--media-left .noto-hero__media{left:0}.noto-hero__content{position:relative;z-index:1;width:100%;padding-top:64px;padding-bottom:64px}.noto-hero__inner,.noto-hero__inner.text-center,.noto-hero__inner.text-right{max-width:min(520px,36vw);margin:0}.noto-hero--media-left .noto-hero__inner{margin-left:auto}.noto-hero .noto-hero__heading{font-size:clamp(32px,4vw,var(--noto-hero-heading-size))}.noto-hero__text{font-size:17px}.noto-hero__buttons{flex-direction:row;flex-wrap:wrap}.noto-hero__inner.text-center .noto-hero__buttons{justify-content:center}.noto-hero__inner.text-right .noto-hero__buttons{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/noto-hero.css.map */