:root{--border-primary:#d8d8e0;--accent-blue:#f1f6f6;--accent-green:#f4f8f3;--accent-gray:#F5F3F2;--accent-pink:#fcf5f3;--accent-pink-dark:#F2D6D0;--accent-yellow:#fbf2e8;--color-white:#ffffff;--color-black:#000000;--header-height:64px;--gap-size:40px;--max-content-width:1000px;--max-recipes-width:1440px}a{text-decoration:none;color:inherit}a.hover-scale{transition:transform .2s ease-out}a.hover-scale:hover{transform:scale3d(.95,.95,1)}ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}button{all:unset;cursor:pointer}button.primary-button{border-radius:24px;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:8px;height:48px;text-transform:uppercase;font-size:12px;color:var(--color-white);background:var(--color-black)}button.primary-button>img{width:20px;height:20px;filter:invert(1)}html{height:100%}html:has(#floating-nav-menu.visible){overflow:hidden}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100%;font-size:16px;font-family:Lato,sans-serif}h1{font-size:24px;line-height:56px;font-weight:900}.socials{display:flex;gap:8px}.socials>a{display:flex;justify-content:center;align-items:center;width:40px;height:40px}body>header{box-sizing:border-box;border-bottom:.5px solid var(--border-primary);display:flex;justify-content:space-between;position:sticky;top:0;height:var(--header-height);background-color:var(--color-white);z-index:10}body>header.scrolled{border:none;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}header>.logo,header>nav{display:flex;align-items:center;padding:0 24px}header>.logo{max-width:140px;cursor:pointer}header>.logo>a{display:flex}header>.logo svg{width:100%;height:100%}header>.logo svg>path{fill:var(--color-black)}nav>ul{display:flex}nav.links>ul{flex-wrap:wrap;justify-content:center;text-transform:uppercase;font-size:12px}nav>ul>li>a{box-sizing:border-box;padding:0 20px;display:flex;align-items:center;position:relative;height:var(--header-height)}#floating-nav-menu nav>ul>li>a.active,header nav>ul>li>a.active{color:#0179ca}#floating-nav-menu nav>ul>li>a.active:after,header nav>ul>li>a.active:after{content:"";border-radius:3px 3px 0 0;border-top-width:3px;border-top-style:solid;border-color:#0179ca;position:absolute;inset:auto 20px 0}#floating-menu-btn{display:none;padding:0 24px}#floating-menu-btn .icon.alt,body:has(#floating-nav-menu.visible) #floating-menu-btn .icon.prim{display:none}body:has(#floating-nav-menu.visible) #floating-menu-btn .icon.alt{display:block}@media (max-width:600px){header>nav{display:none}#floating-menu-btn{display:block}}#floating-nav-menu{display:none;position:fixed;inset:calc(var(--header-height) + var(--header-from-top)) 0 0;animation:overlay-background 250ms ease-out forwards;z-index:10}@keyframes overlay-background{to{background:rgba(0,0,0,.5)}}#floating-nav-menu.visible{display:flex;justify-content:flex-end}#floating-nav-menu>.container{padding:40px;background:var(--color-white);transform:translate3d(100%,0,0);opacity:0}#floating-nav-menu.visible>.container{animation:slide-in-from-right 250ms ease-out forwards}@keyframes slide-in-from-right{to{opacity:1;transform:translate3d(0,0,0)}}#floating-nav-menu ul{flex-direction:column;align-items:flex-start}body>main{flex-grow:1}body>main[page=about],body>main[page=home],body>main[page=recipe],body>main[page=recipes]{padding:40px 0 0}body>main[page="404"],body>main[page=js-error]{padding:0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}section .header-title{box-sizing:border-box;margin:0 auto;padding:0 40px;display:flex;align-items:flex-end;max-width:var(--max-content-width)}section .header-title:after{flex-grow:1;content:"";box-sizing:border-box;border-top:3px solid var(--color-white);border-right:3px solid var(--color-white);height:28px}section .header-title>h1{padding:0 20px;text-transform:uppercase;background:var(--color-white)}section.promo{display:flex;justify-content:center;align-items:center;gap:16px;height:56px;font-size:0;background:var(--accent-pink-dark)}section.promo>.icon{border-radius:50%;padding:8px;background:var(--color-white)}section.promo>h3{font-style:italic;font-weight:400;font-size:14px;line-height:normal}section.spotlight{background:var(--accent-blue)}section.spotlight>.container{padding:40px 0}section.spotlight>.container>.container{box-sizing:border-box;margin:0 auto;padding:40px 40px 0;display:flex;gap:40px;height:400px;max-width:var(--max-content-width);overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}section.spotlight>.container>.container.scrolled-right{overscroll-behavior-y:auto}section.spotlight>.container>.container::-webkit-scrollbar{display:none}@media (min-width:769px){section.spotlight>.container>.container{overscroll-behavior-y:contain}}section.spotlight .card{display:flex;flex-direction:column;background:var(--color-white);cursor:pointer}section.spotlight .card>img{box-sizing:border-box;padding:8px;height:264px;max-width:200px;object-fit:cover}section.spotlight .card>h2{flex-grow:1;padding:8px 16px 16px;font-weight:400;font-size:20px;line-height:24px}section.welcome .container{padding:40px}section.welcome .block{box-sizing:border-box;margin:0 auto;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;max-width:calc(var(--max-content-width) - var(--gap-size) * 2);text-align:center;text-wrap:balance;background:var(--accent-yellow)}section.welcome img.author{flex-shrink:0;box-sizing:border-box;border-radius:50%;border:3px solid var(--color-black);width:140px;height:140px;object-fit:cover}section.welcome .wrap{display:flex;flex-direction:column;align-items:center;gap:24px}section.welcome .wrap>h2{font-size:28px;line-height:48px}section.welcome .wrap>p{font-size:20px;line-height:32px;text-wrap:balance;text-wrap:pretty}@media (min-width:768px){section.welcome .block{padding:40px 40px 40px 0;flex-direction:row;gap:0}section.welcome img.author{margin:0 80px;width:180px;height:180px}section.welcome .wrap{align-items:flex-start}section.welcome .wrap>p{text-align:left}}section.latest{background:var(--accent-pink)}section.latest>.container{padding:40px 0}section.latest>.container>.container{box-sizing:border-box;margin:0 auto;padding:40px 40px 0;display:flex;flex-direction:column;align-items:center;gap:40px;max-width:var(--max-content-width)}section.latest .card{display:flex;flex-direction:column;position:relative;background:var(--color-white);cursor:pointer}section.latest .card>.published{padding:8px 16px;position:absolute;top:-12px;left:0;font-style:italic;font-size:12px;line-height:16px;background:var(--color-white)}section.latest .card>img{box-sizing:border-box;padding:8px;width:100%}section.latest .card>h2{flex-grow:1;padding:8px 16px 16px;font-weight:400;font-size:20px;line-height:24px}section.latest .card .view-recipe{padding:16px;display:flex;justify-content:flex-end}section.latest .card .view-recipe>a{border-radius:24px;padding:0 24px;display:flex;align-items:center;gap:8px;height:48px;text-transform:uppercase;font-size:12px;background:var(--accent-pink-dark)}section.latest .card .view-recipe>a>img{width:20px;height:20px}section.latest .card:hover .view-recipe>a{color:var(--color-white);background:var(--color-black)}section.latest .card:hover .view-recipe>a>img{filter:invert(1)}@media (min-width:520px){section.latest .card{width:calc(50% - (40px / 2))}section.latest>.container>.container{flex-direction:row;flex-wrap:wrap;align-items:stretch}}@media (min-width:762px){section.latest .card{width:calc((100% / 3) - (40px * 2 / 3))}}section.about>.block{box-sizing:border-box;margin:0 auto;padding:var(--gap-size);display:flex;flex-direction:column;gap:var(--gap-size);max-width:var(--max-content-width)}section.about>.block:nth-child(1){padding-bottom:calc(var(--gap-size) * 2);background:var(--accent-yellow);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--gap-size)),0 100%)}section.about>.block:nth-child(2){padding-top:calc(var(--gap-size) * 2);padding-bottom:calc(var(--gap-size) * 2);background:var(--accent-pink);clip-path:polygon(0 var(--gap-size),100% 0,100% 100%,0 calc(100% - var(--gap-size)))}section.about>.block:nth-child(3){padding-top:calc(var(--gap-size) * 2);background:var(--accent-gray);clip-path:polygon(0 0,100% var(--gap-size),100% 100%,0 100%)}section.about .wrap{flex-grow:1;border-radius:32px;display:flex;flex-direction:column;gap:var(--gap-size);text-wrap:balance}section.about img{width:100%;object-fit:cover}@media (min-width:769px){section.about>.block{padding:0;flex-direction:row}section.about>.block:nth-child(1),section.about>.block:nth-child(3){padding:0 var(--gap-size) 0 0}section.about>.block:nth-child(2){padding:0 0 0 var(--gap-size);text-align:right}section.about .wrap{padding:80px 0}section.about img{width:40%}section.about>.block:nth-child(2) img{order:2}}section.recipes{background:var(--accent-pink)}section.recipes>.container{box-sizing:border-box;margin:0 auto;padding:40px;display:flex;flex-direction:column;gap:40px;max-width:var(--max-recipes-width)}section.recipes>.container>.column.left{flex-shrink:0}section.recipes>.container>.column.right{flex-grow:1}aside.filters{box-sizing:border-box;border:2px solid var(--accent-pink-dark);display:inline-block;width:100%}aside.filters h2{border-bottom:2px solid var(--accent-pink-dark);padding:0 24px;line-height:56px}aside.filters>ol{padding:12px 24px;display:flex;flex-direction:column}aside.filters li{padding:8px 0;display:flex;gap:8px;line-height:24px}aside.filters button{border-bottom:2px solid transparent}aside.filters button.active,aside.filters button:hover{border-color:var(--accent-pink-dark)}aside.filters>ol>ol{padding:0 0 0 12px;height:0;transition:height 250ms ease-out;overflow:hidden}#all-recipes{display:grid;align-content:space-between;grid-template-columns:repeat(1,1fr);gap:40px}@media (min-width:520px){#all-recipes{grid-template-columns:repeat(2,1fr)}}@media (min-width:781px){section.recipes>.container{flex-direction:row}aside.filters{position:sticky;top:120px}}@media (min-width:1021px){#all-recipes{grid-template-columns:repeat(3,1fr)}}@media (min-width:1261px){#all-recipes{grid-template-columns:repeat(4,1fr)}}#all-recipes .card{display:flex;flex-direction:column;background:var(--color-white);cursor:pointer}#all-recipes .card>img{box-sizing:border-box;padding:8px;width:100%}#all-recipes .card>h2{flex-grow:1;padding:8px 16px 16px;font-weight:400;font-size:20px;line-height:24px}main[page=recipe] section.introduction{background:radial-gradient(circle at 16px 0,#369a7e 16px,#fff 17px) repeat-x center/32px}main[page=recipe] section.ingredients{background:var(--accent-blue)}main[page=recipe] section.instructions{background:var(--accent-yellow)}main[page=recipe] section.tips{background:var(--accent-pink)}main[page=recipe] section.leave-comment{background:var(--accent-green)}main[page=recipe] section>.container{padding:16px 0}main[page=recipe] section>.container>.title{box-sizing:border-box;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:16px;max-width:var(--max-content-width)}main[page=recipe] section>.container>.title>img{border-radius:50%;padding:10px;width:20px;height:20px;background:var(--color-white);filter:invert(1)}main[page=recipe] section>.container>.container{box-sizing:border-box;margin:0 auto;padding:16px 0;display:flex;flex-direction:column;gap:16px;max-width:var(--max-content-width)}main[page=recipe] .row-group{padding:0 16px;display:flex;flex-direction:column;gap:16px}main[page=recipe] .block{margin:0 16px;padding:8px 8px 16px;display:flex;flex-direction:column;gap:16px;position:relative;background:var(--color-white)}main[page=recipe] .block>.order-badge{box-sizing:border-box;border:8px solid var(--color-white);display:flex;justify-content:center;align-items:center;position:absolute;inset:0 auto auto 0;width:40px;height:40px;font-style:italic;font-weight:900;font-size:14px;color:var(--color-white);background:rgba(0,0,0,.5)}main[page=recipe] .block>img{width:100%}main[page=recipe] .items-block{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}main[page=recipe] .items-block>.item{padding:8px;display:flex;align-items:center;gap:8px;font-size:14px;background:var(--accent-blue)}main[page=recipe] .items-block>.item>img{width:14px;height:14px}main[page=recipe] .items-list-block{padding:0 16px;display:flex;flex-direction:column;gap:8px}main[page=recipe] .text-block{padding:0 16px;display:flex;flex-direction:column;gap:16px}main[page=recipe] h1{text-align:center;font-size:24px;line-height:80px}main[page=recipe] h2{padding:16px 0;text-align:center;font-size:20px;line-height:24px}main[page=recipe] .items-list-block.ingredients h2{padding:0 8px;text-align:left;line-height:40px;width:fit-content;background:var(--color-white)}main[page=recipe] p{font-size:18px}main[page=recipe] .block>p{padding:0 8px}section.instructions h2{display:flex;justify-content:center;gap:8px}img.intro-photo{width:100%}ol.list-style-dot{padding-left:8px}.items-list-block.ingredients ol,.items-list-block.tips ol{padding-left:16px;display:flex;flex-direction:column;gap:8px}.items-list-block.tips ol{padding-left:8px}.items-list-block.ingredients li{padding:0 8px;width:fit-content;background:var(--color-white)}.items-list-block.tips li{gap:16px}ol.list-style-dot>li,ol.list-style-number>li{display:flex;gap:8px;line-height:24px}ol.list-style-dot>li{align-items:center}ol.list-style-number>li{align-items:start}ol.list-style-dot>li:before{content:"";border-radius:50%;width:8px;height:8px;background:var(--color-black)}ol.list-style-number>li:before{content:attr(step);flex-shrink:0;border-radius:50%;display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-style:italic;font-weight:900;font-size:12px;color:var(--color-white);background:var(--color-black)}@media (min-width:426px){main[page=recipe] section.ingredients>.container>.container,main[page=recipe] section.instructions>.container>.container,main[page=recipe] section.introduction>.container>.container{padding:16px;display:grid;grid-template-columns:repeat(3,1fr)}main[page=recipe] section.instructions>.container>.container{grid-template-columns:repeat(2,1fr)}main[page=recipe] .text-block{grid-column:span 2}main[page=recipe] .block{margin:0}}@media (min-width:714px){main[page=recipe] section.instructions>.container>.container{grid-template-columns:repeat(3,1fr)}}body>footer{box-sizing:border-box;padding:40px;display:flex;flex-direction:column;align-items:center;gap:20px}nav.links>ul{gap:8px}nav.links>ul>li>a{justify-content:center;height:40px}@media (min-width:620px){body>footer{flex-direction:row;justify-content:space-around;gap:40px}nav.links>ul>li{border-radius:0;width:auto;color:var(--color-black);background:0 0}}footer .copyright{flex-shrink:0;font-size:12px}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/assets/fonts/Lato/Lato-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}