/* Screenshot reference 261007: colour mapping only on images; text stays neutral. */
body.home-page .consultation-section .city-panel,body.home-page .consultation-section .city-panel:hover,body.home-page .consultation-section .city-panel:focus-visible{background-blend-mode:normal!important;}
body.home-page .consultation-section .city-panel > .harmony-image{background-blend-mode:normal!important;}
body.home-page .consultation-section .city-panel:nth-child(1) > .harmony-image{filter:saturate(.8019) brightness(.95)!important;-webkit-filter:saturate(.8019) brightness(.95)!important;}
body.home-page .consultation-section .city-panel:nth-child(2) > .harmony-image{filter:url(#city-reference-2) brightness(.90)!important;-webkit-filter:url(#city-reference-2) brightness(.90)!important;}
body.home-page .consultation-section .city-panel:nth-child(3) > .harmony-image{filter:url(#city-reference-3)!important;-webkit-filter:url(#city-reference-3)!important;}
body.home-page .consultation-section .city-panel:nth-child(4) > .harmony-image{filter:url(#city-reference-4) brightness(.85)!important;-webkit-filter:url(#city-reference-4) brightness(.85)!important;}
/* Three balanced text rows fit within each square at every viewport size. */
body.home-page .consultation-section .city-panel{
 container-type:inline-size;box-sizing:border-box!important;
 display:grid!important;grid-template-rows:1fr 1fr 1fr!important;
 align-items:center!important;align-content:stretch!important;justify-items:center!important;
 height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1 / 1!important;
 padding:clamp(18px,2vw,32px) 16px!important;gap:8px!important;
 border-radius:clamp(24px,2.3vw,44px)!important;text-align:center!important;text-shadow:none!important;
}
body.home-page .consultation-section .city-panel h3,
body.home-page .consultation-section .city-panel .city-address,
body.home-page .consultation-section .city-panel .city-note{
 font-family:Arial,sans-serif!important;margin:0!important;min-width:0;max-width:100%;
 white-space:normal!important;overflow-wrap:normal;word-break:normal;
}
body.home-page .consultation-section .city-panel h3{
 font-size:clamp(22px,10cqw,38px)!important;font-weight:700!important;
 line-height:1.1!important;letter-spacing:-.025em!important;color:#fff!important;
}
body.home-page .consultation-section .city-panel .city-address{
 font-size:clamp(14px,6.5cqw,25px)!important;font-weight:400!important;
 line-height:1.4!important;color:#fff!important;
}
body.home-page .consultation-section .city-panel .city-note{
 font-size:clamp(13px,6.2cqw,24px)!important;font-weight:700!important;
 line-height:1.35!important;color:rgba(255,255,255,.9)!important;
}
@media(min-width:1081px){body.home-page .consultation-section .city-panels{gap:28px!important;}}

/* Berlin: one full-width grid column centers all three text rows. */
body.home-page .consultation-section .city-panel:nth-child(4){
 grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;
}
body.home-page .consultation-section .city-panel:nth-child(4) > h3,
body.home-page .consultation-section .city-panel:nth-child(4) > .city-address,
body.home-page .consultation-section .city-panel:nth-child(4) > .city-note{
 width:100%!important;box-sizing:border-box!important;justify-self:stretch!important;text-align:center!important;
 margin-inline:0!important;padding-inline:0!important;left:auto!important;right:auto!important;
 transform:none!important;grid-column:1!important;
}
/* Identical background registration; local contrast stays below the text. */
body.home-page .consultation-section .city-panel:nth-child(1)::after,
body.home-page .consultation-section .city-panel:nth-child(4)::after{
 content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;
 border-radius:inherit;background-size:cover;background-position:center center;background-repeat:no-repeat;
}
body.home-page .consultation-section .city-panel:nth-child(1)::after{
 content:none!important;display:none!important; /* Orange and contrast are now baked into the PNG. */
 background-image:url('city-muenchen-260919-final.png?v=261007-2326');
 filter:url(#city-reference-1) contrast(1.16) brightness(.847);-webkit-filter:url(#city-reference-1) contrast(1.16) brightness(.847);
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 20%,transparent 52%,transparent 64%,#000 88%,#000 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 20%,transparent 52%,transparent 64%,#000 88%,#000 100%);
}
body.home-page .consultation-section .city-panel:nth-child(4)::after{
 background-image:url('city-berlin-260919-final.png?v=261007-2326');
 filter:url(#city-reference-4) contrast(1.24) brightness(.85);-webkit-filter:url(#city-reference-4) contrast(1.24) brightness(.85);
 -webkit-mask-image:linear-gradient(to bottom,transparent 46%,#000 62%,#000 74%,transparent 90%),radial-gradient(ellipse 8% 33% at 60% 35%,#000 45%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 46%,#000 62%,#000 74%,transparent 90%),radial-gradient(ellipse 8% 33% at 60% 35%,#000 45%,transparent 100%);
}

/* Approved Berlin preview: colour and shadows are baked into the image. */
body.home-page .consultation-section .city-panel:nth-child(4) > .harmony-image{filter:none!important;-webkit-filter:none!important;}
body.home-page .consultation-section .city-panel:nth-child(4)::after{content:none!important;display:none!important;}