.connection-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:3rem;padding-block:3.25rem 2rem}.connection-heading h1{margin:0}.connection-heading h1 span{color:var(--deep-green)}.connection-heading>p{max-width:33rem;font-size:1.125rem;margin:0 0 .35rem}.connection-explorer{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:start;padding-block:1rem 3.5rem}.connection-map-column{position:sticky;top:2rem;min-width:0;align-self:start}.connection-map{position:relative;aspect-ratio:1;max-width:650px;margin:auto}.connection-logo{position:absolute;width:76%;height:76%;left:12%;top:10%}.connection-logo img{width:100%;height:100%;object-fit:contain;display:block}.connection-logo-base{position:absolute;inset:0;opacity:.24}.connection-logo-piece,.connection-globe{position:absolute;inset:0;display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s,opacity .3s;transform:translate(0,0);opacity:.8;cursor:pointer;-webkit-tap-highlight-color:transparent}.connection-logo-piece.is-active,.connection-logo-piece.is-hovered{opacity:1;transform:translate(var(--lift-x),var(--lift-y));filter:saturate(1.18) brightness(1.04)}.connection-globe{clip-path:circle(27% at 50% 50%);opacity:.85;pointer-events:none;cursor:default}.connection-label{position:absolute;display:flex;flex-direction:column;align-items:start;gap:.4rem;max-width:8.5rem;padding:.65rem .8rem;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:4px;transition:border-color .2s,background .2s,transform .2s;z-index:2;text-decoration:none}.connection-label span{font-size:.75rem;font-weight:700;color:var(--deep-green);line-height:1}.connection-label strong{font-size:.9375rem;line-height:1.2;font-weight:700}.connection-label[aria-selected=true]{border-color:#83bc26;background:#f0f7e5;box-shadow:0 0 0 2px #c4e593}.connection-label:hover{border-color:var(--deep-green);transform:translateY(-2px)}.connection-label:focus-visible,.connection-related a:focus-visible{outline:3px solid #456d0b;outline-offset:5px}.connection-label-soil{left:0;top:24%}.connection-label-water{right:0;top:24%}.connection-label-food{right:0;top:64%}.connection-label-human{left:0;top:64%}.connection-label-animals{left:50%;bottom:0;transform:translateX(-50%);align-items:center;min-width:7rem}.connection-label-animals:hover{transform:translate(-50%,-2px)}.connection-map-note{text-align:center;font-size:.875rem;color:var(--muted);margin:1.75rem 0 0}.connection-panel{border:1px solid var(--line);background:#fff;scroll-margin-top:2rem;margin-bottom:2rem}.connection-panel[hidden]{display:none!important}.connection-explorer[data-enhanced] .connection-panel{margin-bottom:0}.connection-panel-photo{height:240px;position:relative;overflow:hidden;background:#e9eee4}.connection-panel-photo img{height:100%;width:100%;object-fit:cover}.connection-panel-photo>span{position:absolute;left:1.5rem;top:1.5rem;padding:.55rem .8rem;background:#fff;color:var(--ink);font-size:.8125rem;font-weight:700;letter-spacing:.04em}.connection-panel-copy{padding:1.75rem 2rem 0}.connection-panel-copy>.eyebrow{margin-bottom:.65rem}.connection-panel h2{font-size:clamp(1.75rem,2.6vw,2.3rem);line-height:1.2;margin:0 0 1rem}.connection-description{font-size:1.0625rem;margin:0 0 1.5rem}.connection-question{border-left:3px solid var(--green);padding:.2rem 0 .2rem 1rem;margin-bottom:1.5rem}.connection-question>span{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--deep-green)}.connection-question>p{font-size:1.0625rem;line-height:1.6;margin:.5rem 0 0;color:var(--ink)}.connection-story-link{font-size:.9375rem;display:inline-block;line-height:1.65}.connection-related{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;border-top:1px solid var(--line);margin-top:1.75rem;padding-block:1.1rem}.connection-related>span{font-size:.8125rem;color:var(--muted);flex-basis:100%}.connection-related a{font-size:.875rem;font-weight:700;color:var(--deep-green);padding:.25rem 0;border-bottom:1px solid #acc88a}.connection-takeaway{border-top:1px solid var(--line);padding-block:2.5rem 3rem;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem}.connection-takeaway h2{font-size:2rem;max-width:25rem;margin:0}.connection-takeaway>p{font-size:1.0625rem;margin:0;max-width:34rem}.connection-explorer[data-enhanced] .connection-logo-piece{animation:logo-arrive .7s backwards;animation-delay:var(--piece-delay)}.connection-explorer[data-enhanced] .connection-panel:not([hidden]) .connection-panel-copy{animation:connection-arrive .35s both}.connection-explorer[data-enhanced] .connection-panel:not([hidden]) .connection-panel-photo img{animation:connection-photo .5s both}@keyframes logo-arrive{from{opacity:0;transform:translate(calc(var(--lift-x)*2.5),calc(var(--lift-y)*2.5))}to{opacity:.8}}@keyframes connection-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes connection-photo{from{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.connection-map-column{top:3rem}}
@media(max-width:1100px){.connection-explorer{gap:1.5rem;grid-template-columns:1fr 1.05fr}.connection-label{padding:.6rem;max-width:7rem}.connection-label strong{font-size:.875rem}.connection-panel-copy{padding:1.5rem 1.5rem 0}.connection-panel-photo{height:210px}.connection-logo{width:74%;height:74%;left:13%;top:11%}}
@media(max-width:850px){.connection-heading{grid-template-columns:1fr;gap:1rem;padding-block:2.25rem 1rem}.connection-heading>p{max-width:none}.connection-explorer{grid-template-columns:1fr;gap:2rem;padding-bottom:2.5rem}.connection-map-column{position:static}.connection-map{max-width:530px}.connection-label{padding:.65rem .8rem;max-width:8rem}.connection-label strong{font-size:.9375rem}.connection-map-note{margin-top:1rem}.connection-panel-photo{height:280px}.connection-panel-copy{padding:1.75rem 1.75rem 0}.connection-takeaway{grid-template-columns:1fr;gap:1.25rem;padding-block:2rem}.connection-takeaway h2{max-width:none}.connection-takeaway>p{max-width:none}}
@media(max-width:450px){.connection-heading h1{font-size:2.6rem}.connection-heading>p{font-size:1rem}.connection-explorer{gap:1.5rem}.connection-label{padding:.5rem .6rem;max-width:6.2rem;gap:.3rem}.connection-label strong{font-size:.875rem}.connection-label-human{max-width:5rem}.connection-label-food{max-width:5.5rem}.connection-label-animals{min-width:6rem}.connection-label span{font-size:.75rem}.connection-logo{width:78%;height:78%;left:11%;top:9%}.connection-map-note{font-size:.8125rem;margin-top:1.25rem}.connection-panel-photo{height:200px}.connection-panel-copy{padding:1.5rem 1.25rem 0}.connection-takeaway h2{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){.connection-explorer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.connection-logo-piece.is-active,.connection-logo-piece.is-hovered{transform:none}}

.connection-wordmark{position:absolute;inset:0;clip-path:polygon(21% 0,79% 0,50% 50%);pointer-events:none}.connection-return{display:none}.connection-map{scroll-margin-top:1rem}
@media(max-width:850px){.connection-explorer[data-enhanced] .connection-return{display:inline-block;font-size:.875rem;font-weight:700;color:var(--deep-green);border-bottom:1px solid #acc88a;margin-bottom:1.5rem}}
@media(max-width:450px){.connection-map{aspect-ratio:auto;display:flex;flex-direction:column;gap:1.5rem}.connection-logo{position:relative;inset:auto;width:min(100%,320px);height:auto;aspect-ratio:1;margin:auto}.connection-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.connection-label{position:static;transform:none;min-width:0;max-width:none;flex-direction:row;align-items:center;gap:.5rem;padding:.65rem .7rem}.connection-label:hover,.connection-label-animals:hover{transform:none}.connection-label-human,.connection-label-food{max-width:none}}