/* Almond: one photographic opening, one tactile interaction, generous reading space. */
.almond-hero{position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;padding:64px var(--gutter);overflow:hidden;background:#f5e3c7}
.almond-hero-copy{position:relative;z-index:1;width:43%;padding:24px 0}
.almond-hero h1{font-size:clamp(2.8rem,4.8vw,4.5rem);max-width:12ch}
.almond-hero-copy>p:not(.section-label){margin-top:26px;max-width:35ch;font-size:1.0625rem}
.almond-hero-copy>.button{margin-top:30px}
.almond-hero-photo{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:63% center;z-index:0;mask-image:linear-gradient(to right,transparent,#000 26%);-webkit-mask-image:linear-gradient(to right,transparent,#000 26%)}
.almond-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:end}
.almond-section-heading p{max-width:44ch}
.almond-inside{background:var(--forest);color:var(--cream)}
.anatomy-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;margin-top:32px}
.anatomy-visual{max-width:530px;width:100%;margin:auto}
.almond-anatomy{width:100%;height:auto;overflow:visible}
.anatomy-layer{transition:opacity .45s ease,transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:280px 250px;transform-box:view-box}
[data-layer-active="0"] .layer-shell{transform:translate(24px,12px);opacity:1}
[data-layer-active="0"] .layer-kernel{transform:translate(48px,24px)}
[data-layer-active="1"] .layer-hull{transform:translate(-70px,-8px) rotate(-12deg);opacity:.2}
[data-layer-active="1"] .layer-kernel{transform:translate(28px,10px)}
[data-layer-active="2"] .layer-hull{transform:translate(-90px,-10px) rotate(-16deg);opacity:.1}
[data-layer-active="2"] .layer-shell{transform:translate(-48px,0) rotate(-8deg);opacity:.25}
[data-layer-active="2"] .layer-kernel{transform:translate(38px,0) scale(1.15)}
.anatomy-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid #fff4e04d;padding-bottom:16px}
.anatomy-tabs button{min-height:48px;border:1px solid #fff4e066;border-radius:5px;padding:12px 8px;font-size:.9375rem;color:inherit}
.anatomy-tabs button[aria-selected=true]{background:var(--cream);color:var(--forest);border-color:var(--cream)}
.anatomy-panels{padding-top:30px;min-height:236px}
.anatomy-panels h3{font-size:2rem;margin-bottom:18px}
.anatomy-panels p{max-width:44ch}
.almond-inside .button-secondary{color:var(--cream);border-color:#fff4e088;background:transparent}
.almond-inside :focus-visible{outline-color:var(--sun)}
.almond-origin{display:grid;grid-template-columns:1fr 1fr;gap:32px 72px;align-items:center}
.almond-origin-copy h2{max-width:17ch;margin-bottom:26px}
.almond-origin-copy>.button{margin-top:28px}
.almond-origin>img{width:100%;max-height:470px;object-fit:contain}
.almond-varieties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid var(--edge);padding-top:40px;margin-top:16px;align-items:center}
.almond-varieties h3{font-size:1.75rem;margin-bottom:18px}
.variety-names{padding-left:32px}
.variety-names p{font-family:var(--display);font-weight:500;font-size:2.5rem;line-height:1.1;color:var(--forest)}
.variety-names p+p{margin-top:10px}
.variety-names>span{display:block;margin-top:20px;max-width:38ch;font-size:.9375rem}
.almond-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:#fba90514;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.almond-process>div:first-child>p:not(.section-label){margin-top:24px;max-width:36ch}
.almond-process .button{margin-top:28px}
.almond-step{border-bottom:1px solid var(--edge)}
.almond-step:first-child{border-top:1px solid var(--edge)}
.almond-step summary{min-height:76px;display:grid;grid-template-columns:26px 1fr 24px;gap:18px;font-size:1.1rem}
.almond-step-number{color:var(--forest);font-size:.8125rem}
.almond-step>div{padding:6px 0 28px 44px}
.almond-step h3{font-size:1.65rem;margin-bottom:16px}
.almond-products{padding-bottom:72px}
.almond-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:24px}
.almond-product-grid article{display:flex;flex-direction:column;min-width:0}
.almond-product-grid img{height:300px;width:100%;object-fit:contain;margin-bottom:24px}
.almond-product-grid article:first-child img{padding:12px}
.almond-product-grid article>div{border-top:1px solid var(--edge);padding-top:24px;display:flex;flex-direction:column;align-items:start;flex:1}
.almond-product-grid h3{font-size:1.8rem;margin-bottom:16px}
.almond-product-grid p{margin-bottom:24px;max-width:45ch}
.almond-product-grid .button{margin-top:auto}
.almond-value{display:grid;grid-template-columns:1fr 1fr;gap:72px;background:var(--sun);padding-top:64px;padding-bottom:64px}
.almond-value h2{max-width:16ch}
.almond-questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.almond-questions details{border-bottom:1px solid var(--edge)}
.almond-questions details:first-child{border-top:1px solid var(--edge)}
.almond-questions summary{min-height:64px;font-size:1rem}
.almond-questions details>p{padding-bottom:24px;font-size:.9375rem}
.almond-questions details>p+p{margin-top:0}
.almond-play{display:flex;align-items:center;justify-content:space-between;gap:48px;background:var(--forest);color:var(--cream);padding-top:64px;padding-bottom:64px}
.almond-play h2{max-width:22ch;margin-bottom:20px}
.almond-play p{max-width:48ch}
.almond-play>.button{flex-shrink:0;background:var(--cream);color:var(--forest);border-color:var(--cream)}
.almond-home-link{margin-top:20px}
@media(max-width:1000px){.anatomy-layout,.almond-section-heading,.almond-origin,.almond-varieties,.almond-value{gap:36px}.almond-process,.almond-questions{gap:40px}.almond-hero{min-height:560px}.almond-hero-copy{width:46%}.almond-hero h1{font-size:3.2rem}.anatomy-panels{min-height:270px}.almond-product-grid{gap:40px}}
@media(max-width:760px){
.almond-hero{display:flex;flex-direction:column;align-items:stretch;padding:34px 0 0;min-height:0;background:#f5e3c7}
.almond-hero-copy{width:auto;padding:0 var(--gutter);z-index:1}
.almond-hero h1{font-size:clamp(2.6rem,9vw,3.6rem);max-width:15ch}
.almond-hero-copy>p:not(.section-label){font-size:1rem;margin-top:22px;max-width:43ch}
.almond-hero-copy>.button{margin-top:24px}
.almond-hero-photo{position:relative;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:center;margin-top:4px;mask-image:linear-gradient(to bottom,transparent,#000 24%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%)}
.almond-section-heading{grid-template-columns:1fr;gap:20px}
.anatomy-layout{display:flex;flex-direction:column;gap:4px;margin-top:14px}
.anatomy-visual{width:100%;max-width:330px}
.anatomy-reading{width:100%}
.anatomy-panels{min-height:220px;padding-top:24px}
.anatomy-panels h3{font-size:1.65rem;margin-bottom:16px}
.anatomy-reading>.button{width:100%}
.almond-origin{grid-template-columns:1fr;gap:28px}
.almond-origin>img{max-width:430px;justify-self:center;max-height:330px}
.almond-origin-copy h2{max-width:20ch}
.almond-varieties{grid-template-columns:1fr;gap:28px;padding-top:28px;margin-top:0}
.variety-names{padding-left:0}
.variety-names p{font-size:2.2rem}
.almond-process,.almond-questions{grid-template-columns:1fr;gap:32px}
.almond-step summary{min-height:64px;gap:12px}
.almond-step>div{padding-left:0}
.almond-step h3{font-size:1.45rem}
.almond-product-grid{grid-template-columns:1fr;gap:44px;margin-top:20px}
.almond-product-grid img{height:235px;margin-bottom:16px}
.almond-product-grid h3{font-size:1.65rem}
.almond-value{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:40px}
.almond-value h2{max-width:20ch}
.almond-questions summary{font-size:.9375rem}
.almond-play{flex-direction:column;align-items:stretch;gap:26px;padding-top:40px;padding-bottom:40px}
.almond-play>.button{align-self:start}
}
@media(prefers-reduced-motion:reduce){.anatomy-layer{transition:none}}

/* Editorial illustrations sit directly on the brand colours. */
.almond-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-height:590px;padding-top:48px;padding-bottom:48px;background:var(--cream)}
.almond-hero-copy{width:auto;max-width:540px}
.almond-hero-photo{position:relative;width:100%;height:auto;max-height:540px;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none}
.almond-jump{display:flex;justify-content:center;gap:8px;padding:16px var(--gutter);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.almond-jump a{padding:12px 22px;border-radius:6px;font-weight:700;min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.almond-jump a:hover{background:#18593b0d;color:var(--forest)}
.almond-trade{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#401934;color:var(--cream)}
.almond-trade h2{margin-bottom:26px;max-width:17ch}
.almond-trade .section-label{color:var(--sun)}
.trade-intro>p:not(.section-label){max-width:45ch}
.trade-intro p+p{margin-top:20px}
.trade-data{margin:0;padding:36px;background:#fff4e00a;border:1px solid #fff4e038;border-radius:8px}
.trade-data figcaption{font-size:1rem;line-height:1.5;max-width:28ch}
.trade-number{display:flex;align-items:baseline;gap:8px;font-family:var(--display);font-weight:500;line-height:1.05;margin:22px 0 16px;color:var(--sun);font-size:clamp(4rem,7vw,7rem);letter-spacing:-.03em}
.trade-number>span:last-child{font-size:.5em}
.trade-data>p{max-width:32ch}
.trade-bar{display:flex;height:14px;border-radius:3px;overflow:hidden;margin-top:28px;gap:3px}
.trade-bar span:first-child{width:48.9%;background:var(--sun)}
.trade-bar span:last-child{flex:1;background:var(--cream)}
.trade-legend{display:flex;justify-content:space-between;gap:20px;margin-top:12px;font-size:.9375rem}
.trade-legend>span{display:flex;flex-direction:column;gap:4px}
.trade-legend>span:last-child{text-align:right}
.almond-source{font-size:.9375rem;line-height:1.5;text-underline-offset:4px;display:inline-block;margin-top:24px;min-height:44px;padding:8px 0}
.almond-trade a:focus-visible{outline-color:var(--sun)}
.almond-origin{padding-bottom:64px}
.origin-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--edge);padding-top:32px;margin-top:16px}
.origin-principles article>span{font-size:.875rem;color:var(--forest)}
.origin-principles h3{font-size:1.5rem;margin:16px 0 14px}
.origin-principles p{font-size:1rem}
.almond-cultivars{background:#efe9d3;padding-top:64px;padding-bottom:64px}
.cultivar-list{margin-top:40px;border-top:1px solid #40193440}
.cultivar{border-bottom:1px solid #40193440}
.cultivar summary{display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:24px;padding:28px 0;min-height:96px}
.cultivar-name{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15}
.cultivar-tag{font-size:.9375rem;font-weight:400}
.cultivar-plus{font-size:1.7rem}
.cultivar[open] .cultivar-plus{transform:rotate(45deg)}
.cultivar-body{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:4px 48px 32px 0}
.cultivar-body>p{max-width:47ch}
.cultivar-body dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cultivar-body dt{font-weight:700;margin-bottom:12px}
.cultivar-body dd{margin:0}
.cultivar-takeaway{max-width:65ch;margin-top:32px;font-size:1.0625rem}
.almond-cultivars .almond-source{margin-top:8px}
.almond-nutrition{display:grid;grid-template-columns:1fr 1fr;gap:72px;background:var(--sun);align-items:center}
.nutrition-story>p:not(.section-label){max-width:43ch;margin-top:24px}
.nutrition-story img{display:block;width:100%;max-width:380px;max-height:350px;object-fit:contain;margin:24px auto -12px}
.nutrition-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #40193440;padding-bottom:22px}
.nutrition-controls>p{font-weight:700;margin:0;font-size:1rem}
.portion-switch{display:flex;border:1px solid var(--plum,#401934);padding:4px;border-radius:8px;gap:4px;flex-shrink:0}
.portion-switch button{min-height:44px;min-width:68px;padding:10px;border-radius:5px;font-size:1rem}
.portion-switch button[aria-pressed=true]{color:var(--cream);background:#401934}
.portion-caption{margin-top:22px;font-weight:700}
.nutrition-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:8px 0 0}
.nutrition-grid>div{padding:22px 0;border-bottom:1px solid #40193440}
.nutrition-grid dt{font-size:1rem;margin-bottom:10px}
.nutrition-grid dd{margin:0;display:flex;align-items:baseline;gap:8px;line-height:1.1}
.nutrition-grid dd>span:first-child{font-family:var(--display);font-weight:500;font-size:3.3rem;font-variant-numeric:tabular-nums}
.nutrition-grid dd>span:last-child{font-size:1rem}
.nutrition-energy{display:flex;justify-content:space-between;gap:16px;margin-top:20px}
.nutrition-context{font-size:.9375rem;max-width:48ch;margin-top:24px}
.nutrition-reading .almond-source{margin-top:10px}
@media(max-width:1000px){.almond-trade,.almond-nutrition{gap:36px}.trade-data{padding:26px}.cultivar-body{gap:36px}.nutrition-controls{align-items:flex-start;flex-direction:column}.origin-principles{gap:24px}}
@media(max-width:760px){
.almond-hero{display:flex;gap:12px;padding:32px 0 20px;min-height:0}
.almond-hero-copy{max-width:none}
.almond-hero-photo{width:80%;max-width:360px;height:auto;max-height:330px;aspect-ratio:1;align-self:center;margin:8px auto 0;mask-image:none;-webkit-mask-image:none}
.almond-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:12px 12px}
.almond-jump a{font-size:.875rem;padding:12px 3px}
.almond-trade,.almond-nutrition{grid-template-columns:1fr;gap:32px}
.trade-data{padding:24px}.trade-number{font-size:5rem;margin-top:20px}
.trade-data figcaption{max-width:none}.trade-data>p{max-width:none}
.almond-origin{padding-bottom:40px}
.origin-principles{grid-template-columns:1fr;gap:24px;padding-top:28px;margin-top:0}
.origin-principles article{display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-items:baseline}
.origin-principles h3{margin:0 0 12px;font-size:1.45rem}
.origin-principles p{grid-column:2}
.almond-cultivars{padding-top:40px;padding-bottom:40px}
.cultivar-list{margin-top:28px}
.cultivar summary{grid-template-columns:1fr 24px;gap:8px 16px;padding:24px 0}
.cultivar-tag{grid-column:1;grid-row:2;font-size:.875rem}
.cultivar-plus{grid-column:2;grid-row:1/3;justify-self:end}
.cultivar-body{grid-template-columns:1fr;gap:24px;padding:0 0 28px}
.cultivar-body dl{gap:24px}.cultivar-body dt,.cultivar-body dd{font-size:.9375rem}
.nutrition-story img{max-width:280px;max-height:240px;margin:18px auto 0}
.nutrition-controls{flex-direction:row;align-items:center;gap:16px}
.nutrition-controls>p{max-width:10ch}.nutrition-grid{gap:0 24px}
.nutrition-grid dd>span:first-child{font-size:2.8rem}
.nutrition-grid>div{padding:20px 0}
.nutrition-context{font-size:.9375rem}
}
@media(max-width:359px){.portion-switch button{min-width:58px}.nutrition-controls{gap:8px}.trade-data{padding:20px}.trade-number{font-size:4.4rem}.nutrition-grid{column-gap:16px}}