@font-face{font-family:Cedar Colby;src:url(cedar-colby-condensed-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}.cedar-hero{position:relative;isolation:isolate;height:clamp(500px,46.3vw,760px);background:#30312c;overflow:hidden;border-bottom:8px solid #e5debb}.cedar-hero:before,.cedar-hero:after{content:"";position:absolute;right:0;width:38%;z-index:-1;background-image:url(cedar-hero-products.jpg);background-size:100vw auto}.cedar-hero:before{top:0;height:73%;background-position:right top}.cedar-hero:after{bottom:0;height:27%;background-position:right bottom}.cedar-hero__scene{position:absolute;top:0;right:30%;bottom:0;left:0;z-index:-1}.cedar-hero__image{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}.cedar-hero__content{position:absolute;width:34%;right:1%;top:43%;text-align:center}.cedar-hero__content h2{font-family:Cedar Colby,sans-serif;font-weight:700;font-size:clamp(36px,4vw,64px);line-height:1.08;letter-spacing:0;color:#fffaf3;margin:0 0 30px}.cedar-hero__button{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px 12px;min-height:60px;border-radius:26px;background:#fff;color:#080808;font-family:Cedar Colby,sans-serif;font-size:clamp(28px,2.8vw,42px);font-weight:700;line-height:1;text-decoration:none}.cedar-hero__button:hover{background:#e5debb}.cedar-hero__button:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:749px){.cedar-hero{height:auto;display:flex;flex-direction:column;padding-top:110px}.cedar-hero:before{width:100%;height:100%;background-size:auto 160%}.cedar-hero:after{display:none}.cedar-hero__scene{position:relative;inset:auto;order:2;width:100%;aspect-ratio:1.5}.cedar-hero__content{position:relative;top:auto;right:auto;width:100%;padding:24px 20px 28px}.cedar-hero__content h2{font-size:clamp(34px,7vw,48px);margin-bottom:22px}.cedar-hero__button{font-size:30px;min-height:52px}}@media(min-width:750px){.cedar-hero:before{background-position:left top}.cedar-hero:after{background-size:400vw auto;background-position:left bottom}.cedar-hero__scene{overflow:hidden}.cedar-hero__image{position:absolute;width:150%;max-width:none;height:150%;left:-33%;bottom:-7%}}@media(min-width:750px){.cedar-hero:after{background-position:left 93%}.cedar-hero__scene{-webkit-mask-image:linear-gradient(to right,#000 94%,transparent 100%);mask-image:linear-gradient(to right,#000 94%,transparent 100%)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cedar-hero.css.map */