/* The history opens like a different volume, with its own green paper. */
#roots{--paper:#e2e4d9;--ink:#283c32;--muted:#526052;--line:#aeb8a4;--accent:#765031;background:var(--paper);padding:0 7vw 65px;isolation:isolate}
.history-prologue{background:#2d4036;color:#f4f0e7;margin:0 -7vw;padding:90px 7vw 65px;display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center}
#roots .heritage-intro{padding:0;max-width:none}
#roots .heritage-intro h2{font-size:clamp(48px,5.7vw,84px);margin:28px 0 30px}
#roots .heritage-intro>p:not(.small-label){font-size:15px;max-width:530px;color:#e0e5d8}
.history-prologue .small-label{color:#d3d5b8}
.history-prologue a:hover{color:#e9c796}
.history-prologue a:focus-visible{outline-color:#e9c796}
.history-prologue .actions{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:25px}
#roots .history-opening-image{width:100%;margin:0;transform:rotate(1.1deg)}
#roots .history-opening-image img{width:100%;height:400px;object-fit:cover;mask-image:none;border:8px solid #e7e6d8;box-shadow:12px 16px 0 #172c2438}
#roots .history-opening-image figcaption{font-size:10px;color:#d8ddcf;margin:22px 10px 0;max-width:none;line-height:1.7}
.history-answer{display:grid;grid-template-columns:.9fr 1.5fr;gap:7vw;padding:55px 0;border-bottom:1px solid var(--line)}
.history-answer h3{font:35px/1.2 var(--serif);margin:0}
.history-answer p{font-size:15px;line-height:1.9;margin:0;max-width:720px}
.history-directory{padding:65px 0 25px;scroll-margin-top:35px}
.history-directory-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px}
.history-directory-heading h3{font:38px/1.2 var(--serif);margin:10px 0 20px}
.history-directory-heading>p{max-width:360px;font-size:12px;color:var(--muted)}
.history-periods{display:none;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}
.history-browsable .history-periods{display:grid}
.history-periods button{padding:18px 12px 16px;text-align:left;position:relative;min-height:86px;border-right:1px solid var(--line);font-size:11px;line-height:1.6}
.history-periods button:last-child{border-right:0}
.history-periods button>span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px;letter-spacing:.06em}
.history-periods button[aria-selected=true]{background:#314b3c;color:#fff9eb}
.history-periods button[aria-selected=true]>span{color:#dde5d0}
.history-periods button:hover>span{transform:none}
#roots .atlas-journey{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;padding:35px 0 60px;align-items:start}
#roots .history-thread{grid-column:1;grid-row:1;width:auto;padding:0}
#roots .history-chapter{padding:20px 0;min-height:0;display:block;scroll-margin-top:40px}
#roots .history-chapter[hidden]{display:none}
#roots .history-chapter h3{font-size:clamp(35px,3.5vw,50px);margin:0 0 25px}
#roots .history-chapter>p{font-size:14px;max-width:560px;line-height:1.9}
#roots .history-chapter .history-date{margin-bottom:23px!important;font-size:10px!important}
#roots .history-chapter .source-period{font-size:11px;color:var(--muted)}
#roots .atlas-track{grid-column:2;grid-row:1;position:relative;inset:auto;width:auto;background:#f0f0e640;border:1px solid var(--line);padding:20px 20px 16px}
#roots .atlas-sticky{position:relative;top:auto;padding:0}
#roots .atlas-heading,#roots .atlas-tabs{margin-left:0;margin-right:0}
#roots .atlas-heading>span{font-size:16px}
#roots .atlas-map{height:290px;margin-top:8px}
#roots .atlas-note{margin:0;min-height:0;padding-top:17px;border-color:var(--line)}
#roots .atlas-note p:not(.place-name){display:block;font-size:11px}
#roots .atlas-note .place-name{font-size:25px;display:block;margin:0 0 8px}
#roots .atlas-evidence{display:none}
#roots .atlas-travel{margin:18px 0 0;border-color:var(--line)}
#roots .atlas-caption{margin:12px 0 0;font-size:10px}
#roots .atlas-credit{display:block;margin:8px 0 0;color:var(--muted)}
.history-studies{margin:0 -7vw;padding:70px 7vw 80px;background:#d0d6c6;border-top:1px solid #afbba3;scroll-margin-top:0}
.history-studies-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:end;margin-bottom:40px}
#roots .history-studies h2{font-size:clamp(43px,5.1vw,68px);margin:20px 0 0}
.history-studies-heading>p{font-size:14px;line-height:1.9;margin:0;max-width:490px}
.history-studies-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #9aa98e;padding-bottom:18px}
.history-studies-tools>p{font-size:11px;margin:0;color:#4b5d48}
.history-studies-tools button{font-size:11px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.ingredient-study{border-bottom:1px solid #9aa98e;scroll-margin-top:30px}
.ingredient-study>summary{list-style:none;display:grid;grid-template-columns:45px minmax(180px,1fr) minmax(200px,1.05fr) 25px;gap:20px;align-items:center;padding:25px 0;cursor:pointer}
.ingredient-study>summary::-webkit-details-marker{display:none}
.study-number{font:italic 23px var(--serif);color:#566d4f}
.ingredient-study>summary h3{font:30px/1.18 var(--serif);margin:0;letter-spacing:-.035em}
.ingredient-study>summary p{font-size:12px;line-height:1.7;margin:0;color:#435640}
.study-toggle{font-size:23px;text-align:right}
.ingredient-study[open] .study-toggle{font-size:0}
.ingredient-study[open] .study-toggle:after{content:'−';font-size:23px}
.ingredient-study[open]>summary{padding-bottom:30px}
.study-body{padding:0 0 40px 65px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,.85fr);gap:55px}
.study-lead{font:24px/1.45 var(--serif);letter-spacing:-.025em;margin-bottom:28px}
.study-moments{list-style:none;padding:0;margin:0;border-left:1px solid #94a48b}
.study-moments li{position:relative;padding:0 0 28px 26px}
.study-moments li:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;left:-4px;top:7px;background:#4e6745}
.study-moments li:last-child{padding-bottom:0}
.study-moments .study-date{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#42533d;margin:0 0 8px;font-weight:600}
.study-moments p{font-size:13px;line-height:1.9;margin:0 0 9px}
.study-citations{display:flex;flex-wrap:wrap;gap:5px 15px}
.study-citations a{font-size:10px;text-decoration:underline;text-underline-offset:4px;line-height:1.7}
.study-family{align-self:start;border-top:3px double #809071;border-bottom:1px solid #a1ad95;padding:20px 0 24px}
.study-family h4{font:29px/1.2 var(--serif);margin:14px 0 18px}
.study-family p{font-size:13px;line-height:1.9}
.study-family .small-label{font-size:9px;margin-bottom:8px}
.study-family .study-limit{font-size:11px;color:#475641;border-top:1px solid #a1ad95;padding-top:15px;margin-top:20px}
.study-family button{font-size:11px;margin-top:4px;text-align:left}
.history-reading-note{display:flex;gap:30px;justify-content:space-between;align-items:baseline;margin:30px 0 0}
.history-reading-note p{font-size:11px;max-width:650px;line-height:1.8;margin:0}
#roots .history-return-image{min-height:370px;margin:0 -7vw;padding:55px 7vw;overflow:hidden}
#roots .history-return-image img{mask-image:linear-gradient(90deg,transparent,black 70%);opacity:.65}
#roots .history-return-image>p{font:italic 32px/1.35 var(--serif);position:relative;max-width:460px;text-shadow:0 2px 15px #e2e4d9}
#roots .history-return-image>span{position:absolute;bottom:20px;right:7vw;font-size:9px;max-width:290px;color:#263c30;background:#e2e4d9d9;padding:5px 9px}
#roots .family-fit{padding:60px 0 0;margin:0}
#roots .family-fit h2{font-size:clamp(43px,5vw,68px);max-width:850px}
#roots .origin-thread{margin:35px 0;gap:40px}
#roots .origin-thread h3{font-size:29px}
#roots .origin-thread p{font-size:13px}
#roots .origin-limit{font-size:13px;max-width:830px;border-left:2px solid #809071;padding-left:25px}
#roots .kitchen-return{margin:50px 0 0;padding:0;display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center}
#roots .kitchen-return img{height:380px;object-fit:cover;mask-image:none}
#roots .kitchen-return-copy{background:transparent;margin:0;padding:0}
#roots .kitchen-return h3{font-size:39px}
#roots .kitchen-return p{font-size:13px}
#roots .kitchen-return .footnote{font-size:10px}
@media(min-width:1500px){#roots .atlas-map{height:340px}.history-prologue{padding-top:105px;padding-bottom:90px}}
@media(max-width:900px){.history-prologue{gap:4vw}.history-prologue .history-opening-image img{height:340px!important}#roots .heritage-intro>p:not(.small-label){font-size:13px}.history-periods button{padding:14px 7px;font-size:10px}#roots .atlas-journey{gap:4vw}#roots .atlas-track{padding:16px 12px}#roots .atlas-map{height:250px}.study-body{gap:30px;padding-left:0}.ingredient-study>summary{grid-template-columns:28px 1fr 1fr 20px;gap:15px}.ingredient-study>summary h3{font-size:25px}.history-studies-heading{gap:4vw}}
@media(max-width:700px){
 #roots{padding:0 7vw 45px}.history-prologue{padding:55px 7vw 40px;display:block}#roots .heritage-intro h2{font-size:48px;margin:22px 0}#roots .heritage-intro>p:not(.small-label){font-size:14px}#roots .history-opening-image{max-width:460px;margin:35px auto 0;transform:rotate(.7deg)}#roots .history-opening-image img{height:260px!important}#roots .history-opening-image figcaption{margin-top:15px}
 .history-answer{display:block;padding:35px 0}.history-answer h3{font-size:30px;margin-bottom:20px}.history-answer p{font-size:13px}.history-directory{padding-top:40px}.history-directory-heading{display:block}.history-directory-heading h3{font-size:34px}.history-directory-heading>p{max-width:none}.history-periods{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:23px}.history-periods button{min-height:70px;font-size:11px;padding:10px;border-bottom:1px solid var(--line)}.history-periods button:nth-child(2n){border-right:0}.history-periods button:last-child{grid-column:1/-1;border-bottom:0}
 #roots .atlas-journey{display:flex;flex-direction:column;gap:25px;padding:0 0 40px}#roots .history-thread{order:0;padding:0;width:100%}#roots .history-chapter{padding:15px 0}#roots .history-chapter>p{font-size:13px}#roots .history-chapter h3{font-size:38px}#roots .atlas-track{order:1;width:100%;position:relative;top:auto;z-index:auto;padding:20px}#roots .atlas-map{height:235px}#roots .atlas-note p:not(.place-name){font-size:11px}#roots .atlas-note .place-name{font-size:24px}#roots .atlas-caption{font-size:10px}#roots .atlas-sticky{padding:0}
 .history-studies{padding:45px 7vw 40px}.history-studies-heading{display:block;margin-bottom:25px}#roots .history-studies h2{font-size:43px;margin:17px 0 24px}.history-studies-heading>p{font-size:13px}.history-studies-tools{align-items:flex-start;gap:12px}.history-studies-tools>p{font-size:10px;max-width:180px}.history-studies-tools button{font-size:10px}.ingredient-study>summary{grid-template-columns:25px 1fr 20px;gap:12px;padding:22px 0}.ingredient-study>summary h3{font-size:27px}.ingredient-study>summary p{grid-column:2;grid-row:2;font-size:11px}.study-toggle{grid-column:3;grid-row:1}.study-number{font-size:20px}.study-body{display:block;padding:0 0 30px 0}.study-lead{font-size:23px}.study-moments li{padding-left:20px}.study-moments p{font-size:13px}.study-family{margin:30px 0 0 20px}.history-reading-note{display:block}.history-reading-note p{margin-bottom:15px}
 #roots .history-return-image{min-height:290px;padding:40px 7vw}#roots .history-return-image>p{font-size:26px;max-width:270px}#roots .family-fit{padding:40px 0 0}#roots .family-fit h2{font-size:40px}#roots .origin-thread{margin:25px 0}#roots .origin-thread article{padding:22px 0}#roots .origin-thread p{font-size:13px}#roots .kitchen-return{display:block;margin-top:30px}#roots .kitchen-return img{height:260px}#roots .kitchen-return-copy{padding-top:28px}#roots .kitchen-return h3{font-size:37px}
}
@media print{#roots{background:#fff;color:#000;--paper:#fff;--ink:#000;--muted:#333}.history-prologue{background:#fff;color:#000}.history-prologue p{color:#000!important}.history-periods,.history-studies-tools button{display:none!important}#roots .history-chapter[hidden]{display:block}#roots .atlas-journey{display:block}#roots .atlas-track{position:static;width:100%;break-inside:avoid}.history-studies{background:#fff}.study-body{display:block}.ingredient-study{break-inside:avoid}.history-prologue a,.study-citations a{color:#000}.history-opening-image{max-width:350px}}