.milk-guide{--mt-cream:#f7f4ed;--mt-ink:#1c2a23;--mt-muted:#566157;--mt-line:#d9d9cd;--mt-red:#b83b30;color:var(--mt-ink);padding:116px 0 0}.milk-guide *{box-sizing:border-box;min-width:0}.milk-guide [hidden]{display:none!important}.milk-guide .s-anim{opacity:1!important;transform:none!important}.mt-wrap{max-width:1320px;margin:0 auto;padding:0 40px}.mt-crumbs{color:var(--mt-muted);flex-wrap:wrap;gap:9px;margin-bottom:34px;font-size:12px;display:flex}.mt-crumbs a:hover{color:var(--mt-red)}.mt-label{letter-spacing:.12em;text-transform:uppercase;color:var(--mt-red);margin:0 0 18px;font-family:JetBrains Mono,monospace;font-weight:500;font-size:11px!important;line-height:1.7!important}.milk-guide h1,.milk-guide h2,.milk-guide h3,.milk-guide h4{letter-spacing:-.035em;text-wrap:balance;font-family:Inter Tight,sans-serif;font-weight:800;line-height:1.08}.milk-guide h1{margin:0;font-size:clamp(46px,4.7vw,68px)}.milk-guide h2{margin:0 0 22px;font-size:clamp(34px,3.3vw,48px)}.milk-guide h3{margin:0 0 18px;font-size:28px}.milk-guide h4{margin:0 0 12px;font-size:19px}.milk-guide h1 em,.milk-guide h2 em{color:var(--mt-red);letter-spacing:-.055em;font-family:Prata,serif;font-style:normal;font-weight:400}.milk-guide p{color:var(--mt-muted);margin:0 0 18px;font-size:16px;line-height:1.75}.milk-guide strong{color:var(--mt-ink)}.milk-guide a:not(.mt-button){text-underline-offset:5px}.milk-guide p a{color:var(--mt-ink);text-decoration:underline}.mt-hero{grid-template-columns:1fr 1fr;align-items:start;column-gap:60px;display:grid}.mt-hero-title{grid-area:1/1;padding-top:28px}.mt-hero-copy{grid-area:2/1;margin-top:30px;padding-bottom:10px}.mt-hero-copy .mt-deck{color:var(--mt-ink);max-width:450px;font-size:20px;line-height:1.5}.mt-hero-photo{background:#e5dfd1;border-radius:14px;grid-area:1/2/3;align-self:stretch;min-height:560px;margin:0;position:relative;overflow:hidden}.mt-hero-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mt-hero-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#16231ab3);position:absolute;inset:60% 0 0}.mt-hero-photo figcaption{z-index:1;color:#fff;font-size:19px;font-weight:600;position:absolute;bottom:24px;left:26px;right:26px}.mt-hero-photo small{opacity:.85;margin-top:6px;font-size:10px;font-weight:400;display:block}.mt-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:26px 0;display:flex}.mt-button{background:var(--mt-red);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:54px;padding:17px 22px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s;display:inline-flex}.mt-button:hover{background:#963027}.mt-link{font-size:14px;font-weight:700;line-height:1.7;text-decoration:underline}.milk-guide .mt-small{font-size:12px;line-height:1.7}.mt-toc{border-block:1px solid var(--mt-line);flex-wrap:wrap;gap:12px 30px;margin-top:42px;padding:25px 0;font-size:13px;font-weight:600;display:flex}.mt-toc a{align-items:center;min-height:32px;display:inline-flex}.mt-section{border-bottom:1px solid var(--mt-line);padding:82px 0;scroll-margin-top:108px}.mt-heading{max-width:700px;margin-bottom:36px}.mt-calculator{grid-template-columns:.85fr 1.15fr;gap:80px;display:grid}.milk-guide fieldset{border:0;max-width:400px;margin:26px 0 0;padding:0}.milk-guide label{margin:16px 0 8px;font-size:13px;font-weight:600;display:block}.milk-guide select{width:100%;color:var(--mt-ink);background:#fffdf8;border:1px solid #b7bdb2;border-radius:6px;min-height:50px;padding:13px 36px 13px 14px;font-family:inherit;font-size:16px}.milk-guide :focus-visible{outline-offset:5px;outline:3px solid #b83b30}.mt-result{background:#e9ebdf;border-radius:12px;align-self:start;padding:34px}.mt-result h3{font-size:26px}.mt-amounts{border-block:1px solid #c9cebf;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0;padding:24px 0;display:grid}.mt-amounts dt{color:var(--mt-muted);margin-bottom:6px;font-size:12px}.mt-amounts dd{margin:0;font-family:Inter Tight,sans-serif;font-size:34px;font-weight:800;line-height:1.1}.mt-recipe-card{border-top:1px solid var(--mt-line);grid-template-columns:.8fr 1.2fr;gap:44px;padding:40px 0;scroll-margin-top:110px;display:grid}.mt-recipe-card:last-child{padding-bottom:0}.mt-recipe-media img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;height:auto}.mt-recipe-media p{margin-top:8px}.mt-ingredients{background:#f0e9dd;border-radius:8px;margin:24px 0;padding:22px 24px}.mt-ingredients ul{grid-template-columns:1fr 1fr;gap:9px 26px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:grid}.mt-steps{counter-reset:mt-step;margin:0;padding:0;list-style:none}.mt-steps li{counter-increment:mt-step;color:var(--mt-muted);margin:0 0 18px;padding-left:36px;scroll-margin-top:110px;font-size:15px;line-height:1.8;position:relative}.mt-steps li:before{content:counter(mt-step);color:var(--mt-red);font-family:Prata,serif;font-size:21px;position:absolute;top:2px;left:0}.milk-guide .mt-note{border-left:2px solid #b9ad8a;margin-top:22px;padding-left:17px;font-size:13px;line-height:1.75}.mt-ratio,.mt-two-col{grid-template-columns:1fr 1fr;gap:70px;display:grid}.mt-ratio-visual{align-self:center}.mt-ratio-bar{border:1px solid #c9b698;border-radius:10px;margin:25px 0 14px;display:flex;overflow:hidden}.mt-ratio-bar div{color:#fff;background:#765039;width:40%;padding:32px 15px;font-size:26px;font-weight:700}.mt-ratio-bar div+div{width:60%;color:var(--mt-ink);background:#ede0c8}.mt-ratio-bar span{margin-top:8px;font-size:12px;font-weight:400;display:block}.mt-base-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.mt-base-grid article{border-top:1px solid var(--mt-line);padding-top:24px}.mt-base-grid h3{font-size:23px}.mt-base-grid p{font-size:15px}.mt-swatch{border-radius:4px;width:40px;height:8px;margin-bottom:24px;display:block}.mt-red{background:#a96134}.mt-shu{background:#503d2b}.mt-oolong{background:#9b9e65}.mt-mid-cta{background:#1c3429;border-radius:12px;align-items:center;gap:50px;margin-top:60px;padding:46px;display:flex}.mt-mid-cta div{flex:1}.mt-mid-cta h2,.mt-mid-cta p{color:#f7f4ed}.mt-mid-cta h2 em{color:#e4bc91}.mt-mid-cta .mt-label{color:#d4ab81}.mt-mid-cta p:last-child{margin-bottom:0}.mt-mid-cta .mt-button{flex-shrink:0}.mt-button-cream{color:#1c2a23;background:#f3e4ce}.mt-button-cream:hover{background:#e7cfad}.mt-paper{background:#ede8dc;border-radius:10px;align-self:start;padding:32px}.mt-paper h3{font-size:25px}.mt-checks{margin:0 0 25px;padding:0;list-style:none}.mt-checks li{margin:14px 0;padding-left:25px;font-size:15px;line-height:1.7;position:relative}.mt-checks li:before{content:"✓";color:#577454;position:absolute;left:0}.mt-fixes{grid-template-columns:1fr 1fr;gap:25px 42px;display:grid}.mt-fixes article{border-top:1px solid var(--mt-line);padding-top:24px}.mt-fixes h3{font-size:24px}.mt-fixes p{font-size:15px}.mt-faq details{border-bottom:1px solid var(--mt-line)}.mt-faq summary{cursor:pointer;padding:21px 30px 21px 0;font-size:17px;font-weight:700;line-height:1.5;list-style:none;position:relative}.mt-faq summary::-webkit-details-marker{display:none}.mt-faq summary span{color:var(--mt-red);font-size:23px;font-weight:400;position:absolute;top:19px;right:0}.mt-faq details[open] summary span{transform:rotate(45deg)}.mt-faq details p{font-size:14px}.mt-sources{background:#e8ebdf;border-radius:10px;align-self:start;padding:32px}.mt-sources p{font-size:14px}.mt-sources h3{font-size:27px}.mt-final{text-align:center;background:#eee3d3;border-radius:12px;margin:60px 0 35px;padding:76px 36px}.mt-final h2{font-size:clamp(36px,4vw,55px)}.mt-final>p{max-width:620px;margin:0 auto 22px}.mt-final .mt-small{margin-top:18px}.mt-related{flex-wrap:wrap;justify-content:center;gap:18px 35px;padding-bottom:60px;font-size:13px;font-weight:600;display:flex}.mt-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.mt-hero{gap:30px}.milk-guide h1{font-size:48px}.mt-hero-photo{min-height:560px}.mt-calculator{gap:40px}.mt-ratio,.mt-two-col{gap:35px}.mt-base-grid{gap:22px}.mt-mid-cta{flex-direction:column;align-items:flex-start;gap:30px;padding:32px}}@media (max-width:760px){.milk-guide{padding-top:104px}.mt-wrap{padding:0 18px}.mt-crumbs{margin-bottom:24px;font-size:11px}.mt-hero{flex-direction:column;gap:0;display:flex}.mt-hero-title{order:0;width:100%;padding:0}.milk-guide h1{font-size:clamp(37px,9vw,53px);line-height:1.13}.mt-label{letter-spacing:.09em;margin-bottom:14px;font-size:10px!important}.mt-hero-photo{aspect-ratio:1.15;order:1;align-self:auto;width:100%;min-height:0;margin-top:26px}.mt-hero-photo img{position:absolute}.mt-hero-photo figcaption{font-size:18px;bottom:20px;left:20px}.mt-hero-copy{flex-direction:column;order:2;margin-top:25px;display:flex}.mt-hero-copy .mt-actions{order:-1;margin:0 0 24px}.mt-hero-copy .mt-deck{font-size:19px}.milk-guide p{font-size:15px;line-height:1.8}.mt-actions{flex-direction:column;align-items:stretch;gap:16px;margin:22px 0}.mt-actions .mt-link{align-self:flex-start;align-items:center;min-height:38px;display:flex}.mt-toc{gap:8px 20px;margin-top:22px;padding:18px 0;font-size:12px}.mt-section{padding:50px 0;scroll-margin-top:98px}.milk-guide h2{margin-bottom:18px;font-size:34px;line-height:1.15}.mt-heading{margin-bottom:26px}.mt-calculator,.mt-two-col,.mt-ratio{grid-template-columns:1fr;gap:28px}.milk-guide fieldset{max-width:none}.mt-result{padding:25px}.mt-amounts{gap:18px}.mt-amounts dd{font-size:31px}.mt-recipe-card{grid-template-columns:1fr;gap:20px;padding:30px 0}.mt-recipe-media img{aspect-ratio:1.2;max-height:440px}.mt-recipe-content h3{font-size:29px}.mt-ingredients{padding:20px}.mt-ingredients ul{grid-template-columns:1fr;gap:10px}.mt-steps li{padding-left:31px;font-size:14px}.mt-ratio-bar div{padding:26px 14px;font-size:23px}.mt-base-grid,.mt-fixes{grid-template-columns:1fr;gap:22px}.mt-base-grid h3{font-size:25px}.mt-mid-cta{gap:24px;margin-top:35px;padding:28px 22px}.mt-mid-cta .mt-button{width:100%}.mt-mid-cta h2{font-size:32px}.mt-paper,.mt-sources{padding:25px}.mt-final{margin:36px 0 25px;padding:40px 22px}.mt-final h2{font-size:34px}.mt-final .mt-button{width:100%}.mt-related{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:40px}.mt-faq summary{font-size:16px}.mt-faq details p{font-size:14px}}@media (prefers-reduced-motion:reduce){.milk-guide *{scroll-behavior:auto!important;transition:none!important}}