.sky-header{color:#fff;background-color:#0000;background-repeat:no-repeat;background-size:cover;padding-top:50px;padding-bottom:20px;position:relative}@media (width>=769px){.sky-header{padding-top:60px;padding-bottom:60px}}@media (width>=1600px){.sky-header{padding-top:80px;padding-bottom:60px}}.sky-header h1,.sky-header p{color:#fff}#cloudLayer{z-index:0;background:url(/images/recipes/clouds.png) 0 0/cover no-repeat;width:100%;height:94vw;position:absolute;top:100px}@media (width>=769px){#cloudLayer{height:24vw}}#cloudLayer.detail{background:url(/images/recipes/clouds-detail.png)}@layer view-transitions{html,html *{view-transition-capture-mode:flat}:active-view-transition-type(to-detail,to-overview) .recipe-landing-grid .last-clicked{view-transition-name:photo}:active-view-transition-type(to-detail,to-overview) .recipe-landing-grid .last-clicked h3{view-transition-name:title}:active-view-transition-type(to-detail,to-overview) .main-nav{view-transition-name:recipenav}:active-view-transition-type(to-detail,to-overview) .recipe-landing-grid{view-transition-name:grid}:active-view-transition-type(to-detail,to-overview) .recipe-header-bg{view-transition-name:photo}:active-view-transition-type(to-detail,to-overview) .recipe-detail h1{view-transition-name:title}:active-view-transition-type(to-detail,to-overview) .recipe-header-bg a{view-transition-name:labels}::view-transition{--before-duration:.35s;--main-duration:.75s;--after-duration:.35s}@keyframes grid{to{opacity:0}}@keyframes root{to{}}::view-transition-old(root){animation-name:root;animation-duration:var(--before-duration)}::view-transition-new(homeNavigationMark){z-index:501}::view-transition-group(homeNavigationMark){z-index:501}::view-transition-old(homeNavigationMark){z-index:501}::view-transition-new(homeNavigationPath){z-index:501}::view-transition-group(homeNavigationPath){z-index:501}::view-transition-old(homeNavigationPath){z-index:501}::view-transition-new(homeNavigationWords){z-index:501}::view-transition-group(homeNavigationWords){z-index:501}::view-transition-old(homeNavigationWords){z-index:501}::view-transition-new(recipenav){z-index:500}::view-transition-group(recipenav){z-index:500}::view-transition-old(recipenav){z-index:500}::view-transition-group(photo){z-index:10}::view-transition-old(photo){z-index:10}::view-transition-new(grid){z-index:-1}::view-transition-old(grid){z-index:-1}::view-transition-new(root){animation-name:root;animation-direction:reverse;animation-delay:calc(var(--before-duration) + (var(--main-duration) * .75));animation-duration:var(--after-duration)}:active-view-transition-type(to-detail)::view-transition-old(photo){display:none}:active-view-transition-type(to-overview)::view-transition-new(photo){display:none}:active-view-transition-type(to-detail)::view-transition-new(photo){object-fit:cover;height:100%;animation:none;overflow:clip}:active-view-transition-type(to-overview)::view-transition-old(photo){object-fit:cover;height:100%;animation:none;overflow:clip}::view-transition-group(photo){animation-duration:var(--main-duration)}::view-transition-group(title){animation-duration:var(--main-duration)}::view-transition-group(photo){animation-delay:var(--before-duration)}::view-transition-group(title){animation-delay:var(--before-duration)}@keyframes forward-button{to{opacity:0}}::view-transition-new(forward-button):only-child{animation-name:forward-button;animation-timing-function:ease}::view-transition-old(forward-button):only-child{animation-name:forward-button;animation-timing-function:ease}::view-transition-new(forward-button):only-child{animation-duration:var(--after-duration);animation-delay:calc(var(--before-duration) + var(--main-duration));animation-direction:reverse}::view-transition-old(forward-button):only-child{animation-duration:var(--before-duration)}@keyframes back-button{0%{opacity:0;translate:-100%}}::view-transition-new(back-button):only-child{animation-name:back-button;animation-timing-function:ease}::view-transition-old(back-button):only-child{animation-name:back-button;animation-timing-function:ease}::view-transition-new(back-button):only-child{animation-duration:var(--after-duration);animation-delay:calc(var(--before-duration) + var(--main-duration))}::view-transition-old(back-button):only-child{animation-duration:var(--before-duration);animation-direction:reverse}@keyframes labels{0%{opacity:0}}::view-transition-new(grid):only-child{animation-name:grid;animation-timing-function:ease;animation-duration:var(--before-duration)}::view-transition-old(grid):only-child{animation-name:grid;animation-timing-function:ease;animation-duration:var(--before-duration)}::view-transition-new(grid):only-child{animation-duration:var(--after-duration);animation-direction:reverse;animation-delay:calc(var(--before-duration) + var(--main-duration))}::view-transition-old(grid):only-child{animation-duration:var(--before-duration)}::view-transition-new(labels):only-child{animation-name:labels;animation-timing-function:ease}::view-transition-old(labels):only-child{animation-name:labels;animation-timing-function:ease}::view-transition-new(labels):only-child{animation-duration:var(--after-duration);animation-delay:calc(var(--before-duration) + var(--main-duration))}::view-transition-old(labels):only-child{animation-duration:var(--before-duration);animation-direction:reverse}}@media (width<=769px){br.desktop{display:none}}.recipe-header{width:100%;height:calc(85vh - 70px);position:relative;overflow:hidden}.recipe-header img{width:100%;height:auto;margin-top:calc(45vh - 50px);position:absolute;transform:translateY(-50%)}.recipe-header-bg{aspect-ratio:1.3;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-start;width:auto;margin:0 auto;padding:15px;display:flex;position:relative}@media (width>=769px){.recipe-header-bg{aspect-ratio:2.55;padding:32px 50px}}@media (width>=1600px){.recipe-header-bg{aspect-ratio:2.45}}.recipe-header-bg a.box{max-width:250px}.recipe-header-bg a.box svg{height:20px}.recipe-landing-grid{grid-template-columns:repeat(1,1fr);gap:20px;display:grid}@media (width>=481px){.recipe-landing-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=769px){.recipe-landing-grid{grid-template-columns:repeat(3,1fr)}}.recipe-landing-grid .grid-item{background-color:#fff;border:1px solid #382318;transition:border .5s ease-in-out;position:relative}.recipe-landing-grid .grid-item:after{content:"";opacity:0;pointer-events:none;border:2px solid #382318;width:100%;height:100%;transition:all .25s ease-in-out;position:absolute;top:0;left:0}.recipe-landing-grid .grid-item:hover:after{opacity:1}.recipe-landing-grid .grid-item a{text-decoration:none}.recipe-landing-grid .grid-item .img-top{width:calc(33.33vw - 46px);height:16vw;overflow:hidden}.recipe-landing-grid .grid-item .img-top img{width:auto;height:100%;margin-left:50%;transform:translate(-50%)}.recipe-landing-grid .grid-item .img-top-bg{aspect-ratio:1.25;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:194%;flex-direction:column;height:auto;display:flex}@media (width>=769px){.recipe-landing-grid .grid-item .img-top-bg{aspect-ratio:1.32}}@media (width>=1600px){.recipe-landing-grid .grid-item .img-top-bg{aspect-ratio:1.25}}.recipe-landing-grid .grid-item .content-bottom{justify-content:flex-start;gap:20px;padding:20px 10px;display:flex}@media (width>=1600px){.recipe-landing-grid .grid-item .content-bottom{padding:20px}}.recipe-landing-grid .grid-item .content-bottom img{width:50px}.recipe-landing-grid .grid-item .content-bottom .h3{color:#382318}.recipe-landing-grid .grid-item .content-bottom .h3 .text-break{white-space:nowrap}@media (width>=769px){.recipe-landing-grid .grid-item .content-bottom .h3{font-size:2.2vw;line-height:2.5vw}.recipe-landing-grid .grid-item .content-bottom .h3 .break{display:block}}