.book{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem;display:grid}.book-tile{color:#fff;min-height:380px;box-shadow:var(--shadow);isolation:isolate;border-radius:10px 26px 26px 10px;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;position:relative;overflow:hidden}.book-tile:before{content:"";background:color-mix(in srgb, var(--accent) 80%, #000 12%);z-index:3;width:22px;position:absolute;inset:0 auto 0 0;box-shadow:inset -4px 0 8px #0000002e}.book-tile img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0}.book-tile:after{content:"";z-index:1;background:linear-gradient(#0a141200 25%,#0a1412d1);position:absolute;inset:0}.book-tile:hover{transform:translateY(-8px)rotate(-.8deg);box-shadow:0 24px 50px -12px #14232073}.book-tile:hover img{transform:scale(1.08)}.bt-body{z-index:2;padding:1.6rem 1.6rem 1.6rem 2.6rem;position:relative}.bt-icon{background:color-mix(in srgb, var(--accent) 80%, white);color:#1b2b28;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:.8rem;display:inline-grid}.bt-body h3{color:#fff;margin:0 0 .15rem;font-size:2rem}.bt-body p{opacity:.9;margin:0 0 .8rem;font-size:.95rem;line-height:1.4}.bt-count{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.recipe-card{flex-direction:column;text-decoration:none;transition:transform .35s,box-shadow .35s;display:flex}.recipe-card:hover{transform:translateY(-6px)}.rc-thumb{aspect-ratio:4/3;background:var(--c-sage-soft);overflow:hidden}.rc-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.recipe-card:hover .rc-thumb img{transform:scale(1.06)}.rc-art{color:#1f3a35;opacity:.8;place-items:center;width:100%;height:100%;display:grid}.rc-body{flex-direction:column;flex:1;gap:.5rem;padding:1.2rem 1.4rem 1.5rem;display:flex}.rc-body h3{margin:0;font-size:1.25rem}.rc-body p{color:var(--c-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;display:-webkit-box;overflow:hidden}.rc-meta{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.4rem;display:flex}.rc-chip{background:var(--c-sage-soft);color:var(--c-deep);border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}:root[data-theme=dark] .rc-chip{color:var(--c-teal)}.crumbs{color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:.9rem;display:flex}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{text-decoration:underline}.empty{text-align:center;border:2px dashed var(--c-line);border-radius:var(--radius);color:var(--c-muted);padding:3rem 1.5rem}.recipe-head{max-width:900px}.recipe-head h1{font-size:clamp(2.2rem,5vw,3.8rem)}.facts-row{flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 1.6rem;display:flex}.gallery-main{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:16/10;background:var(--c-sage-soft);overflow:hidden}.gallery-main img{object-fit:cover;width:100%;height:100%}.thumbs{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.thumbs button{cursor:pointer;opacity:.7;background:0 0;border:2px solid #0000;border-radius:14px;width:84px;height:64px;padding:0;overflow:hidden}.thumbs button.on{border-color:var(--c-teal);opacity:1}.thumbs img{object-fit:cover;width:100%;height:100%}.recipe-layout{grid-template-columns:340px 1fr;align-items:start;gap:3rem;margin-top:3rem;display:grid}.ing-card{padding:1.6rem;position:sticky;top:100px}.ing-card h2,.steps h2{font-size:1.5rem}.ing-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ing-list label{cursor:pointer;align-items:flex-start;gap:.7rem;line-height:1.45;display:flex}.ing-list input{width:18px;height:18px;accent-color:var(--c-teal);flex:none;margin-top:.35rem}.ing-list input:checked+span{opacity:.5;text-decoration:line-through}.steps ol{counter-reset:s;gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:52px 1fr;align-items:start;gap:1.1rem;display:grid}.steps li:before{content:counter(s);background:var(--c-deep);color:#fff;width:52px;height:52px;font:600 1.4rem var(--font-head);border-radius:50%;place-items:center;display:grid}:root[data-theme=dark] .steps li:before{background:var(--c-teal);color:#0d1614}.steps li p{margin:.55rem 0 0;font-size:1.1rem}.macros{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.8rem;margin-top:2.2rem;display:grid}.macro{text-align:center;background:var(--c-sage-soft);border-radius:18px;padding:1rem .6rem}.macro b{font:600 1.5rem var(--font-head);display:block}.macro span{letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);font-size:.8rem}.notes{border-left:4px solid var(--c-gold);background:color-mix(in srgb, var(--c-gold) 12%, var(--c-bg));border-radius:0 var(--radius) var(--radius) 0;margin-top:2.2rem;padding:1.4rem 1.6rem}.notes p:last-child{margin:0}@media (width<=880px){.recipe-layout{grid-template-columns:1fr;gap:2rem}.ing-card{position:static}}@media print{.site-header,.site-footer,.no-print,.thumbs,.skip{display:none!important}body{color:#000;background:#fff}.section{padding:1rem 0}.recipe-layout{grid-template-columns:1fr}.ing-card{box-shadow:none;position:static}.gallery-main{aspect-ratio:auto;max-height:280px}}.bt-art{z-index:0;position:absolute;inset:0}.spread-wrap{background:radial-gradient(1000px 500px at 50% 0, color-mix(in srgb, var(--c-gold) 14%, var(--c-bg)), var(--c-bg) 70%);padding:8rem 0 2rem}.spread{--paper:#fffdf7;perspective:2600px;box-shadow:0 1px 0 #e6dcc4, 0 3px 0 var(--paper), 0 4px 0 #e6dcc4, 0 6px 0 var(--paper), 0 7px 0 #e6dcc4, 0 40px 70px -24px #281e0a61;border-radius:14px;grid-template-columns:1fr 1fr;display:grid;position:relative}:root[data-theme=dark] .spread{--paper:#1d2b28;box-shadow:0 40px 70px -24px #000000b3}.spread:after{content:"";pointer-events:none;background:linear-gradient(90deg,#3c2d1400,#3c2d1433 48%,#3c2d1447 50%,#3c2d1433 52%,#3c2d1400);width:70px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.page{background:var(--paper);padding:clamp(1.6rem,4vw,3.2rem);position:relative}.page-l{border-radius:14px 0 0 14px}.page-r{border-radius:0 14px 14px 0;align-items:center;display:flex}.page-l h1{margin-bottom:.6rem;font-size:clamp(2rem,3.6vw,3.2rem)}.toc-h{letter-spacing:.02em;margin:2rem 0 .8rem;font-size:1.3rem}.toc{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.toc a{font-family:var(--font-head);border-radius:10px;align-items:baseline;gap:.6rem;padding:.45rem .3rem;font-size:1.2rem;text-decoration:none;transition:background .25s,padding .25s;display:flex}.toc a:hover{background:color-mix(in srgb, var(--c-gold) 22%, transparent);padding-left:.8rem}.toc-n{color:var(--c-muted);font-size:.9rem;font-family:var(--font-body)}.toc-dots{border-bottom:2px dotted var(--c-line);flex:1;transform:translateY(-.3rem)}.toc-c{font:500 .85rem var(--font-body);color:var(--c-muted)}.page-no{font:italic .9rem var(--font-head);color:var(--c-muted);position:absolute;bottom:1rem}.page-l .page-no{left:50%;transform:translate(-3rem)}.page-r .page-no{left:3rem;right:auto;transform:translate(3rem)}.book-sm{grid-template-columns:1fr 1fr;gap:1rem;width:100%}.book-sm .book-tile{border-radius:6px 18px 18px 6px;min-height:190px}.book-sm .book-tile:last-child:nth-child(odd){grid-column:span 2;min-height:130px}.book-sm .book-tile:before{width:12px}.book-sm .bt-body{padding:1rem 1rem 1rem 1.7rem}.book-sm .bt-body h3{margin:0;font-size:1.3rem}.book-sm .bt-icon{border-radius:10px;width:34px;height:34px;margin-bottom:.4rem}.replay{text-align:center;margin:1.6rem 0 0}.replay button{cursor:pointer;color:var(--c-muted);font:500 .9rem var(--font-body);text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:.5rem;text-decoration:underline;display:inline-flex}.replay button:hover{color:var(--c-ink)}@media (width<=700px){.spread{grid-template-columns:1fr}.spread:after{background:linear-gradient(#3c2d1400,#3c2d1429 50%,#3c2d1400);width:auto;height:50px;inset:50% 0 auto;transform:translateY(-50%)}.page-l{border-radius:14px 14px 0 0}.page-r{border-radius:0 0 14px 14px}.page-no{display:none}}@media print{.spread-wrap{padding-top:1rem}}.spread{transform-style:preserve-3d}.book-cover{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:6;pointer-events:none;position:absolute;top:0;left:50%;container-type:inline-size}.bc-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.bc-front{background:linear-gradient(90deg,#ffffff57 50%,#0000 50%) 0 0/7cqw 7cqw,linear-gradient(#0000 50%,#ffffff57 50%) 0 0/7cqw 7cqw,#c4252b;border-radius:6px 16px 16px 6px;place-items:center;display:grid;box-shadow:inset 14px 0 18px #00000059,inset 0 0 0 1px #0003,inset 0 -60px 80px #5a000033,0 30px 60px -20px #46141480}.bc-front:before{content:"";background:linear-gradient(90deg,#3c00008c,#3c000026 70%,#3c000000);border-radius:6px 0 0 6px;width:9%;position:absolute;inset:0 auto 0 0}.bc-stitch{border:2px dashed #ffffffb3;border-radius:8px;place-items:center;display:grid;position:absolute;inset:3.5% 4% 3.5% 11%}.bc-label{text-align:center;background:#fffdf6;border-radius:12px;width:74%;padding:5cqw 3cqw 4.5cqw;box-shadow:0 0 0 5px #fffdf6,0 0 0 9px #b21f25,0 10px 22px #00000059}.bc-stars{color:#c4252b;letter-spacing:.5em;font-size:3cqw}.bc-title{font:italic 800 clamp(2.6rem, 12cqw, 5.2rem)/1.05 var(--font-head);color:#b21f25;margin:.1em 0}.bc-rule{background:repeating-linear-gradient(90deg,#b21f25 0 10px,#0000 10px 16px);height:4px;margin:6px 12%}.bc-sub{letter-spacing:.28em;color:#3b2b2b;margin-top:12px;font-size:clamp(.7rem,2.8cqw,1rem);font-weight:700}.bc-sub2{font:italic 500 clamp(.8rem, 3.3cqw, 1.15rem) var(--font-head);color:#6b5a5a;margin-top:8px}.bc-back{background:#f3e7c8;border-radius:16px 6px 6px 16px;transform:rotateY(180deg);box-shadow:inset -12px 0 18px #50320a33}.book-rings{z-index:7;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:50%}.book-rings i{border:5px solid #f4f6f7;border-color:#f4f6f7 #9aa2a8 #5e666c #c9cfd3;border-radius:50%;width:32px;height:22px;position:absolute;left:-16px;box-shadow:0 2px 4px #00000059,inset 0 0 3px #0000004d}.book-rings i:first-child{top:16%}.book-rings i:nth-child(2){top:48%}.book-rings i:nth-child(3){top:80%}.book-closed .book-cover,.book-closed .book-rings{display:block}html:not(.book-closed) .book-cover,html:not(.book-closed) .book-rings{display:none}.book-closed .spread{box-shadow:none;opacity:0}.book-closed .spread:after{opacity:0}@media (width<=700px){.book-cover{transform-origin:0;width:100%;left:0}.bc-back{border-radius:16px 6px 6px 16px}.book-rings{left:0}.bc-stitch{place-items:start center}.bc-label{margin-top:min(18svh,150px)}.book-rings i:first-child{top:6%}.book-rings i:nth-child(2){top:16%}.book-rings i:nth-child(3){top:26%}.book-closed .spread-wrap{overflow:hidden}}.book-closed .bc-front{box-shadow:inset 14px 0 18px #0000004d,inset 0 0 0 1px #0003}.book-closed .book-tile img{transition:none}@media (width>=701px) and (width<=1000px){.page{padding:1.4rem 1.3rem}.page-l h1{font-size:1.8rem}.toc a{font-size:1.05rem}.toc-c{font-size:.78rem}.book-sm{gap:.7rem}.book-sm .book-tile{min-height:150px}.book-sm .bt-body h3{font-size:1.1rem}.book-sm .bt-count{font-size:.7rem}}@media (width<=880px){.recipe-layout{grid-template-columns:1fr}}