.hbanner{background-color:var(--primary-color);margin-top:-20px;position:relative}.hbanner:before{background-image:url(https://5686032.fs1.hubspotusercontent-na1.net/hubfs/5686032/images/arch-light.png);background-position:top;background-repeat:repeat;background-size:contain;bottom:0;content:"";height:26px;left:0;position:absolute;width:100%;z-index:9}.hbanner__left{left:0}.hbanner__left,.hbanner__right{position:absolute;top:0;width:100px;z-index:999}.hbanner__right{right:0}.hbanner__content{overflow:hidden;padding-bottom:3rem;padding-top:5rem}.hbanner .container{position:relative}.hbanner__header{margin-bottom:34px;margin-left:auto;margin-right:auto;max-width:620px;width:100%}.hbanner__title{color:#fff;font-size:32px}.hbanner__header p{color:#fff;font-size:14px}.hbanner__btn{align-items:center;background-color:#fff;border:0;border-radius:40px;color:#36236a;cursor:pointer;display:inline-flex;font-family:var(--secondary-font-family);font-size:16px;gap:20px;height:50px;margin-top:24px;padding:8px 8px 8px 20px;text-align:center;text-decoration:none}.hbanner__cards{margin-bottom:40px;margin-right:calc(-100vw + 84%);padding-right:calc(100vw - 100%)}.hbanner__cards .swiper-slide:nth-child(2n) .hbanner__card{margin-top:50px}.hbanner__card__title{color:#fff;font-size:14px;line-height:1.2}.hbanner__link{color:#fff;font-family:AppetitePro,Verdana,sans-serif;font-size:12px;text-decoration:underline;text-decoration-thickness:.5px}.hbanner__wheel{height:87px;position:absolute;right:0;top:31%;width:87px}.hbanner__line{bottom:-20%;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0}.hbanner__spoon{height:95.5px;position:absolute;right:12%;top:35%;transform:rotate(15deg);width:95.5px}.hbanner__one{height:162px;left:auto;position:absolute;right:0;top:-30px;width:162px;z-index:1}.hbanner__green,.hbanner__left,.hbanner__star{display:none}.hbanner__mgreen{left:0;position:absolute;top:50%}.hbanner .qz-arrow{height:35px;width:35px}.hbannertop__gif{left:-20px;position:absolute;top:-50px}.hbanner .breadcrumb{position:relative;z-index:2}.hbanner .breadcrumb__item,.hbanner .breadcrumb__link{color:#fff}.hbanner .breadcrumb__item:not(:last-child):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.3' stroke-width='2' d='m10 17 5-5-5-5'/%3E%3C/svg%3E");background-size:20px}.gradient__border{background-image:linear-gradient(#fff,transparent),linear-gradient(#fff,transparent);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:2px 100%;border-bottom:2px solid #c3b7e50f;border-radius:12px;border-top:2px solid #fff;overflow:hidden;padding-bottom:30px;padding-left:2px;padding-right:2px;position:relative}.hof__recipe{aspect-ratio:16/9;object-fit:cover;width:100%}.hof__author{height:100px!important;margin-left:auto;margin-right:auto;margin-top:15px;position:relative;width:100px}.hof__header{margin-top:30px;padding-left:15px;text-align:left}.hof__images{position:relative}@media(min-width:768px){.hbanner{text-align:center}.hbanner__header p{font-size:var(--base-font-size)}.hbanner__title{font-size:var(--font-size-h1)}.hbanner__title br{display:none}.hbanner__cards .swiper-slide:nth-child(2n) .hbanner__card{margin-top:90px}.hbanner__card__title{font-size:20px}.hbanner__btn{font-size:22px;height:60px}.hbanner__link{font-size:16px}.hbanner__left{display:block;width:74px}.hbanner__right{width:180px}.hbanner__star{display:block;position:absolute;right:30%;top:45%;width:38px}.hbanner__wheel{height:225px;right:10%;top:-20%;width:225px}.hbanner__one{display:block;left:0;top:-2%}.hbanner__line{left:25%;right:auto;top:30%}.hbanner__spoon{height:152px;right:-30px;top:30%;transform:rotate(15deg);width:152px}.hbanner__mgreen{display:none}.hbanner__green{display:block;left:0;position:absolute;top:40%}.hbanner .qz-arrow{height:45px;width:45px}.hbannertop__gif{display:none}}