.tr-article{--tr-green:#173f32;--tr-green-soft:#e7eee7;--tr-ink:#17332a;--tr-copy:#42564d;--tr-line:#d9dfda;--tr-paper:#fbfaf7;--tr-berry:#7d2142;overflow-x:clip;color:var(--tr-ink);background:#fff;font-family:var(--font-body-family)}
.tr-article *{box-sizing:border-box}.tr-shell{width:100%;max-width:var(--page-width,1400px);margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}.tr-article h1,.tr-article h2,.tr-article h3{color:var(--tr-green);font-family:var(--font-heading-family)}
.tr-hero{position:relative;min-height:620px;overflow:hidden;background:var(--tr-paper)}.tr-hero__image,.tr-hero__veil{position:absolute}.tr-hero__image{left:28%;right:auto;top:6%;width:68%;height:94%;object-fit:cover;object-position:center top;filter:saturate(.98);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 100%)}.tr-hero__veil{inset:0;background:linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.99) 34%,rgba(251,250,247,.9) 43%,rgba(251,250,247,.42) 55%,rgba(251,250,247,.08) 66%,transparent 78%)}.tr-hero__inner{position:relative;z-index:1;min-height:620px;display:flex;align-items:center}.tr-hero__copy{width:min(42%,540px);padding-block:44px}.tr-kicker{display:inline-flex;align-items:center;min-height:34px;margin:0 0 24px;padding:7px 15px;border-radius:999px;background:var(--tr-green-soft);color:var(--tr-green);font-size:13px;font-weight:700;letter-spacing:.02em}.tr-hero h1{max-width:610px;margin:0;font-size:clamp(44px,4.2vw,62px);line-height:1.02;letter-spacing:-.045em}.tr-description{max-width:530px;margin:22px 0 0;color:var(--tr-copy);font-size:18px;line-height:1.62}.tr-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}.tr-benefit{display:grid;gap:10px;align-content:start;color:var(--tr-copy);font-size:13px;line-height:1.42}.tr-benefit__icon{display:block;width:38px;height:38px;object-fit:contain}.tr-benefit p{margin:0}
.tr-stats-wrap{position:relative;z-index:2;margin-top:-58px}.tr-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,660px);padding:20px 0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 10px 32px rgba(31,57,46,.07)}.tr-stat{min-width:0;padding:0 18px;text-align:center;border-right:1px solid var(--tr-line)}.tr-stat:last-child{border-right:0}.tr-stat strong{display:block;color:var(--tr-green);font-size:18px;line-height:1.05;white-space:nowrap}.tr-stat span{display:block;margin-top:6px;color:var(--tr-copy);font-size:10px}.tr-nutrition-note{width:min(100%,660px);margin:12px 0 0;color:#738078;font-size:11px}
.tr-body{max-width:1200px;margin-inline:auto;padding:66px 0 88px}.tr-body h2{margin:0 0 30px;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.025em}.tr-body h2 small{color:var(--tr-copy);font-family:var(--font-body-family);font-size:13px;font-weight:400;letter-spacing:0}.tr-section{padding:46px 0;border-bottom:1px solid var(--tr-line)}.tr-section:first-child{padding-top:0}.tr-ingredient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tr-ingredient{min-height:220px;padding:8px 20px;display:grid;place-items:center;align-content:center;gap:2px;text-align:center;background:transparent}.tr-ingredient__mark{width:232px;height:174px;display:grid;place-items:center;overflow:visible;background:transparent}.tr-ingredient__image{display:block;width:220px;height:166px;max-width:none;object-fit:contain}.tr-ingredient strong{display:block;font-size:19px}.tr-ingredient span{display:block;margin-top:5px;color:var(--tr-copy);font-size:18px;line-height:1.55}.tr-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}.tr-step{min-height:150px;padding:0 30px;border-right:1px solid var(--tr-line)}.tr-step:first-child{padding-left:0}.tr-step:last-child{padding-right:0;border-right:0}.tr-step__number{width:42px;height:42px;display:grid;place-items:center;margin-bottom:22px;border-radius:50%;background:var(--tr-green-soft);color:var(--tr-green);font-weight:700}.tr-step p{margin:0;color:var(--tr-copy);font-size:20px;line-height:1.68}
.tr-ingredient-grid--five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tr-ingredient-grid--five .tr-ingredient{padding-inline:8px}.tr-ingredient-grid--five .tr-ingredient__mark{width:190px;height:150px}.tr-ingredient-grid--five .tr-ingredient__image{width:180px;height:140px}
.tr-tips{position:relative;overflow:hidden;padding:30px 238px 30px 32px;border:1px solid #eadde2;border-radius:6px;background:linear-gradient(108deg,#fffafa 0%,#f8eff2 58%,#f1e7eb 100%);box-shadow:0 8px 25px rgba(113,26,53,.055)}.tr-tips h2{position:relative;z-index:2;margin-bottom:22px;font-size:26px}.tr-tips-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tr-tip{min-height:88px;padding:0 28px;border-right:1px solid rgba(91,45,60,.16)}.tr-tip:first-child{padding-left:0}.tr-tip:last-child{border-right:0}.tr-tip__icon{display:block;width:32px;height:32px;margin-bottom:12px;color:var(--tr-berry);font-size:26px;line-height:1;object-fit:contain}.tr-tip p{margin:0;color:var(--tr-copy);font-size:16px;line-height:1.55}.tr-tips::after{content:"Small Choices, A Healthier You —";position:absolute;z-index:2;right:30px;bottom:29px;width:165px;color:#5c1730;font-family:"Segoe Print","Bradley Hand",cursive;font-size:17px;line-height:1.15;text-align:center;transform:rotate(-7deg)}.tr-tips::before{content:"";position:absolute;top:-35px;right:-25px;width:255px;height:185px;opacity:.25;background:radial-gradient(ellipse at 75% 15%,#8e2347 0 14%,transparent 15%),radial-gradient(ellipse at 85% 52%,#bf6d89 0 21%,transparent 22%),radial-gradient(ellipse at 45% 5%,#d9a8b8 0 16%,transparent 17%);transform:rotate(-9deg)}
.tr-article[data-recipe-palette="green"] .tr-tips{border-color:#cddfc4;background:linear-gradient(108deg,#fcfef9 0%,#f0f7e9 58%,#e4f0da 100%);box-shadow:0 8px 25px rgba(50,91,45,.07)}.tr-article[data-recipe-palette="green"] .tr-tip{border-color:rgba(48,83,43,.2)}.tr-article[data-recipe-palette="green"] .tr-tip__icon{color:#315f38}.tr-article[data-recipe-palette="green"] .tr-tips::after{color:#315b32}.tr-article[data-recipe-palette="green"] .tr-tips::before{opacity:.3;background:radial-gradient(ellipse at 75% 15%,#4f8048 0 14%,transparent 15%),radial-gradient(ellipse at 85% 52%,#83a978 0 21%,transparent 22%),radial-gradient(ellipse at 45% 5%,#b9cfb1 0 16%,transparent 17%)}
.tr-products{padding:48px 0 8px}.tr-products__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.tr-products__head h2{margin:0;font-size:clamp(26px,2.7vw,34px)}.tr-products__head p{max-width:420px;margin:0;color:#53665f;font-size:13px;line-height:1.5;text-align:right}.tr-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:920px}.tr-product-card{display:flex;flex-direction:column;min-width:0;background:#fff}.tr-product-card__media{position:relative;display:grid;place-items:center;height:274px;overflow:hidden;background:#fff;text-decoration:none}.tr-product-card__media img{display:block;width:100%;height:100%;object-fit:contain}.tr-product-card__badge{position:absolute;z-index:2;top:10px;left:10px;padding:6px 9px;background:#17503d;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tr-product-card__body{display:flex;flex:1;flex-direction:column;padding:14px 0 0}.tr-product-card h3{margin:0;font-size:17px;line-height:1.25}.tr-product-card h3 a{color:var(--tr-green);text-decoration:none}.tr-product-card__price{margin:7px 0 13px;color:#172d26;font-size:15px;font-weight:700}.tr-product-form{margin-top:auto}.tr-product-card__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:154px;padding:10px 16px;border:0;background:#173f52;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.tr-product-card__button svg{width:15px;height:15px}.tr-product-card__button:disabled{opacity:.55;cursor:not-allowed}.tr-back{display:inline-flex;align-items:center;gap:11px;margin-top:34px;color:var(--tr-green);font-size:14px;text-decoration:none}.tr-back:hover{text-decoration:underline;text-underline-offset:4px}.tr-back:focus-visible,.tr-product-card a:focus-visible,.tr-product-card button:focus-visible{outline:3px solid #a9b99e;outline-offset:4px}
.tr-more-recipes{margin-top:58px;padding-top:46px;border-top:1px solid var(--tr-line)}.tr-more-recipes h2{margin:0 0 28px;font-size:clamp(28px,3vw,34px)}.tr-more-recipes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tr-more-recipe{display:block;min-width:0;background:#fbfaf7;color:var(--tr-green);text-align:center;text-decoration:none}.tr-more-recipe img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.tr-more-recipe h3{margin:0;padding:16px 8px 18px;font-size:13px;line-height:1.25;font-weight:600}.tr-more-recipe:hover h3{text-decoration:underline;text-underline-offset:3px}.tr-more-recipe:focus-visible{outline:3px solid #a9b99e;outline-offset:4px}
@media(max-width:989px) and (min-width:750px){.tr-hero__copy{width:48%}.tr-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-ingredient-grid,.tr-ingredient-grid--five,.tr-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-ingredient-grid--five .tr-ingredient:last-child{grid-column:1/-1}.tr-ingredient{min-height:200px}.tr-ingredient__mark,.tr-ingredient-grid--five .tr-ingredient__mark{width:180px;height:136px}.tr-ingredient__image,.tr-ingredient-grid--five .tr-ingredient__image{width:170px;height:130px}.tr-step{padding:26px;border-bottom:1px solid var(--tr-line)}.tr-step:first-child{padding-left:26px}.tr-step:nth-child(2){border-right:0}.tr-step:nth-last-child(-n+2){border-bottom:0}.tr-product-grid{gap:20px}.tr-product-card__media{height:220px}}
@media(max-width:749px){.tr-shell{padding-inline:18px}.tr-hero{display:flex;flex-direction:column;min-height:0;overflow:visible}.tr-hero picture{display:contents}.tr-hero__image{position:relative;order:2;left:auto;right:auto;top:auto;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;filter:none;-webkit-mask-image:none;mask-image:none}.tr-hero__veil{display:none}.tr-hero__inner{order:1;min-height:0;align-items:flex-start;padding-inline:18px}.tr-hero__copy{width:calc(100vw - 36px);max-width:100%;min-width:0;padding:32px 0 28px}.tr-kicker{min-height:30px;margin-bottom:18px;padding:6px 12px;font-size:11px}.tr-hero h1{width:100%;max-width:100%;font-size:clamp(34px,10vw,42px);line-height:1.04;white-space:normal;overflow-wrap:break-word}.tr-description{width:100%;max-width:100%;margin-top:20px;font-size:16px;line-height:1.55;overflow-wrap:break-word}.tr-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:26px}.tr-benefit{min-width:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;line-height:1.35}.tr-benefit p{min-width:0;overflow-wrap:break-word}.tr-benefit__icon{width:30px;height:30px}.tr-stats-wrap{min-width:0;margin-top:0;padding-top:22px;background:#fff}.tr-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;padding:0;box-shadow:none;border:1px solid var(--tr-line)}.tr-stat{padding:18px 8px;border-bottom:1px solid var(--tr-line)}.tr-stat:nth-child(2n){border-right:0}.tr-stat:last-child{grid-column:1/-1;border-bottom:0}.tr-stat strong{font-size:17px;white-space:normal}.tr-stat span{font-size:11px}.tr-nutrition-note{width:100%;font-size:10px;line-height:1.45}.tr-body{min-width:0;padding:26px 0 58px}.tr-body h2{margin-bottom:24px;font-size:29px}.tr-section{padding:34px 0}.tr-ingredient-grid,.tr-ingredient-grid--five{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.tr-ingredient-grid--five .tr-ingredient:last-child{grid-column:1/-1}.tr-ingredient{min-width:0;min-height:168px;padding:8px 4px;gap:5px}.tr-ingredient__mark,.tr-ingredient-grid--five .tr-ingredient__mark{width:132px;height:98px;max-width:100%}.tr-ingredient__image,.tr-ingredient-grid--five .tr-ingredient__image{width:124px;height:94px;max-width:100%}.tr-ingredient strong{font-size:16px}.tr-ingredient span{font-size:14px;line-height:1.4;overflow-wrap:break-word}.tr-directions{grid-template-columns:1fr}.tr-step,.tr-step:first-child{min-height:0;padding:20px 0;border-right:0;border-bottom:1px solid var(--tr-line)}.tr-step:last-child{border-bottom:0}.tr-step__number{width:36px;height:36px;margin-bottom:12px}.tr-step p{font-size:17px;line-height:1.55}.tr-tips{padding:26px 22px 128px}.tr-tips h2{font-size:26px}.tr-tips-grid{grid-template-columns:1fr}.tr-tip,.tr-tip:first-child{min-height:0;padding:18px 0;border-right:0;border-bottom:1px solid rgba(91,45,60,.16)}.tr-tip:last-child{border-bottom:0}.tr-tip__icon{width:28px;height:28px;margin-bottom:10px}.tr-tip p{font-size:16px}.tr-tips::after{right:14px;bottom:25px;width:145px}.tr-products{padding-top:38px}.tr-products__head{display:block;margin-bottom:20px}.tr-products__head p{margin-top:8px;text-align:left}.tr-product-grid{grid-template-columns:1fr;gap:18px;max-width:none}.tr-product-card{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;padding-bottom:18px;border-bottom:1px solid var(--tr-line)}.tr-product-card__media{height:150px}.tr-product-card__body{min-width:0;padding:4px 0 4px 16px}.tr-product-card h3{font-size:15px;overflow-wrap:break-word}.tr-product-card__price{margin:6px 0 10px;font-size:14px}.tr-product-card__button{width:100%;min-width:0;padding:9px 8px}.tr-back{margin-top:28px}}
@media(min-width:750px){.tr-hero{width:min(100%,1909px);min-height:0;aspect-ratio:1909/824;margin-inline:auto}.tr-hero__inner{min-height:100%}.tr-hero__image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.98);-webkit-mask-image:none;mask-image:none}.tr-hero__veil{inset:0;background:linear-gradient(90deg,rgba(251,250,247,.98) 0%,rgba(251,250,247,.96) 24%,rgba(251,250,247,.86) 38%,rgba(251,250,247,.48) 52%,rgba(251,250,247,.1) 67%,transparent 79%)}}
@media(max-width:749px){.tr-more-recipes{margin-top:38px;padding-top:32px}.tr-more-recipes h2{margin-bottom:20px;font-size:28px}.tr-more-recipes__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tr-more-recipe h3{padding:12px 6px 14px;font-size:12px}}
@media(max-width:749px){.tr-hero__inner{width:100%;max-width:100%}.tr-hero__copy{width:100%;max-width:100%}.tr-hero h1{font-size:clamp(32px,8.8vw,38px);overflow-wrap:anywhere}.tr-description{overflow-wrap:anywhere}}
