/* Photo-led recipe experience. The underlying recipes and calculations stay unchanged. */
:root{--green:#36582a;--ink:#1e301b;--cream:#fcf8ef;--sage:#e9ecd7;--muted:#636b56}
header{max-width:1440px;padding:22px 5%;background:#fffaf2}.brand{display:flex;align-items:center;gap:12px;font-size:28px}.brand span{display:none}.brand::before{content:'♧';font-size:38px;font-weight:400}.intro{position:relative;isolation:isolate;overflow:hidden;min-height:370px;padding:55px 45px;border-radius:20px;margin:18px 0 30px;background:#ece5d5}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.intro::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f0e5 0%,#f7f0e5eb 30%,#f7f0e540 63%,transparent 100%)}.intro h1{font-size:clamp(36px,4.3vw,56px);font-weight:600;max-width:550px;letter-spacing:-1px}.intro .lede{max-width:440px;color:#36452e}.intro .eyebrow{color:#435335}.photo-caption{font-size:10px;background:#fffaf0df;color:#46513e;padding:4px 9px;border-radius:5px;position:absolute;bottom:12px;right:12px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:30px 0 15px}.section-heading h2{font-size:32px;font-weight:600;margin:0}.section-heading p{font-size:12px;color:var(--muted)}.featured{margin-bottom:36px}.tools{border-radius:16px;background:white;box-shadow:0 3px 16px #243d1910}.card{box-shadow:0 4px 14px #4f42220c;transition:transform .2s,box-shadow .2s;border-color:#e7dfce}.card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #4f42221a}.recipe-art{position:relative;height:210px;padding:0;overflow:hidden;background-image:none}.recipe-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .recipe-art img{transform:scale(1.045)}.recipe-art>span:not(.photo-caption){position:absolute;top:12px;left:12px;background:#fffaf0e8;border-radius:20px;padding:4px 9px;letter-spacing:1px}.recipe-art strong{margin:28px}.card h2{min-height:0;font-size:25px;font-weight:600;line-height:1.15;margin:10px 0 16px}.card-content{padding:20px}.macro-chips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.macro-chips span{background:#ede6d6;border-radius:18px;padding:4px 8px;font-size:11px;color:#29361e;font-weight:650}.card .save{float:right}.badge{background:#e8ecd8;color:#3d542c}.detail-photo{margin:0;position:relative;border-radius:18px;overflow:hidden;min-height:350px;background:var(--sage)}.detail-photo img{display:block;width:100%;height:100%;max-height:450px;object-fit:cover}.detail-top{grid-template-columns:1fr 1.1fr;align-items:center;gap:28px}.detail-top h1{font-size:43px;font-weight:600;letter-spacing:-.8px}.detail-top .notice{grid-column:1/-1;margin-top:0;padding:18px 24px;background:#f0ecdf;font-size:12px}.detail-top .notice p{margin:7px 0}.calculator{background:linear-gradient(120deg,#ebeddc,#f2f0df 70%,#dfe9c5);border:1px solid #e0e4cb}.calculator-title{width:100%;font-size:20px;font-weight:700;margin:0 0 8px}.presets{display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%}.presets button{background:#fffaf0;border-color:#d9ddc8;font-size:13px}.presets button:hover{background:var(--green)}.nutrition{background:#f0ecdf;border:0;border-radius:14px;padding:20px 25px;margin:22px 0}.nutrition strong{font-family:system-ui;font-size:26px;font-weight:700}.recipe-columns h2{font-family:system-ui;font-size:23px;font-weight:700}.steps li::marker{color:var(--green);font-weight:700}.ingredients li{border-color:#e5dfd1}.storage{background:#ecefdc}.cooking .detail-photo{display:none}.cooking .detail-top{display:block}.cooking .presets{display:none}.cooking .nutrition{display:none}.cooking .calculator-title{display:none}.cooking .calculator{box-shadow:0 4px 18px #243d1920}.cooking .awake-status{font-weight:600}.cooking .recipe-columns{margin-top:28px}.cooking .ingredients label{font-size:18px}@media(prefers-reduced-motion:reduce){.card,.recipe-art img{transition:none}.card:hover{transform:none}}@media(max-width:800px){.intro{padding:30px;min-height:340px}.intro h1{max-width:420px}.featured .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.featured .card h2{font-size:20px}.featured .recipe-art{height:160px}.featured .card-content{padding:14px}.detail-top{grid-template-columns:1fr}.detail-photo{min-height:280px}.detail-photo img{max-height:340px}.section-heading p{max-width:180px;text-align:right}}@media(max-width:520px){header{padding:16px 20px}.brand{font-size:21px;gap:7px}.brand::before{font-size:30px}.intro{padding:28px 22px 40px;min-height:410px}.intro::after{background:linear-gradient(180deg,#f7f0e5fa 0%,#f7f0e5ed 38%,#f7f0e555 65%,transparent 100%)}.hero-photo{object-position:68% center}.intro h1{font-size:36px}.intro .lede{font-size:15px;max-width:280px}.featured .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px}.featured .card{min-width:82%;scroll-snap-align:start}.featured .recipe-art{height:185px}.featured .card h2{font-size:25px}.section-heading{align-items:start}.section-heading h2{font-size:27px}.section-heading p{font-size:11px;max-width:130px;margin-top:2px}.detail-top h1{font-size:35px}.detail-photo{min-height:230px}.calculator{padding:18px}.presets{gap:5px}.presets button{padding:9px 12px}.nutrition{gap:17px;padding:18px}.nutrition strong{font-size:23px}.recipe-art{height:225px}.cooking .presets{display:none}}@media print{.hero-photo,.detail-photo,.recipe-art{display:none}.card{box-shadow:none}.nutrition,.storage{background:white}}