:root{--landscape-hotspots-center:100%;--landscape-map-scale:100%;--landscape-marker-scale:1}@media (width>=1440px){:root{--landscape-map-scale:80%}}@keyframes marker-rotate{0%{transform:rotate(0)}10%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes marker-pulse{0%{opacity:1;transform:scale(1)}10%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2)}}.landscape-hotspots{--landscape-map-scale-factor:calc(var(--landscape-map-scale) / var(--landscape-hotspots-center));--landscape-marker-scale:calc(1 + ((1 - var(--landscape-map-scale-factor)) / 2));--landscape-hotspots-active-x:50%;--landscape-hotspots-active-y:50%;--landscape-hotspots-power-x:-35%;--landscape-hotspots-power-y:2%;--landscape-hotspots-renewables-x:-32%;--landscape-hotspots-renewables-y:142%;--landscape-hotspots-transmission-x:-34%;--landscape-hotspots-transmission-y:73%;--landscape-hotspots-substations-x:12%;--landscape-hotspots-substations-y:44%;--landscape-hotspots-distribution-x:69%;--landscape-hotspots-distribution-y:9%;--landscape-hotspots-offshore-x:116%;--landscape-hotspots-offshore-y:127%;--landscape-hotspots-data-x:22%;--landscape-hotspots-data-y:-35%;--landscape-hotspots-industrial-x:134%;--landscape-hotspots-industrial-y:34%;--landscape-hotspots-manufacturing-x:66%;--landscape-hotspots-manufacturing-y:72%;--landscape-hotspots-infrastructure-x:132%;--landscape-hotspots-infrastructure-y:-45%}.landscape-hotspots__content-container{order:2;grid-column:content}@media (width>=1024px){.landscape-hotspots__content-container{order:1;grid-area:1/content-start/auto/5 content-col}}.landscape-hotspots__hotspot-container{aspect-ratio:1;order:1;grid-column:main;position:sticky;inset-block-start:var(--header-height--dynamic)}@media (width>=768px){.landscape-hotspots__hotspot-container{aspect-ratio:16/9}}@media (width>=1024px){.landscape-hotspots__hotspot-container{max-block-size:calc(100vb - var(--header-height--dynamic));aspect-ratio:auto;order:2;grid-area:1/5 gap/auto/main-end}}.landscape-hotspots__hotspot-container .landscape-hotspots__scene{--translate-x:calc(-50% - ((var(--landscape-hotspots-active-x) - 50%) * var(--landscape-map-scale-factor)));--translate-y:calc(-50% - ((var(--landscape-hotspots-active-y) - 50%) * var(--landscape-map-scale-factor)));aspect-ratio:1;inline-size:100%;transform:translate(var(--translate-x), var(--translate-y)) scale(var(--landscape-map-scale));transition:transform .6s ease-in-out;position:absolute;inset-block-start:50%;inset-inline-start:50%}.landscape-hotspots__hotspot-container .landscape-hotspots__img{pointer-events:none;object-fit:cover;block-size:100%;inline-size:100%;transform:scale(3)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker{z-index:2;cursor:pointer;block-size:3.5rem;inline-size:3.5rem;transform:translate(-50%, -50%) scale(var(--landscape-marker-scale));background:0 0;border:none;position:absolute}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=power]{inset-block-start:var(--landscape-hotspots-power-y);inset-inline-start:var(--landscape-hotspots-power-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=renewables]{inset-block-start:var(--landscape-hotspots-renewables-y);inset-inline-start:var(--landscape-hotspots-renewables-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=transmission]{inset-block-start:var(--landscape-hotspots-transmission-y);inset-inline-start:var(--landscape-hotspots-transmission-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=substations]{inset-block-start:var(--landscape-hotspots-substations-y);inset-inline-start:var(--landscape-hotspots-substations-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=center]{inset-block-start:var(--landscape-hotspots-center-y);inset-inline-start:var(--landscape-hotspots-center-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=distribution]{inset-block-start:var(--landscape-hotspots-distribution-y);inset-inline-start:var(--landscape-hotspots-distribution-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=offshore]{inset-block-start:var(--landscape-hotspots-offshore-y);inset-inline-start:var(--landscape-hotspots-offshore-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=data]{inset-block-start:var(--landscape-hotspots-data-y);inset-inline-start:var(--landscape-hotspots-data-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=industrial]{inset-block-start:var(--landscape-hotspots-industrial-y);inset-inline-start:var(--landscape-hotspots-industrial-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=manufacturing]{inset-block-start:var(--landscape-hotspots-manufacturing-y);inset-inline-start:var(--landscape-hotspots-manufacturing-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker[data-id=infrastructure]{inset-block-start:var(--landscape-hotspots-infrastructure-y);inset-inline-start:var(--landscape-hotspots-infrastructure-x)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker:after,.landscape-hotspots__hotspot-container .landscape-hotspots__marker:before{z-index:1;content:"";background-color:oklch(96.59% .0025 228.78);border-radius:.5rem;block-size:2rem;inline-size:2rem;margin:auto;position:absolute;inset:0}@media (width>=768px){.landscape-hotspots__hotspot-container .landscape-hotspots__marker:after,.landscape-hotspots__hotspot-container .landscape-hotspots__marker:before{block-size:2.5rem;inline-size:2.5rem}}.landscape-hotspots__hotspot-container .landscape-hotspots__marker.landscape-hotspots__marker--active:after,.landscape-hotspots__hotspot-container .landscape-hotspots__marker.landscape-hotspots__marker--active:before{background-color:oklch(90% .1869 103.22)}.landscape-hotspots__hotspot-container .landscape-hotspots__marker.landscape-hotspots__marker--active:before{animation:2s linear infinite marker-pulse}.landscape-hotspots__hotspot-container .landscape-hotspots__marker.landscape-hotspots__marker--active:after{animation:2s linear infinite marker-rotate}.landscape-hotspots__marker-icon{aspect-ratio:1;inline-size:1.2rem}