/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
body,figure,h1,h2,h3,h4,html,li,ol,p,ul{margin:0;padding:0}html{box-sizing:border-box;background:#f3f3f3;border-top:6px solid #1663c7}*,:after,:before{box-sizing:inherit}img{max-width:100%;height:auto;display:block}body{color:#1f2e41;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:18px}.page{max-width:1080px;margin:0 auto;padding:60px 1rem 0}@media (width>=1080px){.page{padding:60px 60px 0}}.handwritten{color:#1663c7;letter-spacing:1px;font-family:Damion,cursive;font-size:32px}header{border-bottom:1px solid #f3f3f3;width:100%;display:block}.homepage-header--title{text-align:center;margin-bottom:13px;font-size:60px}.homepage-header--title a{color:#1663c7;font-family:Damion,cursive;font-weight:400;line-height:1.5;text-decoration:none}.detail-header{max-width:1080px;margin:0 auto;padding:0 2rem;line-height:66px}.page .detail-header{padding:0}.detail-header--title{color:#1663c7;font-family:Damion,cursive;font-size:24px;text-decoration:none}.detail-header--title:hover{text-decoration:underline}.story{text-align:center;padding-top:40px;line-height:1.5}.story figure{max-width:200px;margin-bottom:40px;display:inline-block}.lightbox button,.story figure img{border-radius:100rem}.story h2{letter-spacing:1px;color:#1663c7;margin:0 auto 1rem;font-size:42px;font-weight:900}.story a{color:#1663c7;font-weight:700;text-decoration:none}.story a:hover{text-decoration:underline}.story p{color:#283c46;text-align:left;max-width:650px;margin:0 auto 1rem;font-weight:300}.recipes{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px 20px;margin-top:40px;display:grid}.recipe a{color:#1f2e41;text-decoration:none}.recipe a:hover{color:#1663c7}.recipe figure{transition:all .4s}.recipe figure:hover{transform:scale(1.02);box-shadow:0 7px 14px #0000001a,0 3px 6px #00000014}.recipe figure img{border-radius:3px;width:100%}.recipe h3{padding:2rem 1rem 1rem;font-weight:700;line-height:1.5}.content,.intro{max-width:1080px;margin:0 auto}.intro{padding:40px 2rem}.intro h1{margin-bottom:15px;font-size:36px;font-weight:900;line-height:1.125}.intro--content{color:#3c6598;letter-spacing:.3px;max-width:650px;font-size:24px;font-weight:200;line-height:1.35}.intro--content p{margin-bottom:1rem}.intro--content a{color:#1663c7}.images{white-space:nowrap;background:#f3f3f3;padding:40px 2rem 40px calc(max(2rem,50vw - 540px + 2rem));overflow-x:auto}.images figure{vertical-align:top;margin-right:14px;display:inline-block}.images img{width:auto;max-height:320px}.content{margin-top:75px;padding:0 2rem;overflow:hidden}.content h4{text-transform:uppercase;margin-bottom:15px;font-weight:700}.content li,.the-footer ul{list-style:none}.content--ingredients{margin-bottom:2rem}.content--ingredients li{line-height:2}.content--ingredients strong{padding-top:10px;display:inline-block}.content--steps ol{counter-reset:step}.content--steps li{white-space:pre-line;counter-increment:step;margin-bottom:25px;padding-left:32px;line-height:33px;position:relative}.content--steps li:before{content:counter(step);color:#1663c7;font-weight:700;position:absolute;left:0}@media (width>=1080px){.content--ingredients{float:left;width:33%}.content--steps{float:left;width:66%;padding-left:60px}}.prose{max-width:650px;margin-top:40px;padding:0}.prose h1,.prose h3,.prose p{margin-bottom:1rem;line-height:1.5}.the-footer{text-align:center;border-top:1px solid #f3f3f3;margin-top:40px;padding:40px 1rem}.the-footer ul{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.the-footer a{color:#1663c7;text-decoration:none}.the-footer a:hover{text-decoration:underline}.lightbox{background:0 0;border:0;outline:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}.lightbox::backdrop{background:#000000e6}.lightbox[open]{justify-content:center;align-items:center;display:flex}.lightbox img{-o-object-fit:contain;object-fit:contain;cursor:pointer;width:auto;max-width:100vw;max-height:100vh}.lightbox button{color:#fff;cursor:pointer;background:#0006;border:0;width:56px;height:56px;font-size:40px;line-height:1;position:fixed}.lightbox button:focus-visible,.lightbox button:hover{background:#000000b3}.lightbox--close{top:12px;right:12px}.lightbox--prev{top:calc(50% - 28px);left:12px}.lightbox--next{top:calc(50% - 28px);right:12px}