.hub-hero{padding:clamp(38px,5.5vw,82px) 0 0}.hub-hero-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(28px,4vw,64px);display:grid}.hub-hero h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(2.7rem,4.8vw,5.5rem);line-height:1.1}.hub-hero h1 span{color:#d0edac}.hub-lead{color:var(--muted);max-width:640px;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.85}.hub-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin:30px 0 18px;display:flex}.hub-actions .button{font-size:.9375rem}.hub-small{color:var(--muted);font-size:.8125rem;line-height:1.8}.hub-entry-note{max-width:420px}.hub-hero-preview{place-self:end;width:100%;min-width:0;max-width:480px;margin-top:150px}.hub-cost-note{border-top:1px solid #b7caa63d;align-items:center;gap:24px;margin-top:32px;padding-top:26px;display:flex}.hub-cost-note>div{flex:1}.hub-cost-note p{color:var(--muted);margin-top:8px;font-size:.875rem;line-height:1.8}.hub-cost-note>.text-link{flex-shrink:0;font-size:.875rem}.hub-hero-art{margin:0;position:relative}.hub-hero-art picture{border:1px solid #bed3b050;border-radius:38px 38px 120px;display:block;overflow:hidden;box-shadow:0 26px 64px #0005}.hub-hero-art img{aspect-ratio:1.06;object-fit:cover;object-position:66% center;width:100%;display:block}.hub-hero-art figcaption{text-align:center;color:var(--muted);margin:16px 0 0;font-size:.75rem}.hub-pillars{border-block:1px solid #a4bc9352;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:48px;padding-block:28px;list-style:none;display:grid}.hub-pillars li{align-items:flex-start;gap:12px;font-size:.875rem;line-height:1.6;display:flex}.hub-pillars li>span{color:var(--reading-accent,#b8d491);padding-top:3px;font-size:.7rem}.recipe-hub h2{letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(1.9rem,3.2vw,3.4rem);line-height:1.2}.hub-section-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:60px;margin-bottom:42px;display:grid}.hub-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;list-style:none;display:grid}.hub-steps li{border-top:1px solid #abc79570;padding-top:24px}.hub-step-number{color:#daeab7;font:400 .875rem var(--font-display)}.recipe-hub h3{font:500 1.4rem/1.4 var(--font-display);letter-spacing:-.025em}.hub-steps h3{align-items:center;gap:12px;margin:24px 0 12px;display:flex}.hub-steps p,.hub-community-grid p,.hub-author-story p{color:var(--muted);font-size:.9375rem;line-height:1.85}.hub-pro{color:#d4eaaa;font:600 .6875rem/1.6 var(--font);letter-spacing:0;background:#91b95c19;border:1px solid #bfdb925e;border-radius:7px;padding:2px 8px;display:inline-block}.hub-method-note{max-width:810px;margin-top:30px}.hub-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.hub-example{border-radius:28px;overflow:hidden}.hub-example-art{background:radial-gradient(at 50% 45%,#6d966552,#0000 70%),#11211ddd;place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.hub-example-art-yogurt>.artwork{filter:drop-shadow(0 18px 26px #0008);width:265px;height:auto}.hub-example-art-porridge picture,.hub-example-art-porridge img{object-fit:cover;object-position:center 62%;width:100%;height:100%}.hub-example-label{color:#e6ecd9;letter-spacing:.035em;background:#10201eef;border:1px solid #c7ddba45;border-radius:8px;padding:7px 12px;font-size:.7rem;position:absolute;top:18px;left:18px}.hub-example-body{padding:28px 32px 32px}.hub-example-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.hub-example-heading>span{color:#c0d999;font-size:.75rem}.hub-example-body>p{color:var(--muted);min-height:1.6em;margin:10px 0 24px;font-size:.875rem;line-height:1.6}.hub-example-portion{color:var(--muted);border-block:1px solid #bad0a743;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:16px;font-size:.875rem;display:flex}.hub-example-portion strong{color:#f0f5e7;font-weight:500}.hub-example-portion>span:last-child>strong{letter-spacing:-.035em;font-size:1.8rem}.hub-example-macros{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));gap:15px;margin:20px 0 26px;display:grid}.hub-example-macros dt{color:var(--muted);margin-bottom:5px;font-size:.75rem}.hub-example-macros dd{font:400 1.125rem var(--font-display);margin:0}.hub-example-macros>div:first-child dd{color:#a5daec}.hub-example-macros>div:nth-child(2) dd{color:#f0cb94}.hub-example-macros>div:nth-child(3) dd{color:#cae8a3}.hub-example-body>.text-link{min-height:44px}.hub-examples-note{max-width:760px;margin:24px 0 0}.hub-community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.hub-community-grid h3{margin:18px 0 12px}.hub-author-story{border-radius:30px;grid-template-columns:.65fr 1.35fr;align-items:center;gap:48px;margin-top:52px;padding:42px 52px;display:grid}.hub-author-art{justify-content:center;align-items:center;display:flex}.hub-author-art .sanvi{width:260px;max-width:100%}.hub-author-story h3{margin:18px 0;font-size:clamp(1.65rem,2.4vw,2.6rem)}.hub-author-story .hub-small{margin-top:12px;font-size:.8125rem}.hub-author-story .button{margin-top:24px;font-size:.875rem}.hub-faq-grid{grid-template-columns:.8fr 1.2fr;gap:72px;display:grid}.hub-faq h2{margin:0;font-size:clamp(1.8rem,2.5vw,2.8rem)}.hub-faq details{border-bottom:1px solid #a4bc9352}.hub-faq details:first-child{border-top:1px solid #a4bc9352}.hub-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:20px 0;font-size:1rem;line-height:1.6;list-style:none;display:flex}.hub-faq summary::-webkit-details-marker{display:none}.hub-faq summary>span{overflow-wrap:anywhere;min-width:0}.hub-faq summary svg{color:#c6ddaa;flex-shrink:0;margin:4px;transition:transform .2s}.hub-faq details[open] summary svg{transform:rotate(45deg)}.hub-faq details p{color:var(--muted);padding:0 28px 24px 0;font-size:.9375rem;line-height:1.85}.hub-final{text-align:center;padding-top:36px}.hub-final .hub-lead{margin:24px auto}.hub-final .hub-actions,.hub-final .eyebrow{justify-content:center}@media (width<=1000px){.hub-hero-grid{gap:30px}.hub-hero h1{font-size:clamp(2.4rem,4.8vw,3.7rem)}.hub-section-heading{gap:32px}.hub-steps,.hub-community-grid{gap:26px}.hub-example-body{padding:24px}.hub-author-story{gap:30px;padding:32px}.hub-faq-grid{gap:36px}}@media (width<=650px){.hub-hero{padding-top:20px}.hub-hero-preview{justify-self:center;margin-top:0}.hub-cost-note{flex-wrap:wrap;align-items:start;gap:16px}.hub-cost-note>div{flex-basis:calc(100% - 66px)}.hub-cost-note>.text-link{margin-left:0}.hub-hero-grid,.hub-section-heading,.hub-example-grid,.hub-author-story,.hub-faq-grid{grid-template-columns:1fr}.hub-hero-grid{gap:30px}.hub-hero h1{margin:16px 0;font-size:clamp(1.85rem,7.4vw,2.8rem)}.hub-lead{font-size:1rem;line-height:1.6}.hub-actions{justify-content:center;gap:14px 24px}.hub-entry-note{margin-inline:auto}.hub-hero-art picture{border-radius:26px 26px 76px}.hub-hero-art img{aspect-ratio:1.28;object-position:65% 60%}.hub-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin-top:30px;padding-block:24px}.hub-pillars li{gap:8px;font-size:.8125rem}.hub-section-heading{gap:22px;margin-bottom:30px}.recipe-hub h2{font-size:clamp(1.9rem,7.8vw,2.5rem)}.hub-steps{grid-template-columns:1fr;gap:26px}.hub-steps li{grid-template-columns:30px 1fr;column-gap:16px;display:grid}.hub-step-number{grid-row:1/3;padding-top:7px}.hub-steps h3{margin:0 0 10px;font-size:1.3rem}.hub-method-note{text-align:center}.hub-example-grid{gap:24px}.hub-example-art{height:180px}.hub-example-art-yogurt>.artwork{width:165px}.hub-example-body{padding:24px}.hub-example-heading{gap:8px 16px}.hub-example-heading h3{font-size:1.3rem}.hub-examples-note{text-align:center}.hub-community-grid{text-align:left;grid-template-columns:1fr;gap:20px}.hub-community-grid article{grid-template-columns:48px minmax(0,1fr);gap:8px 14px;display:grid}.hub-community-grid article>.artwork{grid-area:1/1/3;width:48px;height:48px;margin:0}.hub-community-grid article :is(h3,p){grid-column:2;margin:0}.hub-community-grid article h3{font-size:1.125rem}.hub-community-grid>.artwork,.hub-community-grid article>.artwork{margin-inline:auto}.hub-author-story{gap:24px;margin-top:36px;padding:28px 22px}.hub-author-art .sanvi{width:190px}.hub-author-story h3{font-size:1.7rem}.hub-faq-grid{gap:30px}.hub-faq summary{gap:18px;font-size:.9375rem}.hub-faq details p{padding-right:0}.hub-final{padding-top:24px}}@media (prefers-reduced-motion:reduce){.hub-faq summary svg{transition:none}}@media (forced-colors:active){.hub-example-label,.hub-pro{border-color:canvastext}.hub-example-macros dd,.hub-hero h1 span{color:canvastext}}