/* About's paper, type, framed photograph and editorial reading rhythm. */
.heritage-comparison{--paper:#f6f0e3;--ink:#123b29;--green:#123b29;--muted:#586852;--line:#123b2938;background:var(--paper);color:var(--ink)}
.heritage-comparison .hero.founder-opening{margin:0 auto;align-items:center}
.heritage-comparison .comparison-opening-copy h1{font-family:MatchaPrompt,JMStore,JMSans,Arial,sans-serif;font-weight:900;font-size:clamp(56px,5.2vw,78px)!important;line-height:.96;letter-spacing:-.052em;margin:0;max-width:11ch;text-wrap:balance}
.heritage-comparison .comparison-opening-copy .heritage-label{margin-bottom:28px}
.heritage-comparison .comparison-opening-copy .founder-opening-intro{max-width:36ch;margin-top:28px;font-size:13px;line-height:1.75;font-weight:400}
.heritage-comparison .comparison-opening-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:27px}
.heritage-comparison .comparison-opening-actions .heritage-text-link{font-family:JMStore,JMSans,sans-serif;font-size:12px;min-width:200px;gap:42px;padding:12px 0;margin:0;border-radius:0;background:transparent;color:inherit}
.heritage-comparison .comparison-opening-photo img{object-position:center;min-height:480px}
.heritage-comparison .comparison-contents{margin-bottom:0}
.heritage-comparison .section-pad{padding:90px max(24px,7vw);border:0}
.heritage-comparison .section-heading{display:block;max-width:940px;margin:0 auto;text-align:center}
.heritage-comparison .section-heading .eyebrow,.heritage-comparison .founder-note>.eyebrow,.heritage-comparison .references>.eyebrow{font:600 9px/1.5 JMStore,JMSans,sans-serif;letter-spacing:.14em;margin:0 0 28px}
.heritage-comparison .section-heading h2{max-width:17ch;margin:0 auto}
.heritage-comparison .section-heading>p:last-child:not(.eyebrow){max-width:43ch;margin:28px auto 0;font-size:13px;line-height:1.75}
.heritage-comparison .outcomes{max-width:1300px;margin:0 auto;background:transparent}
.heritage-comparison .outcome-list{display:block;max-width:1040px;margin:48px auto 0;padding:0;border:0}
.heritage-comparison .outcome-list article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:30px;border:0;border-top:1px solid var(--line);padding:30px 0;background:transparent}
.heritage-comparison .outcome-list article:last-child{border-bottom:1px solid var(--line)}
.heritage-comparison .outcome-number{font:400 44px/1.05 JMSerif,Georgia,serif;letter-spacing:-.04em;color:var(--ink);padding:0}
.heritage-comparison .outcome-list article>div{display:grid;grid-template-columns:1fr 1.4fr;gap:0 35px;align-items:start}
.heritage-comparison .outcome-list h3{font:500 14px/1.5 JMStore,JMSans,sans-serif;letter-spacing:0;margin:0;text-transform:none;color:inherit}
.heritage-comparison .outcome-list p{font-size:12px;line-height:1.75;margin:0;max-width:46ch}
.heritage-comparison .outcome-list a{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:24px;width:max-content;max-width:100%;font-size:11px;line-height:1.5;min-height:44px;margin-top:5px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
.heritage-comparison .sugar{background:#e9e9da}
.heritage-comparison .sugar-grid{max-width:1160px;margin:48px auto 0;gap:36px}
.heritage-comparison .sugar-product{background:transparent;border:0;border-top:1px solid var(--line);padding:26px 0 0;min-width:0}
.heritage-comparison .sugar-type{font:600 9px/1.5 JMStore,JMSans,sans-serif;letter-spacing:.09em}
.heritage-comparison .sugar-product h3{font:500 14px/1.5 JMStore,JMSans,sans-serif;letter-spacing:0;text-transform:none;margin:18px 0 5px}
.heritage-comparison .sugar-product p,.heritage-comparison .sugar-product a{font-size:12px;line-height:1.75}
.heritage-comparison .sugar-product .sugar-size,.heritage-comparison .sugar-product .sugar-detail,.heritage-comparison .sugar-product a{font-size:11px}
.heritage-comparison .sugar-product .sugar-amount{font:400 64px/1 JMSerif,Georgia,serif;letter-spacing:-.04em;margin-top:24px;color:inherit}
.heritage-comparison .sugar-product .recipe-amount{font:400 34px/1.12 JMSerif,Georgia,serif;letter-spacing:-.035em;margin-top:26px;color:inherit}
.heritage-comparison .sugar-product .recipe-amount em{font:inherit;font-style:italic}
.heritage-comparison .sugar-track{height:3px;background:#123b2912;margin-top:18px}
.heritage-comparison .sugar-track span{background:#123b296b}
.heritage-comparison .sugar-footnote{max-width:1000px;font-size:10px;line-height:1.8;margin:34px auto 0;text-align:center}
.heritage-comparison .comparison .table-wrap{max-width:1160px;margin:48px auto 0}
.heritage-comparison table{font-family:JMStore,JMSans,sans-serif;font-size:13px;line-height:1.75}
.heritage-comparison caption{font-size:10px;padding-bottom:16px}
.heritage-comparison thead th{font:400 34px/1.2 JMSerif,Georgia,serif;color:var(--ink);padding-bottom:24px}
.heritage-comparison tbody th{font-size:11px;line-height:1.75;font-weight:500;padding:25px 26px 25px 0}
.heritage-comparison tbody td{font-size:12px;line-height:1.75;padding:25px 25px 25px 0}
.heritage-comparison tbody td:last-child{padding-right:0}
.heritage-comparison .caffeine{background:#123b29;color:#fff9ed}
.heritage-comparison .caffeine .section-heading h2{max-width:18ch}
.heritage-comparison .caffeine-panel{max-width:1040px;margin:48px auto 0;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px 55px}
.heritage-comparison .controls{padding:0}
.heritage-comparison .dose-options span{border-radius:0;border-color:#fff9ed55;min-width:50px;min-height:48px}
.heritage-comparison .dose-options input:checked+span{background:#f6f0e3;color:#123b29;border-color:#f6f0e3}
.heritage-comparison legend,.heritage-comparison .coffee-select{font-size:12px;line-height:1.7}
.heritage-comparison .coffee-select select{font-size:16px!important}
.heritage-comparison .chart-label{font-size:12px}
.heritage-comparison .chart-label strong{font:400 40px/1.1 JMSerif,Georgia,serif;letter-spacing:-.03em}
.heritage-comparison .bar-track{height:13px;margin-top:14px}
.heritage-comparison .matcha-range{background:#c7d89c;border-color:#c7d89c}
.heritage-comparison .caffeine-chart figcaption{font-size:12px}
.heritage-comparison .chart-summary{font-size:12px;line-height:1.75;margin-top:26px}
.heritage-comparison .chart-note{font-size:10px;line-height:1.8}
.heritage-comparison .caffeine-after{font-size:11px;line-height:1.8;max-width:850px;margin:36px auto 0;text-align:center;border:0;padding:0}
.heritage-comparison .cost{max-width:1400px;margin:0 auto}
.heritage-comparison .cost .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 7vw;text-align:left;max-width:1160px}
.heritage-comparison .cost .section-heading>.eyebrow{grid-column:1/-1}
.heritage-comparison .cost .section-heading h2{margin:0;max-width:13ch}
.heritage-comparison .cost .section-heading>p:last-child{grid-column:2;margin:0;align-self:center;max-width:35ch}
.heritage-comparison .cost-form{max-width:1160px;margin:44px auto 0}
.heritage-comparison .cost-fields{gap:28px}
.heritage-comparison .cost-fields label{font-size:11px;line-height:1.7}
.heritage-comparison .cost-fields input,.heritage-comparison .cost-fields select{font-size:16px!important;min-height:50px;margin-top:10px}
.heritage-comparison .cost-fields input::placeholder{font-size:11px}
.heritage-comparison .cost-result{padding:30px 0;border-block-color:var(--line)}
.heritage-comparison .cost-result output{font:400 clamp(40px,4.3vw,62px)/1.15 JMSerif,Georgia,serif;letter-spacing:-.03em}
.heritage-comparison .cost-result p{font-size:12px;line-height:1.75}
.heritage-comparison .cost-method{font-size:12px}
.heritage-comparison .cost-small{font-size:10px;line-height:1.8;max-width:850px}
.heritage-comparison .founder-note{display:block;text-align:center;background:transparent;max-width:940px;margin:0 auto;padding:75px 32px 90px}
.heritage-comparison .founder-note h2{max-width:16ch;margin:0 auto}
.heritage-comparison .founder-note>div>p{max-width:43ch;margin:28px auto 0;font-size:13px;line-height:1.75}
.heritage-comparison .founder-note .text-link{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:max-content;margin:25px auto 0;font-size:12px;min-height:44px}
.heritage-comparison .references{border-top:1px solid var(--line);max-width:1400px;margin:0 auto;padding-top:65px}
.heritage-comparison .references>h2{max-width:16ch;margin:0}
.heritage-comparison .references ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 65px;max-width:1120px;margin-top:35px}
.heritage-comparison .references li>a{font-size:12px;line-height:1.65}
.heritage-comparison .references li p{font-size:11px;line-height:1.75}
.heritage-comparison .references .blend-reference-note{font-size:11px;line-height:1.8;max-width:64ch;margin:28px 0 0}
.heritage-comparison .comparison-photo-credit{font-size:10px;line-height:1.75;color:var(--muted);margin-top:35px}
.heritage-comparison .comparison-ai-actions{display:flex;justify-content:center;max-width:1160px;margin:30px auto 0}
.heritage-comparison .comparison-ai-actions .heritage-text-link{font-size:12px;min-height:44px;padding:12px 0;max-width:100%;gap:30px}
.heritage-comparison .cost .comparison-ai-actions{justify-content:flex-start}
@media(min-width:701px) and (max-width:1050px){
 .heritage-comparison .comparison-opening-copy h1{font-size:5.6vw!important}
 .heritage-comparison .comparison-opening-photo img{min-height:430px}
 .heritage-comparison .caffeine-panel{gap:30px}
 .heritage-comparison .dose-options{gap:6px}
 .heritage-comparison .dose-options span{min-width:42px}
 .heritage-comparison .cost-fields{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .heritage-comparison .hero.founder-opening{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:40px 23px 36px}
 .heritage-comparison .comparison-opening-copy h1{font-size:clamp(42px,11.2vw,63px)!important}
 .heritage-comparison .comparison-opening-copy .heritage-label{font-size:9px;margin-bottom:24px}
 .heritage-comparison .comparison-opening-copy .founder-opening-intro{font-size:13px;line-height:1.75;margin-top:25px;max-width:35ch}
 .heritage-comparison .comparison-opening-actions{margin-top:22px;gap:8px}
 .heritage-comparison .comparison-opening-photo img{min-height:0;height:auto;aspect-ratio:4/5;width:100%;object-fit:cover}
 .heritage-comparison .comparison-contents{margin:0 23px;padding:7px 0;gap:0 24px}
 .heritage-comparison .section-pad{padding:58px 23px}
 .heritage-comparison .section-heading .eyebrow{font-size:8px;margin-bottom:24px}
 .heritage-comparison .section-heading h2{max-width:17ch;margin:0 auto}
 .heritage-comparison .section-heading>p:last-child:not(.eyebrow){font-size:13px;line-height:1.75;max-width:35ch;margin-top:25px}
 .heritage-comparison .outcome-list{margin-top:32px}
 .heritage-comparison .outcome-list article{grid-template-columns:40px minmax(0,1fr);gap:15px;padding:23px 0}
 .heritage-comparison .outcome-number{font-size:31px;padding-top:1px}
 .heritage-comparison .outcome-list article>div{display:block}
 .heritage-comparison .outcome-list h3{font-size:13px}
 .heritage-comparison .outcome-list p{font-size:12px;margin-top:9px}
 .heritage-comparison .outcome-list a{font-size:11px;margin-top:6px}
 .heritage-comparison .sugar-grid{display:block;margin-top:32px}
 .heritage-comparison .sugar-product{padding:24px 0;margin-top:0}
 .heritage-comparison .sugar-product .sugar-amount{font-size:60px;margin-top:20px}
 .heritage-comparison .sugar-footnote{font-size:10px;text-align:left;margin-top:10px}
 .heritage-comparison .comparison .table-wrap{margin-top:32px}
 .heritage-comparison caption{font-size:9px}
 .heritage-comparison thead th{font-size:24px;padding:0 10px 20px 0}
 .heritage-comparison thead td{width:24%}
 .heritage-comparison tbody th{font-size:10px;padding:20px 13px 20px 0}
 .heritage-comparison tbody td{font-size:11px;padding:20px 12px 20px 0}
 .heritage-comparison .caffeine-panel{display:block;margin-top:34px}
 .heritage-comparison .controls{display:grid;grid-template-columns:1fr;gap:24px}
 .heritage-comparison .coffee-select{margin:0;max-width:360px}
 .heritage-comparison .dose-options{gap:9px;margin-top:12px}
 .heritage-comparison .dose-options span{min-width:60px}
 .heritage-comparison .caffeine-chart{margin-top:34px}
 .heritage-comparison .chart-label strong{font-size:34px}
 .heritage-comparison .chart-summary{font-size:12px}
 .heritage-comparison .chart-note{font-size:10px;margin-top:26px}
 .heritage-comparison .caffeine-after{font-size:11px;line-height:1.8;margin-top:28px;text-align:left}
 .heritage-comparison .cost .section-heading{display:block}
 .heritage-comparison .cost .section-heading h2{margin:0;text-align:left}
 .heritage-comparison .cost .section-heading>p:last-child{margin:25px 0 0;max-width:35ch}
 .heritage-comparison .cost-form{margin-top:30px}
 .heritage-comparison .cost-fields{grid-template-columns:1fr 1fr;gap:26px 18px}
 .heritage-comparison .cost-fields label{font-size:11px;min-width:0}
 .heritage-comparison .cost-result{gap:25px;grid-template-columns:1fr;padding:26px 0}
 .heritage-comparison .cost-result>div+div{border-top:1px solid var(--line);padding-top:24px}
 .heritage-comparison .cost-result output{font-size:42px}
 .heritage-comparison .founder-note{padding:45px 23px 58px}
 .heritage-comparison .founder-note h2{margin:0 auto}
 .heritage-comparison .founder-note>div>p{max-width:35ch;font-size:13px}
 .heritage-comparison .references{padding-top:45px}
 .heritage-comparison .references>h2{margin:0}
 .heritage-comparison .references ol{grid-template-columns:1fr;gap:26px;margin-top:30px}
 .heritage-comparison .references .blend-reference-note{font-size:11px;max-width:35ch}
 .heritage-comparison .comparison-photo-credit{font-size:10px;margin-top:28px}
}