/* Leave clear spaces between garden scenes, without drawing dividing rules. */
.garden-flow main section { border-top:0; border-bottom:0; }
.garden-flow .certificate-origin,.garden-flow .network-toolbar,.garden-flow .network-map-footer,.garden-flow .footer-bottom { border:0; }
.garden-flow .garden-range .family-tabs { border-bottom:0; }
.garden-flow .garden-footer { padding-top:4.5rem; }
.garden-flow .garden-root-passage,.garden-flow .garden-range-passage,.garden-flow .garden-document-passage,.garden-flow .research-principles { padding-top:clamp(3.5rem,7vw,7rem); }
.garden-flow .garden-page-opening { padding-top:clamp(3rem,6vw,6rem); }
/* Original branches still cross scene edges; content retains the reading layer. */
.garden-flow main section>.wrap:not(:has(.edge-branch)) { position:relative; z-index:3; }
/* Seven existing packshots act as one composition. No carousel or scrolling. */
.collection-hero { padding:clamp(2rem,4vw,4rem) 0; }
.collection-hero-grid { display:grid; grid-template-columns:.88fr 1.25fr; align-items:center; gap:2%; }
.collection-copy { min-width:0; position:relative; z-index:2; padding:2rem 0; }
.collection-copy h1 { font-size:clamp(3.3rem,6vw,6.5rem); line-height:1.1; letter-spacing:-.045em; padding-bottom:.12em; }
.collection-copy p { color:var(--muted); font-size:1.2rem; line-height:1.7; margin-top:1.7rem; }
.collection-copy .text-link { margin-top:1.5rem; }
.collection-figure { width:100%; min-width:0; margin:0; }
.collection-composition { position:relative; width:100%; aspect-ratio:1.08; isolation:isolate; }
.collection-composition .collection-pack { position:absolute; display:block; object-fit:contain; object-position:center bottom; mix-blend-mode:normal; transform:none!important; animation:none!important; filter:drop-shadow(0 5px 4px #19381c0c); }
.collection-straight { left:8%; bottom:26%; width:35%; height:65%; z-index:1; }
.collection-granular { right:4%; bottom:26%; width:35%; height:66%; z-index:2; }
.collection-water-soluble { left:30%; bottom:26%; width:37%; height:73%; z-index:3; }
.collection-liquid { left:0; bottom:8%; width:34%; height:48%; z-index:4; }
.collection-suspension { right:0; bottom:8%; width:34%; height:48%; z-index:4; }
.collection-micro { left:29%; bottom:5%; width:23%; height:35%; z-index:5; }
.collection-foliar { left:51%; bottom:5%; width:20%; height:37%; z-index:6; }
.collection-material { width:25%; left:51%; bottom:2%; z-index:7; }
.collection-figure figcaption { font-size:.875rem; color:var(--muted); text-align:center; margin-top:0; }
/* Certificate names and original scans do the work. */
.certificate-gallery { padding:clamp(3.5rem,6vw,6rem) 0; }
.certificate-heading { margin-bottom:2.5rem; }
.certificate-card h3 { margin:1.15rem 0 0; font-size:clamp(1.15rem,1.6vw,1.5rem); }
.certificate-origin { padding-top:1rem; margin-top:1.8rem; }
.certificate-frame { box-shadow:0 5px 12px #193e140c; }
/* A smaller, quieter map, with only country selection and a contextual card. */
.network-garden { padding:clamp(3.5rem,5vw,5rem) 0; background:#f7f9f3; }
.network-wrap { max-width:1040px; }
.network-heading { margin-bottom:1.75rem; }
.network-heading .eyebrow { margin-bottom:.7rem; font-size:.875rem; }
.network-heading h2 { font-size:clamp(2.6rem,4.3vw,4.4rem); line-height:1.14; }
.network-heading>p:last-child { margin-top:.7rem; font-size:1rem; }
.network-toolbar { padding:.5rem 0; gap:1rem; }
.network-country-control { width:290px; }
.network-country-label { font-size:.875rem; }
.network-country { font-size:1.05rem; min-height:46px; }
.network-canvas { margin-top:.75rem; background:none; }
.network-map { aspect-ratio:2.4; min-height:340px; }
.network-map .map-country { fill:#dbe4d3; stroke:#f7f9f3; stroke-width:.65; }
.network-map .map-country.has-distributor { fill:#789866; }
.network-map .map-country.is-selected { fill:var(--green); stroke:var(--forest); }
.network-map .map-country:hover { fill:#a9c397; }
.network-map .map-country:focus-visible { stroke:var(--forest); stroke-width:2; }
.network-popup { top:.5rem; right:0; width:min(330px,39%); max-height:calc(100% - 1rem); padding:1.15rem; border:0; border-radius:4px 4px 24px 4px; box-shadow:0 7px 30px #18361b12; }
.network-popup-top { height:24px; justify-content:flex-end; }
#network-popup-title { font-size:1.9rem; margin:0 2rem 1rem 0; }
.network-popup .network-audiences { margin-bottom:1rem; }
.network-popup .network-result-copy { font-size:.9375rem; margin-bottom:1rem; }
.network-map-footer { padding:0; justify-content:center; }
.network-map-key { margin-top:.5rem; }
.network-map-key:not(:has(>span:not([hidden]))) { display:none; }
@media(max-width:760px) {
 .collection-hero-grid { grid-template-columns:1fr; gap:1rem; }
 .collection-copy { text-align:center; padding:1rem 0 0; }
 .collection-copy h1 { font-size:clamp(3.2rem,10vw,5rem); }
 .collection-copy p { margin-top:1rem; font-size:1.1rem; }
 .collection-copy .text-link { margin-top:1rem; }
 .collection-figure { max-width:600px; margin:auto; }
 .collection-composition { aspect-ratio:1.08; }
 .network-garden { padding:3.5rem 0; }
 .network-map { min-height:0; aspect-ratio:1.9; }
 .network-canvas.is-exploring .network-map { aspect-ratio:1.9; }
 .network-popup { position:relative; top:auto; right:auto; width:100%; max-height:none; margin:0 0 1rem; padding:1.3rem; }
 .network-country-control { width:240px; }
 .network-map-footer { align-items:center; }
 .certificate-origin { margin-top:1rem; }
 .garden-flow .garden-footer { padding-top:3rem; }
}
@media print { .collection-composition { max-width:550px; }.network-map { min-height:0; } }
/* Distinct, previously unused branches occupy only the map's outer margins. */
.network-garden .network-jasmine-margin,
.network-garden .network-pear-margin { display:none; }
@media(min-width:1200px) {
 .network-garden .network-jasmine-margin,
 .network-garden .network-pear-margin { display:block; --branch-size:min(350px,calc((100vw - 1040px) / 2 - 24px)); --sway-time:28s; }
 .network-garden .network-jasmine-margin { left:-12px; right:auto; top:43%; --stem-x:100%; --stem-y:24%; --branch-flip:-1; --branch-angle:0deg; }
 .network-garden .network-pear-margin { right:-12px; left:auto; top:67%; --stem-x:100%; --stem-y:21%; --branch-angle:0deg; }
}
/* The image has its own flow space, including when headings wrap or grow. */
.garden-flow .research-principles { position:relative; overflow:visible; }
.research-principles .principles-lead { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2rem; margin-bottom:2.5rem; }
.principles-title { position:relative; z-index:3; min-width:0; }
.research-orange-slot { position:relative; min-width:0; height:clamp(270px,26vw,410px); }
.research-principles .research-orange-study { right:calc(-1 * var(--page-gutter) - 18px); left:auto; top:0; --branch-size:min(42vw,580px); --stem-x:96%; --stem-y:0%; --branch-angle:0deg; --sway-time:27s; }
@media(max-width:650px) {
 .research-principles .principles-lead { grid-template-columns:1fr; gap:1.5rem; }
 .research-orange-slot { height:clamp(220px,52vw,310px); }
 .research-principles .research-orange-study { --branch-size:min(75vw,430px); }
}
@media print { .network-jasmine-margin,.network-pear-margin,.research-orange-slot { display:none!important; }.research-principles .principles-lead { display:block; } }

/* Homepage cleanup: let each product packshot stand on its own. The tabs retain
   their family icons; only the decorative crop/branch artwork beside products is
   removed. */
.garden-flow .garden-range-section .family-botany { display:none!important; }

/* Use two existing page-edge assets to occupy the wide empty margins around the
   second scene. They stay deliberately faint and never enter the reading grid. */
.garden-flow .root-story { position:relative; isolation:isolate; overflow:clip; }
.garden-flow .root-story::before,
.garden-flow .root-story::after {
 content:"";
 position:absolute;
 z-index:1;
 pointer-events:none;
 background-repeat:no-repeat;
 background-size:contain;
 opacity:.18;
}
.garden-flow .root-story::before {
 width:clamp(150px,16vw,260px);
 height:clamp(230px,25vw,410px);
 left:clamp(-72px,-4vw,-28px);
 top:50%;
 transform:translateY(-50%) rotate(-5deg);
 background-image:url('/media/almond-blossom.webp');
 background-position:left center;
}
.garden-flow .root-story::after {
 width:clamp(150px,15vw,245px);
 height:clamp(220px,23vw,390px);
 right:clamp(-70px,-4vw,-28px);
 bottom:4%;
 transform:scaleX(-1) rotate(-4deg);
 background-image:url('/media/blueberry-sprig.webp');
 background-position:right bottom;
 opacity:.14;
}
@media(max-width:1100px) {
 .garden-flow .root-story::before,
 .garden-flow .root-story::after { display:none; }
}
@media print {
 .garden-flow .root-story::before,
 .garden-flow .root-story::after { display:none!important; }
}