:root{--cream:#f6f3eb;--paper:#fffdf8;--ink:#263c32;--sage:#d0dfcb;--sage-dark:#466b4c;--muted:#737a6f;--line:#e5e2d8;--peach:#efc4a5;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:#fffdf8;border-radius:50%;font-family:"Playfair Display",serif;font-size:15px}.brand strong{display:block;font-family:"Playfair Display",serif;font-size:19px;letter-spacing:.1px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:1px}.header-note{font-size:12px;color:var(--muted)}main{max-width:1180px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;min-height:405px;padding:40px 0 50px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:var(--sage-dark);margin:0 0 13px}.hero h1{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(42px,5vw,65px);line-height:1.04;letter-spacing:-1.5px;margin:0}.hero h1 em{color:var(--sage-dark);font-weight:500}.hero-text{max-width:380px;color:#697268;font-size:15px;margin:18px 0 24px}.hero-link{font-size:13px;font-weight:700;border-bottom:1px solid #9ba997;padding-bottom:7px}.hero-link span{margin-left:12px}.hero-art{height:305px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:42% 42% 28px 28px;background:#e8e9dc}.sun{position:absolute;width:190px;height:190px;border-radius:50%;background:#f4d8b9;right:11%;top:12%}.plate{position:relative;width:245px;height:245px;border-radius:50%;background:#fffdf5;border:12px solid #e2ddcf;box-shadow:0 14px 30px #344a3217;display:grid;place-items:center;transform:rotate(-12deg)}.plate:before{content:"";position:absolute;inset:17px;border:1px solid #e9e2d5;border-radius:50%}.food{position:absolute;border-radius:50%;width:68px;height:55px}.food-one{background:#bd754a;left:35px;top:43px;transform:rotate(35deg)}.food-two{background:#7c9563;left:105px;top:29px;width:78px;height:65px}.food-three{background:#d8ad51;right:24px;top:89px;width:62px;height:65px}.food-four{background:#8eac72;right:46px;bottom:34px;width:75px;height:56px}.food-five{background:#d88770;left:80px;bottom:26px;width:62px;height:58px}.food-six{background:#d4c27b;left:25px;bottom:82px;width:55px;height:50px}.food-seven{background:#53785a;left:91px;top:91px;width:57px;height:57px}.leaf{position:absolute;width:72px;height:30px;border-radius:100% 0 100% 0;background:#8ca17d;opacity:.8}.leaf-one{left:10%;top:20%;transform:rotate(25deg)}.leaf-two{right:8%;bottom:15%;transform:rotate(205deg)}.art-caption{position:absolute;bottom:13px;right:18px;font-family:"Playfair Display",serif;font-style:italic;font-size:12px;color:#66735f}.library-section{padding:26px 0 58px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:24px}.section-heading h2{font-family:"Playfair Display",serif;font-size:clamp(28px,3.5vw,38px);font-weight:500;margin:0;letter-spacing:-.5px}.recipe-count{font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:5px}.search-wrap{height:55px;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 17px;max-width:620px}.search-icon{font-size:28px;color:var(--sage-dark);line-height:1}.search-wrap input{border:0;outline:0;background:transparent;flex:1;min-width:0;font:inherit;font-size:14px;color:var(--ink)}.search-wrap input::placeholder{color:#989c91}.search-wrap kbd{font:10px "DM Sans",sans-serif;color:#999d92;border:1px solid var(--line);border-radius:5px;padding:3px 6px}.categories{display:flex;gap:9px;flex-wrap:wrap;margin:21px 0 27px}.category{border:1px solid #dcded2;background:transparent;color:#626e61;border-radius:99px;padding:9px 15px;font:500 12px "DM Sans",sans-serif;cursor:pointer;transition:.15s}.category:hover,.category.active{background:var(--ink);color:#fffdf8;border-color:var(--ink)}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.recipe-card{background:var(--paper);border:1px solid #ebe8de;border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #283a2d0b}.recipe-visual{height:190px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--sage)}.recipe-visual .bowl{width:130px;height:130px;border-radius:50%;background:#fffdf5;border:8px solid #e1dacb;display:grid;place-items:center;font-size:60px;box-shadow:0 9px 20px #263c3215}.recipe-visual.peach{background:#f0dfd0}.recipe-visual.lilac{background:#e5e0e9}.recipe-visual.sand{background:#e8e0cc}.recipe-visual.green{background:#d0dfcb}.recipe-visual.blue{background:#dce7e5}.card-body{padding:17px 18px 19px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#365c3c;background:#e5eddf;padding:5px 8px;border-radius:5px}.card-body h3{font:600 20px "Playfair Display",serif;margin:0 0 8px;line-height:1.25}.card-body p{font-size:12px;color:var(--muted);margin:0 0 15px;min-height:36px}.card-meta{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:12px;font-size:11px;color:#6d766a}.empty-state{text-align:center;padding:55px 15px}.empty-state>span{font-size:38px}.empty-state h3{font:500 26px "Playfair Display",serif;margin:12px 0 4px}.empty-state p{color:var(--muted);font-size:13px}.button{border:0;border-radius:99px;padding:11px 17px;font:600 12px "DM Sans",sans-serif;cursor:pointer}.button-outline{border:1px solid var(--line);background:transparent;color:var(--ink);margin-top:10px}.note-strip{display:flex;align-items:center;gap:17px;background:#e8e9dd;border-radius:16px;padding:18px 22px;margin:0 0 48px}.note-icon{font-size:23px;color:var(--sage-dark)}.note-strip p{font-size:12px;color:#687164;margin:0}.note-strip strong{color:var(--ink);font-size:13px}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:24px 28px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#81867b;font-size:11px}.footer-brand{font:600 17px "Playfair Display",serif;color:var(--ink)}.recipe-dialog{border:0;border-radius:22px;padding:30px;max-width:560px;width:calc(100% - 28px);background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #18261b30}.recipe-dialog::backdrop{background:#18261b88;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:var(--cream);border-radius:50%;width:32px;height:32px;font-size:23px;cursor:pointer;color:var(--ink)}.dialog-visual{height:165px;display:grid;place-items:center;border-radius:15px;margin-bottom:22px;font-size:65px;background:var(--sage)}.recipe-dialog h2{font:500 32px "Playfair Display",serif;margin:0 0 10px}.recipe-dialog p{font-size:13px;color:var(--muted)}.recipe-dialog h3{font:600 16px "Playfair Display",serif;margin:22px 0 8px}.recipe-dialog li{font-size:13px;margin:7px 0}.recipe-dialog .detail-meta{font-size:12px;color:var(--sage-dark);font-weight:600}
@media(max-width:760px){.site-header{padding:17px 18px}.header-note{display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:38px 0 35px;gap:25px}.hero h1{font-size:51px}.hero-art{height:245px;max-width:500px;width:100%;margin:auto}.plate{transform:scale(.82) rotate(-12deg)}.section-heading{align-items:start;flex-direction:column;gap:5px}.recipe-count{padding:0}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.recipe-visual{height:145px}.recipe-visual .bowl{width:100px;height:100px;font-size:47px}.card-body{padding:13px}.card-body h3{font-size:17px}.card-body p{font-size:11px}.card-meta{font-size:10px;gap:8px}.search-wrap kbd{display:none}.note-strip{margin-bottom:30px;padding:15px}.site-header .brand strong{font-size:17px}footer{padding:22px 18px;flex-wrap:wrap}footer span:nth-child(2){display:none}}
@media(max-width:390px){.recipe-grid{grid-template-columns:1fr}.recipe-visual{height:175px}.recipe-visual .bowl{width:120px;height:120px;font-size:55px}.hero h1{font-size:45px}.categories{gap:7px}.category{padding:8px 12px}}
.recipe-photo{width:100%;height:190px;object-fit:cover;display:block}.dialog-photo{width:100%;max-height:230px;object-fit:cover;border-radius:15px;margin-bottom:20px}.dialog-visual{height:165px;display:grid;place-items:center;border-radius:15px;margin-bottom:22px;font-size:65px;background:#d0dfcb}@media(max-width:760px){.recipe-photo{height:145px}}@media(max-width:390px){.recipe-photo{height:175px}}