/* Yarra Project Footprint 0.1.30. All presentation is scoped to this map. */
.yg-presence{position:relative;background:#fff;margin:0;padding:0}
.yg-footprint{--fp-bottom-extension:9cm;--fp-gold:#E8BD73;--fp-white:#F5F1E8;position:relative;isolation:isolate;width:calc(100% - 248px);margin-inline:auto;background:linear-gradient(90deg,#000c18 0%,#010f1d 32%,#011222 70%);color:var(--fp-white);overflow:hidden;font-family:inherit}
.yg-footprint *{box-sizing:border-box}
.yg-footprint .fp-inner{position:relative;height:calc(493.5px + 1cm + var(--fp-bottom-extension));margin:0 auto}
.yg-footprint .fp-copy{position:absolute;left:48px;top:calc(48px + 15mm);z-index:4;padding:0;margin:0;pointer-events:none}
.yg-footprint #fp-heading{font-family:inherit;font-size:clamp(24px,calc(2.1vw + 2px),32px);line-height:1.35;font-weight:600;letter-spacing:normal;margin:0;max-width:none;color:var(--fp-white)}
.yg-footprint #fp-heading span{display:block;white-space:nowrap}
.yg-footprint #fp-heading span+span{color:var(--fp-gold)}
.yg-footprint .fp-map-frame{position:absolute;inset:0;overflow:hidden}
.yg-footprint .fp-map{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.yg-footprint .fp-base{z-index:0}
.yg-footprint .fp-map-frame:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#000c1855 0%,#010f1d22 22%,#010f1d00 40%)}
.yg-footprint .fp-map:not(.fp-base){z-index:3;pointer-events:none}
/* This is the original grid; its SVG pattern, colours and opacity are untouched. */
.yg-footprint .fp-section-grid{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}
.yg-footprint .fp-star{fill:var(--fp-gold);stroke:var(--fp-gold);stroke-width:.2;stroke-linejoin:round;animation:none}
.yg-footprint .fp-halo{fill:none;stroke:var(--fp-gold);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}
.yg-footprint .fp-location-labels{position:absolute;inset:0;z-index:5;pointer-events:none}
.yg-footprint .fp-location{position:absolute;font-family:inherit;font-size:12px;font-weight:500;line-height:1.25;letter-spacing:normal;color:var(--fp-white);white-space:nowrap;text-shadow:0 1px 3px #011222,0 0 5px #011222;pointer-events:none}
/* Static fallback until geographic framing has been measured. */
.yg-footprint .fp-location-joel-joel{left:6%;top:3%}
.yg-footprint .fp-location-terang{left:3%;top:80%}
.yg-footprint .fp-location-wedderburn{left:36%;top:3%}
.yg-footprint .fp-location-rokewood{left:8%;top:50%}
.yg-footprint .fp-location-melbourne{left:39%;top:47%;translate:-2mm -3mm}
.yg-footprint .fp-location-hazelwood{right:8%;top:82%}
.yg-footprint.fp-entrance-ready:not(.fp-entered) #fp-heading span{opacity:0;transform:translateY(12px)}
.yg-footprint.fp-entrance-ready.fp-entered #fp-heading span{animation:fp-headline-enter 800ms cubic-bezier(.2,.7,.2,1) both}
.yg-footprint.fp-entrance-ready.fp-entered #fp-heading span+span{animation-delay:300ms}
.yg-footprint.fp-entrance-ready.fp-entered .fp-halo{animation:fp-gold-halo 1200ms ease-out 350ms both}
.yg-footprint.fp-entrance-ready.fp-entered [data-project="p-c1d58bd2"] .fp-halo{animation-delay:550ms}
@keyframes fp-headline-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fp-gold-halo{0%{opacity:0;transform:scale(.7)}25%{opacity:.5}100%{opacity:0;transform:scale(2.2)}}
.yg-footprint.fp-static #fp-heading span{animation:none!important;opacity:1!important;transform:none!important}
.yg-footprint.fp-static .fp-halo{animation:none!important;opacity:0!important}
@media(min-width:768px) and (max-width:1050px){.yg-footprint .fp-inner{height:calc(462px + 1cm + var(--fp-bottom-extension))}}
@media(max-width:767px){
 .yg-footprint{background:linear-gradient(180deg,#000c18 0%,#010f1d 30%,#011222 75%)}
 .yg-footprint .fp-inner{height:calc(390px + var(--fp-bottom-extension))}
 .yg-footprint .fp-copy{top:24px;left:24px}
 .yg-footprint .fp-map-frame{top:124px}
 .yg-footprint .fp-location{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .yg-footprint #fp-heading span{animation:none!important;opacity:1!important;transform:none!important}
 .yg-footprint .fp-halo{animation:none!important;opacity:0!important}
}
/* Preserve the approved map edges and the native heading outside the map. */
.yg-presence .fp-section-heading{padding-inline:0}
.yg-presence .fp-section-heading #fp-section-heading{width:calc(100% - 248px)!important;max-width:none}
@media(max-width:1439px){.yg-footprint{width:calc(100% - 208px)}.yg-presence .fp-section-heading #fp-section-heading{width:calc(100% - 208px)!important}}
@media(hover:none) and (min-width:1101px){.yg-footprint{width:calc(100% - 56px)}.yg-presence .fp-section-heading #fp-section-heading{width:calc(100% - 56px)!important}}
@media(max-width:1100px){.yg-footprint{width:calc(100% - 176px)}.yg-presence .fp-section-heading #fp-section-heading{width:calc(100% - 176px)!important}}
@media(hover:none) and (max-width:1100px),(max-width:780px){.yg-footprint{width:calc(100% - 96px)}.yg-presence .fp-section-heading #fp-section-heading{width:calc(100% - 96px)!important}}
@media(max-width:640px){.yg-footprint{width:calc(100% - 80px)}.yg-presence .fp-section-heading #fp-section-heading{width:calc(100% - 80px)!important}}

/* Added regional names share the established location-label typography. */
.yg-footprint .fp-location-alexandra{left:78%;top:9%}
.yg-footprint .fp-location-beveridge{left:55%;top:20%}
.yg-footprint .fp-location-wonthaggi{left:70%;top:73%}
.yg-footprint .fp-location-sandy-point{left:85%;top:82%}
.yg-footprint .fp-location-warburton{left:76%;top:34%}
.yg-footprint .fp-location-geelong{left:39%;top:61%}

/* Mobile map — 27 September 2026. Retain the same geography in a compact card. */
@media(max-width:767px){
  .yg-footprint{width:calc(100% - 32px);--fp-bottom-extension:0px;}
  /* All children are positioned: the top band holds the heading, while the
     proportional map area contains the regional labels and southern coast. */
  .yg-footprint .fp-inner{height:auto;padding-bottom:calc(124px + 80%);}
  .yg-footprint .fp-copy{left:20px;}
  .yg-footprint .fp-location{font-size:12px;}
}