@font-face{font-family:"DM Sans";src:url("/assets/dm-sans-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f7f3e8;--ink:#0b2d5b;--rust:#a13f25;--gold:#e5b956;--line:#c9c9bc;--sans:"DM Sans",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.25em}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--serif);font-weight:700;letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(2.65rem,4.8vw,4.8rem)}h3{line-height:1.15}.eyebrow{font-size:.8125rem;letter-spacing:.12em;font-weight:800;line-height:1.6}em{font-weight:inherit}::selection{background:var(--gold);color:var(--ink)}.skip-link{position:absolute;z-index:10;top:-6rem;left:1rem;padding:.8rem 1rem;background:var(--paper)}.skip-link:focus{top:1rem}
.announcement{background:var(--ink);color:var(--paper);text-align:center;padding:.5rem 1rem;font-size:.875rem}.announcement span{margin-left:1rem;color:#d5dfed}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 4.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.brand-mascot{width:92px;margin-left:-1.6rem;transform:translateY(.9rem);mix-blend-mode:darken;flex-shrink:0}.wordmark{display:block;width:200px}.wordmark img{width:100%}.wordmark small{display:block;text-align:center;font:700 .53rem/1.35 var(--sans);letter-spacing:.025em;margin-top:.7rem}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.9375rem;font-weight:750}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.nav-contact{padding:.6rem .9rem;border:1px solid var(--ink)}.nav-contact span{margin-left:.75rem}
.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1720px;margin:auto}.hero-copy{padding:4rem 9% 2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(3.5rem,6.3vw,6.8rem);margin:1.35rem 0 1.8rem}.hero h1 em{color:var(--rust)}.hero-description{font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.45;font-weight:750}.hero-support{max-width:36ch;margin-top:1.25rem;color:#4e5d6b;font-size:1.0625rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;background:var(--ink);color:var(--paper);text-decoration:none;padding:.95rem 1.35rem;font-weight:750;font-size:1rem;line-height:1.5;border:2px solid var(--ink);transition:background .15s ease}.button:hover{background:var(--rust);border-color:var(--rust)}.hero .button{margin-top:1.8rem}.small-note{font-size:.875rem;margin-top:.65rem;color:#4e5d6b}.hero-bottom{width:100%;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:2.4rem;padding-top:1rem;font-size:.6875rem;font-weight:800;letter-spacing:.04em}.hero-image{background:#e3d8c7;position:relative;min-height:640px}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image figcaption{position:absolute;bottom:1rem;left:1rem;right:1rem;width:fit-content;max-width:calc(100% - 2rem);padding:.3rem .65rem;background:var(--paper);color:var(--ink);font-size:.75rem;line-height:1.5}.brand-strip{display:flex;align-items:center;justify-content:center;gap:3rem;padding:1.15rem 1.25rem;background:var(--gold);border-block:1px solid var(--ink);font-size:.875rem;letter-spacing:.1em;font-weight:850}.brand-strip span[aria-hidden]{font-size:1.3rem;line-height:1}
.section-width{max-width:1440px;margin:auto;padding:6rem 5.5%}.section-heading>.eyebrow{margin-bottom:1.75rem}.section-heading>div{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:5rem}.section-heading p:not(.eyebrow){font-size:1.125rem;line-height:1.7;max-width:46ch}.directions{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.direction{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--ink);background:#e6e9df}.card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-label{font-size:.75rem;font-weight:800;letter-spacing:.06em}.direction h3{font-family:var(--serif);font-size:clamp(2.75rem,4vw,4rem);letter-spacing:-.05em;margin:2rem 0 1.1rem}.direction>p{max-width:36ch}.direction .card-method{font-weight:800;font-size:1.125rem;margin-top:1.75rem}.card-status{border-top:1px solid currentColor;padding-top:.8rem;margin-top:1rem;font-size:.8125rem;opacity:.9}.seasoned{background:var(--rust);color:var(--paper)}.product-note{font-size:.875rem;max-width:88ch;margin-top:1.4rem;color:#4e5d6b}.product-note strong{color:var(--ink)}
.easy{background:var(--ink);color:var(--paper)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}.steps article{border-top:1px solid #7188a3;padding-top:1.4rem}.step-symbol{font-size:2rem;color:var(--gold)}.steps h3{font-family:var(--serif);font-size:2.65rem;letter-spacing:-.04em;margin:.4rem 0 1rem}.steps p{max-width:29ch;color:#e2e5e4;font-size:1rem}.method-note{font-size:.875rem;color:#d0d8dd;border-top:1px solid #7188a3;margin-top:2.5rem;padding-top:1rem;max-width:85ch}
.character{display:grid;grid-template-columns:1fr 1fr}.character-art{background:var(--paper);padding:3.5rem 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;position:relative;border-bottom:1px solid var(--line)}.character-art::before,.character-art::after{content:"";position:absolute;top:0;bottom:0;width:22px;background:repeating-conic-gradient(#0b2d5b18 0 25%,transparent 0 50%) 0 / 22px 22px}.character-art::before{left:0}.character-art::after{right:0}.character-art img{width:100%;max-width:410px;mix-blend-mode:darken}.character-art .eyebrow{text-align:center}.character-copy{background:#e8dfca;padding:5.5rem 12%;display:flex;flex-direction:column;justify-content:center}.character-copy h2{margin:1.5rem 0 2rem}.character-copy h2 em{color:var(--rust)}.character-copy>p:not(.eyebrow){max-width:40ch;font-size:1.0625rem;margin-top:1rem}.text-link{display:inline-block;width:fit-content;font-weight:750;margin-top:1.5rem}.text-link:hover{color:var(--rust)}.text-link span{margin-left:.4rem}
.family>.eyebrow{margin-bottom:1.25rem}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.family-card{padding:2rem;border:1px solid var(--ink);display:grid;grid-template-columns:150px 1fr;gap:1.75rem;align-items:center}.family-card.soy{background:#e5b956;color:#3f4b2c;border-color:#3f4b2c}.family-card.soy h3{color:#a13f25}.family-card.soy .family-mark img{mix-blend-mode:normal}.family-card.tofu{background:var(--paper)}.family-mark img{width:100%;max-height:190px;object-fit:contain;mix-blend-mode:darken}.family-card h3{font-family:var(--serif);font-size:2rem;letter-spacing:-.045em;margin:.65rem 0 1rem}.family-card p:not(.eyebrow){font-size:.9375rem}.family-card .eyebrow{font-size:.6875rem}.family-card .text-link{font-size:.9375rem;margin-top:1rem}
.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;padding-top:1rem}.questions h2{margin-top:1.3rem}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-weight:750;padding:1.3rem 2.2rem 1.3rem 0;position:relative;font-size:1.0625rem;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:.3rem;top:1.25rem;font-size:1.35rem;font-weight:400}details[open] summary:after{content:"−"}details p{padding:0 2rem 1.4rem 0;color:#4e5d6b;font-size:1rem}
.howdy{background:var(--rust);color:var(--paper);text-align:center;padding:5rem 1.5rem}.howdy h2{font-size:clamp(3.5rem,7vw,7rem);margin:1rem 0 1.7rem}.howdy>p:not(.eyebrow){margin:0 auto;max-width:48ch;font-size:1.125rem}.button-light{background:var(--paper);color:var(--rust);border-color:var(--paper);margin-top:1.8rem}.button-light:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.howdy .contact-note{font-size:.875rem;margin-top:.75rem}.howdy a:focus-visible{outline-color:var(--gold)}.partner-line{border-top:1px solid #d08972;max-width:720px;margin:3.3rem auto 0;padding-top:1.6rem;display:flex;justify-content:center;gap:.4rem 1rem;flex-wrap:wrap;font-size:.875rem}.partner-line a{font-weight:750}
.site-footer{padding:3rem 5.5% 1.2rem}.footer-top{display:grid;grid-template-columns:minmax(290px,1.15fr) 1fr 1fr;align-items:start;gap:2rem}.footer-brand{display:flex;align-items:center;width:290px;max-width:100%;text-decoration:none}.footer-wordmark{display:block;flex:1;min-width:0}.footer-wordmark img{width:100%}.footer-mascot{width:96px;margin-left:-1.6rem;transform:translateY(.9rem);mix-blend-mode:darken;flex-shrink:0}.footer-brand small{display:block;text-align:center;font:750 .6875rem/1.5 var(--sans);letter-spacing:.08em;margin-top:.7rem}.footer-top p{font-size:.9375rem}.family-links{display:flex;flex-direction:column;gap:.6rem;font-size:.875rem;font-weight:650}.family-links a{text-decoration:none}.family-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2.5rem;font-size:.8125rem;color:#4e5d6b}.legal{max-width:780px;padding:4.5rem 1.5rem;margin:auto}.legal h1{font-size:3rem;margin-bottom:2rem}.legal h2{font-family:var(--sans);letter-spacing:0;font-size:1.25rem;line-height:1.5;margin:2rem 0 .5rem}.legal p{margin-top:1rem}.legal .eyebrow{margin-bottom:1rem}
@media(max-width:1100px){.site-header nav{gap:1.2rem}.wordmark{width:175px}.brand-mascot{width:78px}.hero-copy{padding:3rem 8% 1.75rem}.hero h1{font-size:clamp(3.1rem,6.3vw,5rem)}.hero-image{min-height:620px}.hero-description{font-size:1.2rem}.hero-support{font-size:1rem}.hero-bottom{font-size:.6rem}.section-width{padding:4.5rem 5.5%}.section-heading>div{gap:3rem}.family-card{grid-template-columns:1fr;padding:1.6rem;gap:1rem}.family-mark{height:140px}.family-mark img{height:100%;margin:auto;width:160px}.character-copy{padding:4rem 10%}.questions{gap:3rem}.family-card h3{font-size:2.3rem}}
@media(max-width:760px){.announcement{font-size:.8125rem}.announcement span{display:block;margin:0}.site-header{padding:1rem 5%;gap:1rem}.brand-mascot{width:68px}.wordmark{width:155px}.wordmark small{font-size:.45rem}.site-header nav{max-width:175px;flex-wrap:wrap;justify-content:flex-end;gap:.65rem 1rem;font-size:.8125rem}.site-header .nav-contact{border:0;padding:0}.nav-contact span{margin-left:.2rem}.hero{grid-template-columns:1fr}.hero-copy{padding:2.8rem 6% 1.8rem}.hero h1{font-size:clamp(3.2rem,11vw,6rem);margin:1.2rem 0 1.5rem}.hero-description{font-size:1.35rem}.hero-support{max-width:38ch}.hero .button{margin-top:1.5rem}.hero-bottom{font-size:.65rem;margin-top:1.8rem}.hero-image{min-height:0}.hero-image img{height:auto;width:100%;max-height:680px;object-fit:cover}.brand-strip{gap:1rem;font-size:.75rem;letter-spacing:.03em;flex-wrap:wrap}.section-width{padding:3.8rem 6%}.section-heading>div{grid-template-columns:1fr;gap:1.5rem}.section-heading p:not(.eyebrow){font-size:1rem}.section-heading>.eyebrow{margin-bottom:1.25rem}.directions{gap:1rem;grid-template-columns:1fr;margin-top:2.5rem}.direction{padding:1.5rem}.direction h3{font-size:3rem;margin-top:1.5rem}.steps{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.steps p{max-width:40ch}.steps article{display:grid;grid-template-columns:35px 1fr;column-gap:1rem;align-items:start}.steps h3{font-size:2.4rem;margin-top:.3rem}.steps p{grid-column:2}.step-symbol{line-height:1.4}.character{grid-template-columns:1fr}.character-art{padding:3rem 12%}.character-art img{max-width:340px}.character-copy{padding:3.5rem 6%}.character-copy>p:not(.eyebrow){max-width:42ch}.family-grid{grid-template-columns:1fr;margin-top:2rem}.family-card{grid-template-columns:100px 1fr;padding:1.4rem;gap:1.2rem}.family-mark{height:auto}.family-mark img{height:auto;max-height:150px;width:100%}.family-card h3{font-size:2rem}.family-card p:not(.eyebrow){font-size:.875rem}.questions{grid-template-columns:1fr;gap:2rem;padding-top:.5rem}.howdy{padding:3.8rem 6%}.howdy>p:not(.eyebrow){font-size:1rem}.partner-line{margin-top:2.2rem}.footer-top{grid-template-columns:1fr;gap:1.7rem}.site-footer{padding:2.7rem 6% 1.2rem}.footer-bottom{margin-top:2rem;font-size:.75rem}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:480px){.site-header{flex-direction:column;gap:.85rem}.site-header nav{max-width:none;justify-content:center;gap:1rem}.brand-mascot{width:78px}.wordmark{width:175px}.hero h1{font-size:3.3rem}.brand-strip{font-size:.65rem;gap:.55rem}.hero-bottom span:last-child{display:none}.family-card{grid-template-columns:1fr}.family-mark img{width:120px}.button{gap:1.5rem;padding:.85rem 1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
