.featured-blog{overflow:hidden;transition:background-color .4s ease-in-out}.featured-blog__wrapper{gap:6rem}@media screen and (max-width: 989.98px){.featured-blog__wrapper{flex-direction:column}}.featured-blog__buttons{width:55%;margin-top:6rem}@media screen and (max-width: 989.98px){.featured-blog__buttons{width:100%;margin-top:4rem}}@media screen and (max-width: 749.98px){.featured-blog__buttons{margin-top:3rem}}.featured-blog__buttons ul{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;justify-items:center}@media screen and (max-width: 749.98px){.featured-blog__buttons ul{gap:clamp(.5rem,2vw,1rem);grid-template-columns:repeat(3,1fr);margin-bottom:2rem}}.featured-blog__buttons li{width:100%;height:100%;list-style:none;transform:rotate(var(--rotation)) translate(var(--translate-x),var(--translate-y))}@media screen and (max-width: 749.98px){.featured-blog__buttons li{transform:rotate(var(--rotation)) translate(calc(var(--translate-x) * .6),calc(var(--translate-y) * .6));margin-bottom:clamp(.5rem,1.5vw,1.5rem)}}@media screen and (min-width: 750px){.featured-blog__buttons li:hover span.featured-blog__curve-wrapper{display:block;cursor:pointer}}.featured-blog__buttons li:has(input:checked) span.featured-blog__curve-wrapper{display:block}.featured-blog__buttons li span.featured-blog__curve-wrapper{display:none;position:absolute;width:100%;height:185%;background-image:url(../assets/circular-curve.svg);background-position:center center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 749.98px){.featured-blog__buttons li span.featured-blog__curve-wrapper{height:150%;background-size:100% 100%}}.featured-blog__buttons input{position:absolute;width:1px;height:1px;visibility:hidden;pointer-events:none}.featured-blog__buttons label{width:100%;height:100%;color:var(--cream);cursor:pointer;z-index:3}@media screen and (max-width: 749.98px){.featured-blog__buttons label{z-index:unset;font-size:clamp(30px,7vw,48px);line-height:1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:.2rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;max-width:100%;overflow:hidden}.featured-blog__buttons label span{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width: 989.98px){.featured-blog .button__container{margin-inline:auto}}.featured-blog .button__container.button--bold{border-width:2px}@media screen and (max-width: 479.98px){.featured-blog .button__text svg{display:none}}.featured-blog .block--1{grid-area:1/1/2/2;--rotation: -18deg;--translate-x: -24px;--translate-y: -30px}.featured-blog .block--2{grid-area:1/2/2/3;--rotation: 9deg;--translate-x: 15px;--translate-y: -20px}.featured-blog .block--3{grid-area:1/3/2/4;--rotation: 0;--translate-x: 0;--translate-y: 0}.featured-blog .block--4{grid-area:2/1/3/2;--rotation: 0;--translate-x: 62px;--translate-y: -19px}.featured-blog .block--5{grid-area:2/2/3/3;--rotation: -8.5deg;--translate-x: 14px;--translate-y: 46px}.featured-blog .block--6{grid-area:2/3/3/4;--rotation: -8.5deg;--translate-x: 40px;--translate-y: 15px}.featured-blog .block--7{grid-area:3/1/4/2;--rotation: 6deg;--translate-x: -15px;--translate-y: 15px}.featured-blog .block--8{grid-area:3/3/4/4;--rotation: 4deg;--translate-x: -20px;--translate-y: 30px}.featured-blog__content{width:40%;transition:all .3s ease-in-out;position:relative;min-height:400px}@media screen and (max-width: 989.98px){.featured-blog__content{width:100%;min-height:auto;height:auto}}.featured-blog__item-js{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;transition:opacity .3s ease-in-out}@media screen and (max-width: 989.98px){.featured-blog__item-js{position:absolute;height:0}}.featured-blog__item-js.active{opacity:1;visibility:visible;position:relative}@media screen and (max-width: 989.98px){.featured-blog__item-js.active{height:auto}}.featured-blog__image-wrapper{max-width:100%}.featured-blog__image-wrapper img{width:100%;height:100%;max-height:35.7rem;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:10px}@media screen and (max-width: 749.98px){.featured-blog__image-wrapper img{max-height:none}}.featured-blog__image-content{gap:1rem;margin-top:2rem}@media screen and (max-width: 749.98px){.featured-blog__image-content{flex-direction:column;gap:.5rem}}.featured-blog__recipe{max-width:60%;width:100%;margin-bottom:0;color:var(--cream)}@media screen and (max-width: 749.98px){.featured-blog__recipe{max-width:100%;font-size:clamp(20px,6vw,24px);line-height:1.3}}.featured-blog__recipe .recipe-title{display:block;white-space:normal;word-wrap:break-word}.featured-blog__recipe .recipe-prefix{margin-right:.5rem}.featured-blog__reference{color:var(--lavander);text-decoration:none;gap:1rem;position:relative;display:inline-flex}@media screen and (max-width: 749.98px){.featured-blog__reference{font-size:clamp(16px,4vw,18px);margin-top:15px}}.featured-blog__reference:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background-color:var(--lavander)}.featured-blog__reference svg{transition:transform .3s ease-in-out}.featured-blog__reference:hover svg{transform:translate(5px)}.featured-blog__reference:hover:after{opacity:.7}.featured-blog__reference{font-size:20px;font-weight:700}.featured-blog__image-content.d-flex.justify-between.flex-wrap{align-items:flex-start}.featured-blog .marquee{display:flex;gap:10rem;-ms-flex-wrap:nowrap;overflow:hidden;white-space:nowrap}@media screen and (max-width: 749.98px){.featured-blog .marquee{gap:8rem;margin-bottom:30px}.featured-blog .button__container.button--bold{border-width:2px;margin-top:30px;margin-bottom:30px}.featured-blog .marquee-inner span{font-size:28px}.featured-blog__wrapper{gap:0}.featured-blog{padding-bottom:30px}span.recipe-title{font-size:30px;margin-bottom:24px}}.featured-blog .marquee-inner{display:flex;flex-wrap:nowrap;gap:10rem;animation:marquee 20s linear infinite;min-width:-moz-fit-content;min-width:fit-content}@media screen and (max-width: 749.98px){.featured-blog .marquee-inner{gap:8rem}}.featured-blog .marquee-inner span{font-family:var(--font-heading-style-curve);display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sp_featured-blog.out.css.map */