.catchment-canvas{position:relative;aspect-ratio:800/660;overflow:hidden}.competition-pins{position:absolute;inset:0}.competition-pin{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;color:#d2dfc3;display:flex;align-items:center;font-size:14px;z-index:2}.competition-pin>i{font-style:normal;font-size:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #8b9f7b;background:#304a36;color:#dce8c8;box-shadow:0 3px 10px #06160d77}.competition-pin>i.other{background:#54593c;border-color:#aca77c;color:#ede5bf}.competition-pin>span{position:absolute;left:35px;text-align:left;width:170px;text-shadow:0 1px 6px #0a1f14;pointer-events:none}.competition-pin.side-left>span{left:auto;right:35px;text-align:right}.competition-pin strong{font-size:14px;font-weight:500;line-height:1.4;display:block}.competition-pin small{font-size:14px;color:#849b72;display:block;margin-top:2px}.competition-pin.selected>i,.competition-pin:hover>i{border-color:#d6ee91;background:#d6ee91;color:#19372e}.competition-pin.selected small{color:#d6ee91}.catchment-legend{position:absolute;bottom:15px;right:20px;background:#10291ee6;padding:8px 10px;display:flex;gap:15px;flex-wrap:wrap;color:#8fa67f;font-size:14px}.catchment-legend>span{display:flex;align-items:center;gap:6px}.catchment-legend i{width:6px;height:6px;background:#d6ee91;border-radius:50%}.catchment-legend>span:nth-child(2) i{background:#829a6d}.catchment-legend>span:nth-child(3) i{background:#b0a77c}.catchment-side{padding:26px 23px}.catchment-side .eyebrow{font-size:14px;font-weight:500;letter-spacing:.05em;color:#92aa7e;margin-bottom:17px}.catchment-side>h3{font-size:24px;line-height:1.3;margin-bottom:16px}.catchment-side>p{font-size:14px;color:#9bb18a;line-height:1.7;margin-bottom:20px}.catchment-period{display:flex;gap:6px;margin-top:25px}.catchment-period button{font-size:14px;padding:7px 13px;background:transparent;color:#b4cba0;border:1px solid #5f7950}.catchment-period button.active{background:#d6ee91;color:#19372e;border-color:#d6ee91}.catchment-volume{display:flex;gap:17px;align-items:center;margin:17px 0 9px}.catchment-volume strong{font-size:24px;font-weight:500;color:#d6ee91}.catchment-volume span{font-size:14px;color:#9bb18a;line-height:1.45}.catchment-direction{font-size:14px;color:#c7dab1;margin-bottom:12px}.catchment-side .catchment-small{font-size:14px;color:#748f65;line-height:1.65;margin:13px 0 0}.competitor-selection{border-top:1px solid #40583a;border-bottom:1px solid #40583a;padding:20px 0;margin-top:23px}.competitor-selection>span{font-size:14px;color:#819c70;display:block;margin-bottom:12px;letter-spacing:.04em}.competitor-selection h3{font-size:24px;margin-bottom:7px;line-height:1.3}.competitor-selection p{font-size:14px;color:#9bb18a;margin-bottom:10px}.competitor-selection>strong{font-size:14px;display:block;color:#d6ee91;font-weight:500;margin-bottom:11px}.competitor-selection a{font-size:14px;color:#a9c18e;border-bottom:1px solid #5f7950}.catchment-approach{animation:walking-dashes 3s linear infinite}.catchment-car{offset-rotate:0deg;animation:map-drive 8s linear infinite}.car-one{offset-path:path('M450 188V260V330L414 390')}.car-two{offset-path:path('M688 331L575 350L450 330');animation-delay:-4s;animation-duration:10s}.energy-meter{display:flex;gap:4px;margin-top:16px}.energy-meter i{height:8px;background:#648655;width:18px}.energy-meter i:nth-child(n+6){background:#bac6ab}.session-dots{display:flex;flex-wrap:wrap;gap:5px;max-width:150px;margin-top:15px}.session-dots i{width:7px;height:7px;background:#648655;border-radius:50%}.session-dots i:nth-child(n+13){background:#bac6ab}
@media(max-width:1050px){.competition-pin>span{width:145px}.catchment-side{padding:23px 18px}.catchment-legend{right:10px;left:10px;justify-content:center;gap:9px}.catchment-side>h3{font-size:24px}}
@media(max-width:850px){.catchment-side{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:25px}.catchment-side>.eyebrow,.catchment-side>h3,.catchment-side>p:first-of-type{grid-column:1}.catchment-side>.competitor-selection{grid-column:2;grid-row:1/6;margin:0;border-top:0;border-left:1px solid #40583a;padding:0 0 0 25px}.catchment-side>.catchment-small:last-child{grid-column:1/-1}.catchment-volume{margin:12px 0}.catchment-period{margin-top:5px}.catchment-canvas{aspect-ratio:800/660!important}}
@media(max-width:520px){.competition-pin>span{display:none}.competition-pin>i{width:20px;height:20px;font-size:14px}.competition-pin.selected>i{box-shadow:0 0 0 5px #d6ee9122}.catchment-side{display:block;padding:23px}.catchment-side>.competitor-selection{padding:20px 0;border-left:0;border-top:1px solid #40583a;margin:23px 0 0}.catchment-period{margin-top:20px}.catchment-legend{font-size:14px;bottom:7px;padding:5px;gap:7px}.catchment-legend>span{font-size:14px}.catchment-canvas>svg{font-size:14px}.energy-meter,.session-dots{display:none}.demand-strip article strong small{font-size:14px}}
@media(prefers-reduced-motion:reduce){.catchment-approach,.catchment-car{animation:none!important}.car-one{offset-distance:55%}.car-two{offset-distance:65%}}