:root{--clr-forest: #3a4237;--clr-white: #fff;--clr-beige: #f0cca3;--clr-hint: rgba(255, 255, 255, .45);--clr-pin-dot: #fff;--clr-pin-hover: var(--clr-beige);--clr-pin-ring: var(--clr-beige);--clr-label-bg: rgba(58, 66, 55, .94);--clr-label-border: rgba(240, 204, 163, .25);--ff-serif: "Playfair Display", Georgia, serif;--ff-sans: "Montserrat", system-ui, sans-serif;--pad-content-l: clamp(2rem, 15.9vw, 305px);--pad-content-r: clamp(2rem, 5vw, 5rem);--fs-heading: clamp(2rem, 2.5vw, 3rem);--fs-body: clamp(1rem, 1.04vw, 1.25rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;background:#faf9f7;-webkit-font-smoothing:antialiased}.ecosystem{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1920px;height:600px;margin:0 auto}.ecosystem__content{display:flex;flex-direction:column;justify-content:center;background:var(--clr-forest);padding:3rem var(--pad-content-r) 3rem var(--pad-content-l)}.ecosystem__title{display:flex;flex-direction:column;font-family:var(--ff-serif);font-size:var(--fs-heading);font-weight:400;line-height:1.1;color:var(--clr-white)}.ecosystem__title em{color:var(--clr-beige);font-style:italic}.ecosystem__desc{margin-top:60px;font-family:var(--ff-sans);font-size:var(--fs-body);font-weight:400;line-height:1.7;letter-spacing:.2px;color:var(--clr-white);max-width:38ch}.ecosystem__hint{display:inline-flex;align-items:center;gap:10px;margin-top:36px;font-family:var(--ff-sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--clr-hint);-webkit-user-select:none;user-select:none}.hint-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--clr-white);box-shadow:0 0 0 1.5px #3a423766}.hint-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--clr-beige);opacity:0;animation:hintPing 2.8s ease-out infinite}@keyframes hintPing{0%{transform:scale(.6);opacity:.7}70%{transform:scale(2.2);opacity:0}to{opacity:0}}.ecosystem__map{position:relative;overflow:hidden}.ecosystem__map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 24px 0 56px -28px #3a4237d9;z-index:3}.ecosystem__map-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pins{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.pin{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;padding:0;margin:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.pin:focus{outline:none}.pin:hover,.pin:focus-visible,.pin.is-active{z-index:20}.pin__idle{position:absolute;top:50%;left:50%;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.5);opacity:0;transform:translate(-50%,-50%) scale(1);animation:pinIdle 3s ease-out infinite;pointer-events:none}.pin:hover .pin__idle,.pin:focus-visible .pin__idle,.pin.is-active .pin__idle{animation:none;opacity:0}@keyframes pinIdle{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}65%{transform:translate(-50%,-50%) scale(2.8);opacity:0}to{opacity:0}}.pin__ping,.pin__ping2{position:absolute;top:50%;left:50%;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--clr-pin-ring);opacity:0;transform:translate(-50%,-50%) scale(1);pointer-events:none}.pin:hover .pin__ping,.pin:focus-visible .pin__ping,.pin.is-active .pin__ping{animation:ping 1.8s cubic-bezier(.2,.55,.3,1) infinite}.pin:hover .pin__ping2,.pin:focus-visible .pin__ping2,.pin.is-active .pin__ping2{animation:ping 1.8s cubic-bezier(.2,.55,.3,1) infinite .9s}@keyframes ping{0%{transform:translate(-50%,-50%) scale(1);opacity:.75}70%{transform:translate(-50%,-50%) scale(3.5);opacity:0}to{opacity:0}}.pin__dot{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:#fffc;box-shadow:0 2px 10px #00000038;transition:transform .35s cubic-bezier(.2,.8,.25,1),background .35s ease,box-shadow .35s ease}.pin__dot:before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:var(--clr-forest);transition:background .35s ease}.pin:hover .pin__dot,.pin:focus-visible .pin__dot,.pin.is-active .pin__dot{transform:translate(-50%,-50%) scale(1.3);background:var(--clr-beige);box-shadow:0 0 20px 4px #f0cca359,0 3px 12px #0000004d}.pin:hover .pin__dot:before,.pin:focus-visible .pin__dot:before,.pin.is-active .pin__dot:before{background:var(--clr-forest)}.pin__label{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%,8px);min-width:150px;max-width:220px;padding:12px 14px 13px;background:var(--clr-label-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--clr-label-border);border-radius:3px;box-shadow:0 12px 32px -10px #0009;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.25,1),visibility .28s;z-index:5}.pin__label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--clr-label-bg)}.pin__name{display:block;font-family:var(--ff-sans);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--clr-beige)}.pin__desc{display:block;margin-top:5px;font-family:var(--ff-sans);font-size:12px;line-height:1.55;letter-spacing:.01em;color:var(--clr-white)}.pin:hover .pin__label,.pin:focus-visible .pin__label,.pin.is-active .pin__label{opacity:1;visibility:visible;transform:translate(-50%)}.pin--below .pin__label{bottom:auto;top:calc(100% + 14px);transform:translate(-50%,-8px)}.pin--below .pin__label:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--clr-label-bg)}.pin--below:hover .pin__label,.pin--below:focus-visible .pin__label,.pin--below.is-active .pin__label{transform:translate(-50%)}.pin--align-left .pin__label{left:-2px;transform:translateY(8px)}.pin--align-right .pin__label{left:auto;right:-2px;transform:translateY(8px)}.pin--align-left .pin__label:after{left:14px;transform:none}.pin--align-right .pin__label:after{left:auto;right:14px;transform:none}.pin--align-left:hover .pin__label,.pin--align-left:focus-visible .pin__label,.pin--align-left.is-active .pin__label{transform:translate(0)}.pin--align-right:hover .pin__label,.pin--align-right:focus-visible .pin__label,.pin--align-right.is-active .pin__label{transform:translate(0)}.pin--below.pin--align-left .pin__label,.pin--below.pin--align-right .pin__label{transform:translateY(-8px)}.pin--below.pin--align-left:hover .pin__label,.pin--below.pin--align-left:focus-visible .pin__label,.pin--below.pin--align-left.is-active .pin__label{transform:translate(0)}.pin--below.pin--align-right:hover .pin__label,.pin--below.pin--align-right:focus-visible .pin__label,.pin--below.pin--align-right.is-active .pin__label{transform:translate(0)}@media(max-width:900px){.ecosystem{grid-template-columns:1fr;height:auto}.ecosystem__map{order:-1;height:60vw;min-height:280px}.ecosystem__content{padding:2.5rem 2rem}.ecosystem__desc{margin-top:1.5rem}.ecosystem__hint{margin-top:1.25rem}}@media(max-width:520px){.pin__name{font-size:13px;letter-spacing:.12em}.pin__desc{font-size:14px}.pin__label{min-width:170px;max-width:260px}}@media(prefers-reduced-motion:reduce){.pin__idle,.pin__ping,.pin__ping2,.hint-dot:after{animation:none!important}.pin__label{transition:none!important}}