@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--ink:#173c35;--red:#bd4a36;--cream:#f7f2e9;--paper:#fffdf8;--sand:#e9dfcf;--soft:#d5e0d6;--muted:#6f766e;font-family:Noto Sans SC,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input{font:inherit}button{cursor:pointer;color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,36px);background:rgba(247,242,233,.92);border-bottom:1px solid rgba(23,60,53,.1);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;font-family:"Noto Serif SC",serif;font-weight:700;font-size:18px;text-align:left}.brand small{display:block;font:600 8px/1.4 Noto Sans SC;letter-spacing:1.7px;color:var(--red);margin-top:2px}.brand-mark{height:37px;width:37px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff4e4;border-radius:50% 50% 46% 46%;font:700 13px "Noto Serif SC";letter-spacing:-1px}nav{display:flex;gap:25px}nav button{border:0;background:transparent;font-size:14px;font-weight:600}nav i{font-style:normal;color:var(--red);font-size:12px}.hero{min-height:550px;display:grid;grid-template-columns:1.05fr .95fr;max-width:1290px;margin:auto;padding:75px max(5vw,36px) 88px;gap:70px;align-items:center}.eyebrow{color:var(--red);font-size:11px;font-weight:700;letter-spacing:1.8px;margin:0 0 13px}.hero h1,.section-head h2,.detail-heading h1{font-family:"Noto Serif SC",serif;letter-spacing:-2px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.18;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p:not(.eyebrow){max-width:440px;color:#59625a;line-height:1.9;font-size:16px}.hero-action{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;gap:16px;margin-top:23px;border-bottom:1px solid var(--ink);padding-bottom:7px}.hero-action span{color:var(--red);font-size:20px;line-height:12px}.hero-photo{height:410px;position:relative}.hero-photo>img{width:100%;height:100%;object-fit:cover;border-radius:50% 50% 5px 5px}.photo-note{position:absolute;bottom:-20px;left:-28px;background:var(--ink);color:#fffaf0;padding:17px 22px;font-size:11px;line-height:1.8;letter-spacing:1px}.photo-note b{font:600 19px "Noto Serif SC";letter-spacing:0}.category-section{background:var(--ink);color:#fffaf0;padding:75px max(5vw,36px) 82px}.section-head{max-width:1180px;margin:0 auto 36px;display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:36px;margin:0;letter-spacing:-1px}.section-head>p:not(.eyebrow){margin:0;color:#d9e5d9;font-size:14px;line-height:1.8}.category-section .eyebrow{color:#e8b393}.categories{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.categories button{background:rgba(255,255,255,.06);color:#fffaf0;border:1px solid rgba(255,255,255,.12);padding:20px 5px;border-radius:3px;transition:.2s}.categories button:hover{transform:translateY(-4px);background:rgba(255,255,255,.14)}.categories span,.categories b,.categories small{display:block}.categories span{font-size:24px;margin-bottom:8px}.categories b{font-size:14px}.categories small{font-size:11px;color:#b9cabd;margin-top:5px}.recipes-section{max-width:1290px;margin:auto;padding:90px max(5vw,36px)}.recipes-head{align-items:center}.recipes-section .section-head h2{font-size:38px}.search{border-bottom:1px solid #a7aba2;width:255px;display:flex;align-items:center;gap:8px;padding-bottom:8px}.search span{font-size:22px;color:var(--red)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:var(--ink)}.filter-row{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid #d9d0c2;padding-bottom:28px;margin-bottom:35px}.filter-row button{border:1px solid #d7d0c4;background:transparent;padding:8px 14px;border-radius:20px;font-size:12px}.filter-row button.selected,.filter-row button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px}.recipe-card{background:var(--paper);border:1px solid #e5ddd1;transition:.25s}.recipe-card:hover{box-shadow:0 13px 32px #2c2f221f;transform:translateY(-4px)}.image-button{border:0;padding:0;background:none;width:100%;height:220px;display:block;position:relative;overflow:hidden}.dish-image{width:100%;height:100%;display:block;object-fit:cover;transition:.4s}.recipe-card:hover .dish-image{transform:scale(1.04)}.card-category{position:absolute;left:12px;top:12px;background:rgba(255,253,248,.9);padding:4px 8px;font-size:11px}.card-copy{padding:17px 18px 18px}.card-title-line{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-copy h3{font:700 21px "Noto Serif SC";margin:0}.card-copy p{font-size:13px;color:#647067;line-height:1.7;margin:8px 0 13px;height:43px}.heart{border:0;background:none;font-size:25px;line-height:1;color:var(--ink)}.heart.active{color:var(--red)}.meta{display:flex;gap:12px;color:#777e76;font-size:11px}.detail-page{max-width:1200px;margin:auto;padding:40px max(5vw,36px) 85px}.back{border:0;background:none;padding:0;color:var(--red);font-size:14px;margin-bottom:30px}.detail-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;margin-bottom:70px}.detail-image{height:460px;object-fit:cover;border-radius:50% 50% 4px 4px}.detail-heading h1{font-size:48px;margin:0 0 15px}.lead{font-size:17px;line-height:1.9;color:#5e675f}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.detail-meta span{background:#eae3d8;padding:7px 10px;font-size:12px}.favorite-button{border:0;background:var(--red);color:#fff;padding:12px 18px;font-weight:600}.favorite-button.saved{background:var(--ink)}.recipe-body{display:grid;grid-template-columns:310px 1fr;gap:80px;align-items:start}.ingredients{background:#ece4d7;padding:30px;position:sticky;top:110px}.ingredients h2,.method h2{font:700 28px "Noto Serif SC";margin:0}.aside-note{color:var(--red);font-size:12px;margin:6px 0 18px}.ingredients ul{list-style:none;padding:0;margin:0}.ingredients li{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px dashed #c5bcae;font-size:13px;line-height:1.5}.ingredients li b{font-weight:500;color:#6d716b;text-align:right}.ingredients h3{font:600 16px "Noto Serif SC";margin:27px 0 5px}.method-intro{color:#70786f;font-size:14px;margin-bottom:28px}.method ol{padding:0;margin:0;list-style:none}.method li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:0 0 24px}.method li span{color:var(--red);font:700 23px "Noto Serif SC"}.method li p{margin:0;line-height:1.9;font-size:15px}.cook-tip{background:var(--soft);padding:22px 25px;margin-top:10px;font-size:14px;line-height:1.8}.cook-tip strong{font:700 17px "Noto Serif SC"}.cook-tip p{margin:8px 0 0}.empty{text-align:center;background:var(--paper);padding:80px 20px;border:1px dashed #c9c1b5}.empty span{font-size:40px;color:var(--red)}.empty h3{font:700 23px "Noto Serif SC";margin:8px}.empty p{color:#6b736d}.empty button{border:0;background:var(--ink);color:#fff;padding:10px 15px;margin-top:10px}footer{background:#102e29;color:#e7eee6;min-height:180px;display:flex;align-items:center;gap:15px;padding:35px max(5vw,36px);position:relative}footer p{font-size:13px;line-height:1.8}footer p b{font:600 16px "Noto Serif SC"}footer small{position:absolute;right:max(5vw,36px);color:#a5b8a7;font-size:11px}@media (max-width:800px){header{height:68px;padding:0 20px}.brand{font-size:14px}.brand-mark{width:31px;height:31px;font-size:11px}.brand small{font-size:7px}nav{gap:12px}.hero{grid-template-columns:1fr;padding:55px 22px 66px;gap:35px}.hero h1{font-size:44px}.hero-photo{height:300px;margin-left:28px}.section-head{display:block}.section-head>p:not(.eyebrow){margin-top:12px}.category-section,.recipes-section{padding:58px 22px}.categories{grid-template-columns:repeat(2,1fr);gap:8px}.categories button{padding:15px}.recipes-head{display:block}.search{margin-top:24px;width:100%}.recipe-grid{grid-template-columns:1fr;gap:18px}.image-button{height:230px}.detail-page{padding:28px 22px 60px}.detail-hero{grid-template-columns:1fr;gap:27px;margin-bottom:45px}.detail-image{height:330px}.detail-heading h1{font-size:38px}.recipe-body{grid-template-columns:1fr;gap:42px}.ingredients{position:static}.method li{grid-template-columns:36px 1fr;gap:12px}.method li span{font-size:19px}footer{padding:35px 22px;min-height:160px}footer small{position:static;margin-left:auto;align-self:flex-end;white-space:nowrap;font-size:10px}}.prep-detail{background:#ece4d7;margin:0 0 32px;padding:22px 25px}.prep-detail h2{font-size:26px;margin:0 0 9px}.prep-detail p{color:#4f5c53;font-size:15px;line-height:1.9;margin:0}@media (max-width: 800px){.prep-detail{margin-bottom:28px;padding:18px 20px}.prep-detail h2{font-size:24px}}.menu-trigger{margin-top:18px;border:0;background:var(--ink);color:#fffaf0;padding:11px 15px;font-size:13px;font-weight:700}.menu-trigger span{color:#f3bb9b;margin-left:8px}.menu-pair{display:flex;align-items:stretch;gap:8px;margin-top:12px;max-width:395px}.menu-pair button{flex:1;text-align:left;border:1px solid #d9d0c2;background:rgba(255,253,248,.55);padding:8px 11px}.menu-pair button:hover{border-color:var(--red)}.menu-pair small,.menu-pair b{display:block}.menu-pair small{font-size:10px;color:var(--red);margin-bottom:2px}.menu-pair b{font:600 15px "Noto Serif SC"}.menu-pair>span{align-self:center;color:var(--red);font-size:18px}@media (max-width:800px){.menu-pair{max-width:none}}.menu-photos{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;height:410px}.meal-photo{border:0;padding:0;background:var(--paper);overflow:hidden;position:relative;text-align:left}.meal-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.meal-photo:hover img{transform:scale(1.04)}.meal-photo span{position:absolute;left:0;right:0;bottom:0;padding:28px 11px 9px;background:linear-gradient(transparent,rgba(16,46,41,.85));color:#fff;font:600 14px "Noto Serif SC"}.meat-photo{border-radius:50% 10px 10px}.vegetable-photo{border-radius:10px 50% 10px 10px;margin-top:65px;margin-bottom:35px}@media (max-width:800px){.menu-photos{height:300px;gap:8px}.vegetable-photo{margin-top:38px;margin-bottom:20px}.meal-photo span{font-size:12px;padding:22px 8px 7px}}
