@import url('./mineral-layout.css?v=2');
/* Original scene compositions, contained within the ready website. */
.native-stack.ap-home{background:#f8f6ee;overflow-x:clip;--ap-paper:#f8f6ee;--ap-ink:#263d30;--ap-muted:#657160;--ap-rule:#384e3533}
.native-stack #nutrition-system{scroll-margin-top:90px;padding-top:80px;padding-bottom:80px}
.native-stack .ap-shell{width:calc(100% - 10.5vw);max-width:1600px}
.native-stack .ap-heading{padding-top:0}
.native-stack .ap-heading h2{font-size:clamp(38px,4.35vw,66px)}
.native-stack .ap-heading h2 em{color:#2f653d}
.native-stack .ap-system-step h3{font-family:Study,Georgia,serif}
.native-stack .ap-system-step.active>div{color:#263d30}
.native-stack .ap-system-step p{color:#6b7268}
.native-stack .ap-system-step.active .ap-kicker{color:#63774c}
.native-stack .am-form-controls button{border-top:0;border-left:0;border-right:0}
.native-stack .am-form-controls .am-form-auto{border:1px solid #7a8c5e40}
.native-stack .ap-layer-controls button{cursor:pointer}
.native-stack :is(a,button):focus-visible{outline:2px solid #2f653d;outline-offset:4px}
.native-mineral{margin-top:72px;padding-bottom:60px;scroll-margin-top:100px}
.native-mineral>.b2b-shell{width:100%;max-width:none}
.native-mineral .mineral-layout{gap:60px}
.native-mineral .mineral-copy h2{font-family:Study,Georgia,serif;font-size:clamp(34px,3.25vw,49px)}
.native-mineral .mineral-copy h2 em{color:#2f653d}
.native-mineral figure{height:620px;max-width:800px;width:100%;justify-self:end}
.native-mineral .network-callout>span{color:#1d5830}
.native-mineral .network-note path{opacity:.76}
.native-mineral .scene-focus button{border:0;cursor:pointer}
.native-mineral .scene-focus button[aria-pressed=true]{background:#285b3c;color:#f8f6ed}
.native-mineral .scene-fallback{opacity:.55;width:100%;height:100%;object-fit:contain}
.native-mineral .scene-ready>.scene-fallback{display:none}
.native-mineral .mineral-pause{cursor:pointer}
.native-mineral .network-product-link strong{font-family:Study,Georgia,serif}
.native-mineral .scene-label.label-top{right:0;left:auto}
.native-mineral .network-product-controls button{font-size:15px;cursor:pointer}
@media(max-width:1100px){
 .native-stack .ap-scroll-system{gap:25px}
 .native-mineral .mineral-layout{gap:30px}
 .native-mineral figure{height:560px}
}
@media(max-width:760px){
 .native-stack #nutrition-system{scroll-margin-top:80px;padding-block:48px}
 .native-stack .ap-shell{width:calc(100% - 40px)}
 .native-stack .ap-heading{padding-top:30px}
 .native-stack .ap-heading h2{font-size:37px}
 .native-stack .ap-system-stage{height:465px}
 .native-stack .ap-system-stage #reference-stack-scene{inset:72px -25px 55px}
 .native-stack .ap-system-step{height:auto;min-height:0}
 .native-mineral{margin-top:48px;padding-bottom:30px}
 .native-mineral .mineral-layout{gap:25px}
 .native-mineral .mineral-copy h2{font-size:34px}
 .native-mineral figure{height:465px}
}
@media(max-width:360px){.native-stack .ap-system-stage{height:425px}}

/* Product system v2: restrained scientific-botanical palette. */
.native-mineral{--mn-paper:#f4efe3;--mn-ink:#292b27;--mn-forest:#285b3c;--mn-leaf:#547344;--mn-soil:#5b4634;--mn-water:#3f6e67;--mn-mineral:#80611f;--mn-protection:#a05a44}
.native-mineral .scene-label.label-top{color:var(--mn-water)}
.native-mineral .scene-label.label-top i{background:#3f6e6766}
.native-mineral .scene-focus{display:flex;flex-wrap:nowrap;max-width:calc(100% - 56px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
.native-mineral .scene-focus::-webkit-scrollbar{display:none}
.native-mineral .scene-focus button{flex:none;color:#4e7157}
.native-mineral .scene-focus button[aria-pressed=true]{background:var(--mn-forest);color:#f8f6ed}
.native-mineral .network-callout>span{border-left:2px solid var(--callout-color,var(--mn-forest));background:#f4efe3ef;color:var(--callout-color,var(--mn-forest));white-space:normal;box-shadow:0 8px 26px #292b270a}
.native-mineral .network-callout b{color:inherit}
.native-mineral .network-callout small{display:block;max-width:160px;color:#59634f;letter-spacing:0;line-height:1.35}
.native-mineral .network-note path{stroke:var(--callout-color,var(--mn-forest));opacity:.6}
.native-mineral .network-note.is-active>span{box-shadow:0 9px 28px #292b2722;transform-origin:left center}
.native-mineral .network-product-link strong{color:var(--mn-forest)}
.native-mineral figure[data-product-line=black] .network-product-link strong{color:var(--mn-soil)}
.native-mineral .network-product-link small{color:#4e7157}
.native-mineral .network-card-link{color:#4e7157}
.native-mineral .mineral-pause{color:var(--mn-forest)}
.native-mineral :is(button,a,select):focus-visible{outline-color:var(--mn-mineral)}
@media(max-width:760px){
 .native-mineral figure{height:510px}
 .native-mineral .scene-focus{padding-bottom:2px}
 .native-mineral .scene-focus button{padding-inline:10px}
 .native-mineral .network-callout small{display:none;max-width:128px}
 .native-mineral .network-note.is-active small{display:block}
 .native-mineral .network-note.is-active>span{z-index:3}
}

/* Centered product stage: the 3D system is the chapter's main object. */
.native-mineral{padding-bottom:84px}
.native-mineral .mineral-layout{display:block;padding-top:64px}
.native-mineral .mineral-copy{
 display:grid;
 grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
 grid-template-rows:auto auto auto auto;
 column-gap:72px;
 align-items:start;
 max-width:1600px;
 margin:0 auto 56px;
 padding:0;
}
.native-mineral .mineral-copy .farm-eyebrow{grid-column:1;grid-row:1}
.native-mineral .mineral-copy h2{
 grid-column:1;
 grid-row:2 / span 3;
 max-width:none;
 margin:22px 0 0;
 font-family:Display,Georgia,serif;
 font-size:clamp(34px,3.25vw,49px);
 line-height:1.16;
 letter-spacing:-.035em;
}
.native-mineral .mineral-lead{grid-column:2;grid-row:2;max-width:440px;margin-top:22px;font-size:16px;line-height:1.65}
.native-mineral .mineral-hint{grid-column:2;grid-row:3;max-width:440px;margin:16px 0 0;line-height:1.65}
.native-mineral .mineral-catalog{grid-column:2;grid-row:4;max-width:440px;margin-top:18px}
.native-mineral figure{
 width:100%;
 max-width:1600px;
 height:835px;
 margin:0 auto;
 justify-self:auto;
}
.native-mineral .plant-scene{inset:0 0 220px}
.native-mineral .scene-label.label-top{right:40px}
.native-mineral .network-product,
.native-mineral figure figcaption{
 left:50%;
 right:auto;
 width:100%;
 max-width:none;
 transform:translateX(-50%);
}
.native-mineral .network-callout>span{display:block;padding:5px 8px 5px 7px;line-height:1.2}
.native-mineral .network-callout b{display:block;font-size:15px;line-height:1.25;font-weight:400}
.native-mineral .network-callout small{display:block;max-width:190px;margin-top:2px;font-size:9px;line-height:1.35}
.native-mineral .network-product-link strong{font-size:30px;line-height:1.15}
.native-mineral .network-product-link small,
.native-mineral .network-product-controls>span{font-size:10px;line-height:1.4;letter-spacing:.04em}
.native-mineral .network-card-link{font-size:11px;line-height:1.45}
.native-mineral .scene-focus button{font-size:11px;line-height:1.3;padding-inline:12px}

@media(max-width:1180px){
 .native-mineral .mineral-copy{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);column-gap:40px;max-width:1060px;margin-bottom:48px}
 .native-mineral .mineral-copy h2{font-size:clamp(44px,4.7vw,50px)}
 .native-mineral figure{height:800px;max-width:1120px}
 .native-mineral .plant-scene{inset:0 0 215px}
}

@media(max-width:1050px){
 .native-mineral .mineral-layout{padding-top:50px}
 .native-mineral .mineral-copy{display:block;max-width:760px;margin-bottom:32px}
 .native-mineral .mineral-copy h2{max-width:700px;margin:22px 0 24px;font-size:44px}
 .native-mineral .mineral-lead{max-width:580px;margin-top:0;font-size:16px}
 .native-mineral .mineral-hint{max-width:660px;margin-top:16px}
 .native-mineral .mineral-catalog{max-width:360px;margin-top:20px}
 .native-mineral figure{height:740px;max-width:900px}
 .native-mineral .plant-scene{inset:0 0 205px}
 .native-mineral .network-product,
 .native-mineral figure figcaption{width:calc(100% - 40px)}
 .native-mineral .scene-label.label-top{right:20px}
}

@media(max-width:760px){
 .native-mineral{padding-bottom:30px}
 .native-mineral .mineral-layout{padding-top:40px}
 .native-mineral .mineral-copy{margin-bottom:25px}
 .native-mineral .mineral-copy h2{margin:0 0 22px;font-size:34px}
 .native-mineral .mineral-lead{font-size:15px}
 .native-mineral .mineral-hint{font-size:12px;margin-top:16px}
 .native-mineral .mineral-catalog{max-width:none;margin-top:20px}
 .native-mineral figure{height:510px;max-width:none}
 .native-mineral .plant-scene{inset:12px -10px 55px}
 .native-mineral .network-product,
 .native-mineral figure figcaption{left:0;right:0;width:auto;max-width:none;transform:none}
 .native-mineral .scene-label.label-top{right:0}
 .native-mineral .network-callout>span{padding:4px 6px 4px 5px}
 .native-mineral .network-callout b{font-size:inherit;line-height:inherit}
 .native-mineral .network-callout small{display:none;max-width:128px;font-size:10px}
 .native-mineral .network-note.is-active small{display:block}
 .native-mineral .network-product-link strong{font-size:22px}
 .native-mineral .scene-focus button{font-size:9px;padding-inline:10px}
}