Dreams Knowledge Platform - User contributions [en]

Living Labs/1

2026-07-22T11:49:07Z

Admin:

{{LivingLab
|name=Vienna
|country=Austria
|city=Vienna
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=TU Wien (Move); City of Vienna (MA18, MA21, MA25, MA28, MA46, MA48); District of Liesing; Municipal District Office 23; Wiener Linien; Upstream Mobility; Wirtschaftsagentur Wien; Reality Lab; GB* South; Lokale Agenda 21; wohnbund:consult; Carsharing Österreich; ARCHS; Family and Work Management; Science communications; several car-sharing/micromobility providers
|location=48.13054, 16.31307
|description=The living lab is centered on the "Wiener Flur" case study area in the 23rd district (Liesing). It aims to assess how mobility and activity hubs influence behavior and create sustainable community spaces in urban outskirts.
|focus=Focuses on mobility hubs, flexible pop-up activity hubs, and demand-responsive services to improve accessibility and activate vacant spaces through community involvement.
|interventions=# Implementation of mobility hubs and flexible activity hubs
# Virtual bike-sharing stations
# Activating vacant spaces through community-led "pop-up" hubs
|headline-image=Raumwagen-c-stadtland-2025.JPG
|headline-image-caption=Der Raumwagen
|images=Kino-c-stadtland-2025.jpeg/Pop-Up Cinema;
Gitarre-c-stadtland-2025.jpeg/Live-Music;
Spiel-c-stadtland-2025.jpeg/Games for Kids;
Tisch-c-stadtland-2025.JPG/Large table for communal meals;
ViennaLL.png/Cover for the Vienna LL
|image-credits=Stadtland
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Vienna.csv}} Results of the ResiMob Survey in Vienna]

Living Labs/1

2026-07-22T11:48:56Z

Admin:

{{LivingLab
|name=Vienna
|country=Austria
|city=Vienna
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=TU Wien (Move); City of Vienna (MA18, MA21, MA25, MA28, MA46, MA48); District of Liesing; Municipal District Office 23; Wiener Linien; Upstream Mobility; Wirtschaftsagentur Wien; Reality Lab; GB* South; Lokale Agenda 21; wohnbund:consult; Carsharing Österreich; ARCHS; Family and Work Management; Science communications; several car-sharing/micromobility providers
|location=48.13054, 16.31307
|description=The living lab is centered on the "Wiener Flur" case study area in the 23rd district (Liesing). It aims to assess how mobility and activity hubs influence behavior and create sustainable community spaces in urban outskirts.
|focus=Focuses on mobility hubs, flexible pop-up activity hubs, and demand-responsive services to improve accessibility and activate vacant spaces through community involvement.
|interventions=# Implementation of mobility hubs and flexible activity hubs
# Virtual bike-sharing stations
# Activating vacant spaces through community-led "pop-up" hubs
|headline-image=Raumwagen-c-stadtland-2025.JPG
|headline-image-caption=Der Raumwagen
|images=Kino-c-stadtland-2025.jpeg/Pop-Up Cinema;
Gitarre-c-stadtland-2025.jpeg/Live-Music;
Spiel-c-stadtland-2025.jpeg/Games for Kids;
Tisch-c-stadtland-2025.JPG/Large table for communal meals
ViennaLL.png/Cover for the Vienna LL
|image-credits=Stadtland
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Vienna.csv}} Results of the ResiMob Survey in Vienna]

Living Labs/1

2026-07-22T11:47:19Z

Admin:

{{LivingLab
|name=Vienna
|country=Austria
|city=Vienna
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=TU Wien (Move); City of Vienna (MA18, MA21, MA25, MA28, MA46, MA48); District of Liesing; Municipal District Office 23; Wiener Linien; Upstream Mobility; Wirtschaftsagentur Wien; Reality Lab; GB* South; Lokale Agenda 21; wohnbund:consult; Carsharing Österreich; ARCHS; Family and Work Management; Science communications; several car-sharing/micromobility providers
|location=48.13054, 16.31307
|description=The living lab is centered on the "Wiener Flur" case study area in the 23rd district (Liesing). It aims to assess how mobility and activity hubs influence behavior and create sustainable community spaces in urban outskirts.
|focus=Focuses on mobility hubs, flexible pop-up activity hubs, and demand-responsive services to improve accessibility and activate vacant spaces through community involvement.
|interventions=# Implementation of mobility hubs and flexible activity hubs
# Virtual bike-sharing stations
# Activating vacant spaces through community-led "pop-up" hubs
|headline-image=Raumwagen-c-stadtland-2025.JPG
|headline-image-caption=Der Raumwagen
|images=Kino-c-stadtland-2025.jpeg/Pop-Up Cinema;
Gitarre-c-stadtland-2025.jpeg/Live-Music;
ViennaLL.png/Cover for the Vienna LL
|image-credits=Stadtland
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Vienna.csv}} Results of the ResiMob Survey in Vienna]

File:Zirkus-c-stadtland-2025.jpg

2026-07-22T11:45:11Z

Admin:

File:Yoga-c-stadtland-2025.jpg

2026-07-22T11:44:57Z

Admin:

File:Tisch-c-stadtland-2025.JPG

2026-07-22T11:44:46Z

Admin:

File:Team-c-stadtland-2025.jpg

2026-07-22T11:44:19Z

Admin:

File:Spiel-c-stadtland-2025.jpeg

2026-07-22T11:44:09Z

Admin:

File:Show-c-stadtland-2025.jpg

2026-07-22T11:43:56Z

Admin:

File:Reparatur-c-stadtland-2025.jpeg

2026-07-22T11:42:25Z

Admin:

File:Raumwagen-c-stadtland-2025.JPG

2026-07-22T11:42:00Z

Admin:

File:Raeder-c-stadtland-2025.jpg

2026-07-22T11:41:46Z

Admin:

File:Kunst-c-stadtland-2025.jpg

2026-07-22T11:40:59Z

Admin:

File:Kino-c-stadtland-2025.jpeg

2026-07-22T11:40:05Z

Admin:

File:Kaffee-c-stadtland-2025.jpg

2026-07-22T11:39:14Z

Admin:

File:Flyer-c-stadtland-2025.jpg

2026-07-22T11:39:02Z

Admin:

File:Gitarre-c-stadtland-2025.jpeg

2026-07-22T11:38:49Z

Admin:

Living Labs/3

2026-07-22T11:28:20Z

Admin:

{{LivingLab
|name=Budapest
|country=Hungary
|city=Budapest
|neighbourhood=Rákosmente – District XVII
|begin-date=2024-04-01
|end-date=2026-05-31
|participating-organizations=[[DREAMers#Budapest_University_of_Technology_and_Economics|BME (university, pilot leader)]]; [https://bkk.hu/en/ BKK Centre for Budapest Transport (public transport and bike-sharing service provider)];[https://www.kti.hu/ KTI (research institute with local knowledge)];[https://www.rakosmente.hu/ RAK (Rákosmente local municipality)]
|location=47.48134, 19.2667
|description=The Budapest Living Lab aims to provide an effective alternative to the reliance on private car usage and low-frequency public transport in the Rákosmente district of Budapest. By encouraging more sustainable transport modes, the living lab seeks to reduce the reliance on single-occupancy vehicles, thereby fostering a greener and more accessible urban environment. A further objective is to test an island-like bike-sharing operation, independent of the large inner-city service area.
|focus=The living lab's core focus is strengthening connections within the Rákosmente district. Enhancing these connections facilitates better movement across neighborhoods and promotes a sense of community among residents. With improved accessibility, residents are more likely to engage with local services, boosting the local economy and encouraging a vibrant neighborhood atmosphere. The primary target group is the local population, but commuters and visitors are also relevant user groups due to the presence of railway stations, educational, healthcare, retail and leisure destinations.
|approach=The first isolated operation area of Budapest’s public bike-sharing system is planned to be created in the living lab area. Until recently, the service area has developed organically, but only on densely populated areas around the inner districts of Budapest. In Rákosmente the development focuses primarily on densely populated areas around the district center. This approach not only maximizes the impact of micromobility initiatives but also ensures that they serve the residents who will benefit most.

The living lab advocates for new micromobility stations as infrastructure development, enabling residents to efficiently access and utilize shared transport options. At the same time, the standardized stations will serve as convenient pick-up and drop-off points, making it easier for users to integrate micromobility into their everyday routines. This system is expected to complement existing transport solutions, enhancing overall mobility in the city.
|interventions=# '''Infrastructure development of micromobility stations.''' Station location planning, authorisation and implementation.<br>''Partners:'' RAK, BME, BKK, KTI, Budapest Roads, contractor
# '''Bike-sharing service extension deployment.''' Service planning, legal requirements and operational framework.<br>''Partners:'' RAK, BME, BKK, KTI, contractor
# '''Pilot implementation.''' Pilot design, communication and user-experience evaluation.<br>''Partners:'' RAK, BME, BKK, KTI
|what-happened=The service focuses on the more densely populated parts of District XVII, which include cultural, institutional, and transport related destinations. The designated stations serve both as pick-up and return locations and as public-space parking areas for other shared micromobility devices. The implementation scope can be divided into three components: the technical development of the site network, the integration into the bike-sharing operational system, and the evaluation of user experience and acceptance.
<br><br>
The exact launch of the pilot depended on the readiness of the central bike-sharing extension implementation that was being realized in the whole city and deployed by an external company. Still, the strategic content of the implementation has not changed. The service integrates 50 bikes and 11 micromobility stations into the bike-sharing application and apply the same terms of use and fare system as in the inner service area. The new stations were developed as integrated mobility points through an investment by the Municipality of Rákosmente.
<br><br>
The most significant operational deviation was the reduction of the planned operating period from six months to three months, caused by the delay in the citywide launch of the extended bike-sharing system. Still, the timing deviation did not affect the content of the testing. The impact of the delay appeared primarily in seasonal comparability, as the summer and early autumn period may provide favourable cycling conditions. However, due to the school holiday, annual leave periods, and temporary changes in commuting patterns, the activity of certain target groups may be lower.
|learnings=The pilot did not aim to provide continuous coverage of the entire district, but rather to create a network of destinations and transport nodes. The stations are suitable for serving short trips between the district centre, the densest residential areas, two railway stops, and sports, educational, healthcare, and retail destinations. Moreover, the sites were developed not through the application of a uniform template, but with adaptation to the existing public-space cross-section environment.
<br><br>
Compared to the inner-city bike-sharing network, the suburban and polycentric structure may result in longer distances between stations and more concentrated travel destinations. At the railway stations and in the district centre, temporary peak and directional traffic is expected, while at sports, market, healthcare and educational locations, demand may be shaped by institutional opening hours.
|headline-image=Rakosmente.JPG
|headline-image-caption=Visiting a new bike-sharing station in Rákosmente
|images=MobiStation.jpeg/Another micromobility station;
BudapestLL.png/Cover for the Budapest LL
|quote=The Rákosmente pilot offers a unique opportunity to understand how public bike-sharing can support mobility needs in lower-density suburban environments, where traditional urban service models may not be directly applicable. Beyond testing bicycles and stations, this Living Lab examines the institutional, operational, and user-related conditions required for the successful integration of shared micromobility into outer-district transport systems.
|related-steps=[[Set targets and indicators|SUMP Step 6: Set targets and indicators]]
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Budapest.csv}} Results of ResiMob Survey in Budapest]

Living Labs/3

2026-07-22T11:27:55Z

Admin:

{{LivingLab
|name=Budapest
|country=Hungary
|city=Budapest
|neighbourhood=Rákosmente – District XVII
|begin-date=2024-04-01
|end-date=2026-05-31
|participating-organizations=[[DREAMers#Budapest_University_of_Technology_and_Economics|BME (university, pilot leader)]]; [https://bkk.hu/en/ BKK Centre for Budapest Transport (public transport and bike-sharing service provider)];[https://www.kti.hu/ KTI (research institute with local knowledge)];[https://www.rakosmente.hu/ RAK (Rákosmente local municipality)]
|location=47.48134, 19.2667
|description=The Budapest Living Lab aims to provide an effective alternative to the reliance on private car usage and low-frequency public transport in the Rákosmente district of Budapest. By encouraging more sustainable transport modes, the living lab seeks to reduce the reliance on single-occupancy vehicles, thereby fostering a greener and more accessible urban environment. A further objective is to test an island-like bike-sharing operation, independent of the large inner-city service area.
|focus=The living lab's core focus is strengthening connections within the Rákosmente district. Enhancing these connections facilitates better movement across neighborhoods and promotes a sense of community among residents. With improved accessibility, residents are more likely to engage with local services, boosting the local economy and encouraging a vibrant neighborhood atmosphere. The primary target group is the local population, but commuters and visitors are also relevant user groups due to the presence of railway stations, educational, healthcare, retail and leisure destinations.
|approach=The first isolated operation area of Budapest’s public bike-sharing system is planned to be created in the living lab area. Until recently, the service area has developed organically, but only on densely populated areas around the inner districts of Budapest. In Rákosmente the development focuses primarily on densely populated areas around the district center. This approach not only maximizes the impact of micromobility initiatives but also ensures that they serve the residents who will benefit most.

The living lab advocates for new micromobility stations as infrastructure development, enabling residents to efficiently access and utilize shared transport options. At the same time, the standardized stations will serve as convenient pick-up and drop-off points, making it easier for users to integrate micromobility into their everyday routines. This system is expected to complement existing transport solutions, enhancing overall mobility in the city.
|interventions=# '''Infrastructure development of micromobility stations.''' Station location planning, authorisation and implementation.<br>''Partners:'' RAK, BME, BKK, KTI, Budapest Roads, contractor
# '''Bike-sharing service extension deployment.''' Service planning, legal requirements and operational framework.<br>''Partners:'' RAK, BME, BKK, KTI, contractor
# '''Pilot implementation.''' Pilot design, communication and user-experience evaluation.<br>''Partners:'' RAK, BME, BKK, KTI
|what-happened=The service focuses on the more densely populated parts of District XVII, which include cultural, institutional, and transport related destinations. The designated stations serve both as pick-up and return locations and as public-space parking areas for other shared micromobility devices. The implementation scope can be divided into three components: the technical development of the site network, the integration into the bike-sharing operational system, and the evaluation of user experience and acceptance.
<br><br>
The exact launch of the pilot depended on the readiness of the central bike-sharing extension implementation that was being realized in the whole city and deployed by an external company. Still, the strategic content of the implementation has not changed. The service integrates 50 bikes and 11 micromobility stations into the bike-sharing application and apply the same terms of use and fare system as in the inner service area. The new stations were developed as integrated mobility points through an investment by the Municipality of Rákosmente.
<br><br>
The most significant operational deviation was the reduction of the planned operating period from six months to three months, caused by the delay in the citywide launch of the extended bike-sharing system. Still, the timing deviation did not affect the content of the testing. The impact of the delay appeared primarily in seasonal comparability, as the summer and early autumn period may provide favourable cycling conditions. However, due to the school holiday, annual leave periods, and temporary changes in commuting patterns, the activity of certain target groups may be lower.
|learnings=The pilot did not aim to provide continuous coverage of the entire district, but rather to create a network of destinations and transport nodes. The stations are suitable for serving short trips between the district centre, the densest residential areas, two railway stops, and sports, educational, healthcare, and retail destinations. Moreover, the sites were developed not through the application of a uniform template, but with adaptation to the existing public-space cross-section environment.
<br>
Compared to the inner-city bike-sharing network, the suburban and polycentric structure may result in longer distances between stations and more concentrated travel destinations. At the railway stations and in the district centre, temporary peak and directional traffic is expected, while at sports, market, healthcare and educational locations, demand may be shaped by institutional opening hours.
|headline-image=Rakosmente.JPG
|headline-image-caption=Visiting a new bike-sharing station in Rákosmente
|images=MobiStation.jpeg/Another micromobility station;
BudapestLL.png/Cover for the Budapest LL
|quote=The Rákosmente pilot offers a unique opportunity to understand how public bike-sharing can support mobility needs in lower-density suburban environments, where traditional urban service models may not be directly applicable. Beyond testing bicycles and stations, this Living Lab examines the institutional, operational, and user-related conditions required for the successful integration of shared micromobility into outer-district transport systems.
|related-steps=[[Set targets and indicators|SUMP Step 6: Set targets and indicators]]
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Budapest.csv}} Results of ResiMob Survey in Budapest]

15-Minute Cities

2026-07-22T11:26:51Z

Admin:

== What is a 15-Minute City? ==

A '''15-minute city''' (or 15mC) is an urban concept where most essential services, amenities, and opportunities are accessible within a 15-minute travel time by walking, cycling, or public transport from residents' homes. This approach aims to create more liveable, sustainable, and inclusive neighbourhoods by reducing the need for long-distance commuting and automobile dependency.

== Core Principles ==

At its heart, the 15-minute city concept brings together six interconnected ideas. '''Proximity''' is fundamental. Essential services should be located within a short distance from where people live, reducing travel burden. This is achieved through '''mixed-use development''', where residential neighbourhoods are intentionally woven together with shops, offices, healthcare, and recreational spaces, creating vibrant, multifunctional areas rather than separated zones.

The approach prioritizes '''active mobility''', making walking and cycling safe, comfortable, and convenient as primary transportation modes. This is complemented by '''public transport integration''', ensuring high-quality buses, trams, or trains connect neighbourhoods and provide access to wider opportunities. Crucially, the 15-minute city is designed with '''equity and accessibility''' at its core, services must be reachable by all residents, including elderly people, those with disabilities, and families with young children. Finally, the model delivers '''sustainability''' by reducing car dependency, lowering transportation emissions, and creating healthier urban environments.

== Essential Services and Amenities ==

The concept of a 15-minute city isn't about having every possible service nearby, it's about ensuring that the essential building blocks of daily life are accessible. This includes '''shopping and retail''' (grocery stores, markets, and everyday goods), '''healthcare''' (clinics, pharmacies, and medical services), and '''education''' (schools, childcare, and learning centers). Recreation and leisure spaces (parks, sports facilities, and cultural venues) are equally important for quality of life and social connection.

A thriving 15-minute neighbourhood also includes opportunities for '''work and economic activity''', whether through small offices, co-working spaces, or local entrepreneurial ventures. '''Social services''' (community centers, libraries, and support networks) create the social glue that holds neighbourhoods together. Finally, strategic '''transportation hubs''' with transit stations, bike-sharing, and car-sharing services provide both local mobility and connections to the wider city.

== Benefits of the 15-Minute City Approach ==

=== Environmental Benefits ===

The shift toward 15-minute neighbourhoods fundamentally reduces transportation-related impact. When people can meet daily needs without driving, car dependency drops significantly, leading to lower transportation emissions and improved air quality in urban areas. This model also enables more space for green infrastructure (parks, urban forests, and gardens) that support biodiversity and make cities more resilient to climate change. By reducing sprawl, we use land more efficiently and preserve natural ecosystems on the urban periphery.

=== Social and Economic Benefits ===

Shorter, walkable distances foster genuine community connection. Residents encounter neighbours regularly, strengthen social cohesion, and build mutual support networks. Economically, 15-minute neighbourhoods create opportunities for local entrepreneurs and small businesses that serve hyperlocal markets. For residents, the benefits are direct: lower transportation costs, improved physical and mental health from active mobility and reduced traffic stress, and greater equity for those without cars or with mobility limitations. These neighbourhoods become more resilient and inclusive.

=== Urban Planning Benefits ===

From a city planning perspective, the 15-minute city model makes urban development more efficient. By concentrating services around walkable cores, cities require less infrastructure sprawl. Public investment in transit, parks, and services reaches more people per dollar spent. Neighbourhoods become economically productive while maintaining livability, creating a virtuous cycle of vibrant, resilient communities.

== Applicability in Different Urban Contexts ==

While the 15-minute city concept originated in dense urban areas like Paris, its principles are increasingly being adapted to diverse urban environments. In '''suburban areas''', the model is modified to embrace longer travel distances but compensates by providing frequent, efficient public transport that connects to local services and regional opportunities. In '''lower-density neighbourhoods''', the focus shifts to identifying and strengthening key anchor services (a district hospital, market, or employment center) while ensuring strong public transport connectivity.

'''Urban outskirts''' and peripheries present particular opportunities for creating localized service hubs that reduce the need for constant trips to city centres, improving quality of life and reducing commute burden. Even in '''smaller cities and towns''', adapted versions of the concept emphasize walkable main streets, local services, and community spaces.

The DREAMS project specifically focuses on this challenge. Rather than treating the 15-minute city as something only for dense urban cores, DREAMS explores how these principles can be meaningfully applied in '''low to mid-density suburban and urban outskirts''' contexts across Europe. This work is crucial because it ensures that sustainable urban mobility solutions and inclusive neighbourhoods are accessible not just in city centres, but in the increasingly car-dependent peripheries where many Europeans actually live.

== Implementation Strategies ==

Translating the 15-minute city from concept to reality requires coordinated action across multiple domains. '''Urban planning and zoning reform''' is foundational—updating regulations that historically separated residential, commercial, and office uses allows mixed-use neighbourhoods to develop. Simultaneously, investment in '''active mobility infrastructure''' creates safe, comfortable walking and cycling networks that make these distances practical for everyday trips.

Equally critical is '''public transport investment'''. High-frequency, reliable, and accessible transit is the backbone that makes 15-minute neighbourhoods work in lower-density contexts, providing both hyperlocal connections and links to the broader city. This must be paired with genuine '''community engagement''', so that residents, businesses, and local organizations shape the neighbourhoods they'll inhabit.

Economic sustainability requires supporting '''business model innovation''': New approaches to mobility services, flexible activity hubs, and local commerce that thrive in these environments. Finally, '''governance and policy frameworks''' create the supporting conditions, whether through traffic calming, parking policies, incentives for local businesses, or allocation of public space. It's this combination of planning, investment, and cooperation that makes 15-minute cities real.

== The DREAMS Project and the 15-Minute City ==

The '''DREAMS project''' (Driving Equitable and Accessible 15 Minute Neighbourhood Transformations) is dedicated to advancing 15-minute city principles in realistic European contexts. Rather than focusing exclusively on dense urban cores, DREAMS researchers across six living labs in Budapest, Brussels, Munich, Paris, Utrecht, and Vienna are actively exploring how these principles work in the suburban and lower-density areas where most people actually live.

Through collaborative research and real-world pilot projects, DREAMS develops and tests co-created mobility services and flexible activity hubs that serve local needs. The project conducts comparative analysis of how 15-minute lifestyle aspirations can be achieved across different urban typologies and densities. Beyond research, DREAMS creates practical [[tools]]: new business models and governance frameworks that enable sustainable mobility services to work economically, evidence-based recommendations that cities can actually implement, and policy guidance grounded in real experience.

This combination of research, testing, practical tools, and policy recommendations is what makes DREAMS valuable. It bridges the gap between the 15-minute city concept and the messy reality of urban change across diverse European cities and regions. Learn more in our [[SUMP_Process | SUMP Planning Process guide]] or explore the work in our [[Living Lab Overview | Living Labs]].

== Join the Community Discussion ==

Related questions in the 15-minute Cities forum:

* [https://www.expertises-territoires.fr/jcms/96521989_SocialQuestion/en/are-15-minutes-city-principles-applicable-in-low-urban-density-contexts Are 15 minutes city principles applicable in low urban density contexts?]

* [https://www.expertises-territoires.fr/jcms/96708092_SocialQuestion/en/what-is-the-role-of-public-transit-in-the-15-min-city What is the role of public transit in the 15 min city?]

* [https://www.expertises-territoires.fr/jcms/96968179_SocialQuestion/en/can-shared-mobility-solutions-effectively-function-without-a-good-public-transport-system Can shared mobility solutions effectively function without a good public transport system?]

----

'''Have a related question?''' [https://www.expertises-territoires.fr/jcms/pl1_426403/en/15-min-cities-bringing-more-proximity-in-cities Join the 15-minute Cities forum]

15-Minute Cities

2026-07-22T11:26:23Z

Admin:

== What is a 15-Minute City? ==

A '''15-minute city''' (or 15mC) is an urban concept where most essential services, amenities, and opportunities are accessible within a 15-minute travel time by walking, cycling, or public transport from residents' homes. This approach aims to create more liveable, sustainable, and inclusive neighbourhoods by reducing the need for long-distance commuting and automobile dependency.

== Core Principles ==

At its heart, the 15-minute city concept brings together six interconnected ideas. '''Proximity''' is fundamental. Essential services should be located within a short distance from where people live, reducing travel burden. This is achieved through '''mixed-use development''', where residential neighbourhoods are intentionally woven together with shops, offices, healthcare, and recreational spaces, creating vibrant, multifunctional areas rather than separated zones.

The approach prioritizes '''active mobility''', making walking and cycling safe, comfortable, and convenient as primary transportation modes. This is complemented by '''public transport integration''', ensuring high-quality buses, trams, or trains connect neighbourhoods and provide access to wider opportunities. Crucially, the 15-minute city is designed with '''equity and accessibility''' at its core, services must be reachable by all residents, including elderly people, those with disabilities, and families with young children. Finally, the model delivers '''sustainability''' by reducing car dependency, lowering transportation emissions, and creating healthier urban environments.

== Essential Services and Amenities ==

The concept of a 15-minute city isn't about having every possible service nearby, it's about ensuring that the essential building blocks of daily life are accessible. This includes '''shopping and retail''' (grocery stores, markets, and everyday goods), '''healthcare''' (clinics, pharmacies, and medical services), and '''education''' (schools, childcare, and learning centers). Recreation and leisure spaces (parks, sports facilities, and cultural venues) are equally important for quality of life and social connection.

A thriving 15-minute neighbourhood also includes opportunities for '''work and economic activity''', whether through small offices, co-working spaces, or local entrepreneurial ventures. '''Social services''' (community centers, libraries, and support networks) create the social glue that holds neighbourhoods together. Finally, strategic '''transportation hubs''' with transit stations, bike-sharing, and car-sharing services provide both local mobility and connections to the wider city.

== Benefits of the 15-Minute City Approach ==

=== Environmental Benefits ===

The shift toward 15-minute neighbourhoods fundamentally reduces transportation-related impact. When people can meet daily needs without driving, car dependency drops significantly, leading to lower transportation emissions and improved air quality in urban areas. This model also enables more space for green infrastructure (parks, urban forests, and gardens) that support biodiversity and make cities more resilient to climate change. By reducing sprawl, we use land more efficiently and preserve natural ecosystems on the urban periphery.

=== Social and Economic Benefits ===

Shorter, walkable distances foster genuine community connection. Residents encounter neighbours regularly, strengthen social cohesion, and build mutual support networks. Economically, 15-minute neighbourhoods create opportunities for local entrepreneurs and small businesses that serve hyperlocal markets. For residents, the benefits are direct: lower transportation costs, improved physical and mental health from active mobility and reduced traffic stress, and greater equity for those without cars or with mobility limitations. These neighbourhoods become more resilient and inclusive.

=== Urban Planning Benefits ===

From a city planning perspective, the 15-minute city model makes urban development more efficient. By concentrating services around walkable cores, cities require less infrastructure sprawl. Public investment in transit, parks, and services reaches more people per dollar spent. Neighbourhoods become economically productive while maintaining livability, creating a virtuous cycle of vibrant, resilient communities.

== Applicability in Different Urban Contexts ==

While the 15-minute city concept originated in dense urban areas like Paris, its principles are increasingly being adapted to diverse urban environments. In '''suburban areas''', the model is modified to embrace longer travel distances but compensates by providing frequent, efficient public transport that connects to local services and regional opportunities. In '''lower-density neighbourhoods''', the focus shifts to identifying and strengthening key anchor services (a district hospital, market, or employment center) while ensuring strong public transport connectivity.

'''Urban outskirts''' and peripheries present particular opportunities for creating localized service hubs that reduce the need for constant trips to city centres, improving quality of life and reducing commute burden. Even in '''smaller cities and towns''', adapted versions of the concept emphasize walkable main streets, local services, and community spaces.

The DREAMS project specifically focuses on this challenge. Rather than treating the 15-minute city as something only for dense urban cores, DREAMS explores how these principles can be meaningfully applied in '''low to mid-density suburban and urban outskirts''' contexts across Europe. This work is crucial because it ensures that sustainable urban mobility solutions and inclusive neighbourhoods are accessible not just in city centres, but in the increasingly car-dependent peripheries where many Europeans actually live.

== Implementation Strategies ==

Translating the 15-minute city from concept to reality requires coordinated action across multiple domains. '''Urban planning and zoning reform''' is foundational—updating regulations that historically separated residential, commercial, and office uses allows mixed-use neighbourhoods to develop. Simultaneously, investment in '''active mobility infrastructure''' creates safe, comfortable walking and cycling networks that make these distances practical for everyday trips.

Equally critical is '''public transport investment'''. High-frequency, reliable, and accessible transit is the backbone that makes 15-minute neighbourhoods work in lower-density contexts, providing both hyperlocal connections and links to the broader city. This must be paired with genuine '''community engagement''', so that residents, businesses, and local organizations shape the neighbourhoods they'll inhabit.

Economic sustainability requires supporting '''business model innovation''': New approaches to mobility services, flexible activity hubs, and local commerce that thrive in these environments. Finally, '''governance and policy frameworks''' create the supporting conditions, whether through traffic calming, parking policies, incentives for local businesses, or allocation of public space. It's this combination of planning, investment, and cooperation that makes 15-minute cities real.

== The DREAMS Project and the 15-Minute City ==

The '''DREAMS project''' (Driving Equitable and Accessible 15 Minute Neighbourhood Transformations) is dedicated to advancing 15-minute city principles in realistic European contexts. Rather than focusing exclusively on dense urban cores, DREAMS researchers across six living labs in Budapest, Brussels, Munich, Paris, Utrecht, and Vienna are actively exploring how these principles work in the suburban and lower-density areas where most people actually live.

Through collaborative research and real-world pilot projects, DREAMS develops and tests co-created mobility services and flexible activity hubs that serve local needs. The project conducts comparative analysis of how 15-minute lifestyle aspirations can be achieved across different urban typologies and densities. Beyond research, DREAMS creates practical [[tools]]: new business models and governance frameworks that enable sustainable mobility services to work economically, evidence-based recommendations that cities can actually implement, and policy guidance grounded in real experience.

This combination of research, testing, practical tools, and policy recommendations is what makes DREAMS valuable. It bridges the gap between the 15-minute city concept and the messy reality of urban change across diverse European cities and regions. Learn more in our [[SUMP_Process | SUMP Planning Process guide]] or explore the work in our [[Living Lab Overview]].

== Join the Community Discussion ==

Related questions in the 15-minute Cities forum:

* [https://www.expertises-territoires.fr/jcms/96521989_SocialQuestion/en/are-15-minutes-city-principles-applicable-in-low-urban-density-contexts Are 15 minutes city principles applicable in low urban density contexts?]

* [https://www.expertises-territoires.fr/jcms/96708092_SocialQuestion/en/what-is-the-role-of-public-transit-in-the-15-min-city What is the role of public transit in the 15 min city?]

* [https://www.expertises-territoires.fr/jcms/96968179_SocialQuestion/en/can-shared-mobility-solutions-effectively-function-without-a-good-public-transport-system Can shared mobility solutions effectively function without a good public transport system?]

----

'''Have a related question?''' [https://www.expertises-territoires.fr/jcms/pl1_426403/en/15-min-cities-bringing-more-proximity-in-cities Join the 15-minute Cities forum]

Living Labs/4

2026-07-22T11:24:33Z

Admin:

{{LivingLab
|name=Munich Region
|country=Germany
|city=Geretsried
|begin-date=2024-08-01
|end-date=2026-06-01
|participating-organizations=[[DREAMers#Technische_Universit%C3%A4t_M%C3%BCnchen|Technical University of Munich (TUM)]]; [https://www.geretsried.de City of Geretsried];[https://www.mvv-muenchen.de/ Münchner Verkehrs- und Tarifverbund (MVV) - public transport operator for the Munich Metropolitan Region];
|location=47.86469, 11.47935
|description=Geretsried, a car-dependent town near Munich with no direct rail link, ran a nearly two-year Living Lab to design a network of mobility points combining car sharing, bike sharing, and better bus connections. A planning process to design a mobility point pilot and scale it up across Geretsried's neighborhoods led to council approval of a pilot at the central B11 bus stop, plus a long-term plan for four more locations.
|focus=*Geretsried's urban structure still reflects its origins as a planned post-war settlement, with residential areas spatially separated from commercial, administrative, and service functions. This spatial configuration has reinforced private car use as the dominant mode of transport for daily activities.
*Approximately two-thirds of all daily trips are made by private car. In addition, residents must travel to the neighboring city of Wolfratshausen to access the nearest direct rail connection to Munich.
*Local bus services operate approximately every 20 minutes. Survey findings and field observations indicated that this level of service is insufficient to encourage a significant shift away from private car use.
*These mobility constraints disproportionately affect older adults, who account for nearly one-third of the population, as well as Geretsried's sizeable migrant community, both of whom are particularly vulnerable when access to a private car is limited.
*Given these characteristics, together with the municipality's commitment to promoting sustainable mobility through its existing Mobility Concept, Geretsried provided an appropriate setting to evaluate whether a shared mobility intervention could enhance accessibility and reduce car dependence.
|approach=*The Living Lab initially aimed to design, implement, test, and evaluate a network of micromobility hubs at strategic locations across the city. These hubs were intended to integrate car-sharing services, bicycle parking, and bike-and-ride facilities with the existing bus network to reduce car dependence and improve access to everyday destinations.
*Following the withdrawal of two car-sharing partners, the envisioned hub model could no longer be realized. In response, the team formulated an alternative concept called Mobility Paths, centered on a network of connected points of interest in the city center, linked by wayfinding elements such as floor markings, informational panels, and artistic installations, to strengthen local identity and encourage sustainable mobility choices. This concept was discontinued after community feedback preferred tangible, permanent infrastructure.
*During the project, the scope and implementation strategy evolved considerably. As a result, the Living Lab shifted its focus to a planning process that built on existing mobility infrastructure rather than building entirely new infrastructure.
*The final intervention centered on redesigning the B11 bus stop as a mobility point, since the location already provides access to car-sharing services and bicycle parking. Through a co-design process with the municipality's planning and mobility departments, these existing assets were enhanced with additional mobility services and design improvements, resulting in a context-sensitive and locally supported mobility point concept. The pilot also served as the basis for a broader implementation framework, including a scale-up strategy for a network of four additional mobility points to support the municipality's long-term sustainable mobility objectives.
|interventions=# '''Mobility Paths concept (discontinued)''': A network of connected points of interest in the city center, linked by wayfinding elements (such as floor markings, informational panels, and artistic installations); intended to strengthen local identity and encourage sustainable mobility choices. However, community feedback preferred tangible, permanent infrastructure, so the network was discontinued.<br>''Partners:'' TUM, City of Geretsried
# '''B11 Mobility Point Pilot Design''': Redesign of the existing B11 bus stop into a mobility point. Added services included an EV charging point and car-sharing space, a bike-sharing docking area for 12 bicycles, a shaded seating and waiting area, and a covered bike-and-ride structure with parking for 40 bicycles.<br>''Partners:'' TUM, City of Geretsried, MVV
# '''Citywide mobility point network plan''': Scale-up strategy for a network of 4 additional mobility points to support the municipality's mobility concept.<br>''Partners:'' TUM, City of Geretsried, MVV
|what-happened=The Living Lab initially focused on developing a micromobility hub integrating car sharing, bike-and-ride facilities, and public transport at one or more strategic locations in Geretsried. However, the concept had to be substantially revised at an early stage when the two car-sharing operators initially involved in the pilot, SIXT and E Oberland, withdrew from the project. As a significant component of the original hub concept relied on the availability of shared vehicles, the project team reassessed the intervention's scope, timeline, and implementation approach. In response, the Living Lab team developed an alternative concept, Mobility Paths, envisioning a network of five connected points of interest in the city center.

The concept was presented to residents during Mobility Day on 21 September 2025. While the feedback was generally constructive, it highlighted a preference for more permanent and tangible infrastructure rather than visual interventions. Based on the inputs, the team decided to discontinue the Mobility Paths concept and return to a more infrastructure-oriented approach centered on the B11 bus stop at Karl Lederer Platz. This location already offered several favorable conditions, including barrier-free access, connections to the main bus lines, an existing car-sharing station, and bicycle parking facilities.

The municipality's mobility department subsequently presented the revised mobility point concept to the Geretsried city council, which approved the general approach in October 2025. The following design phase focused on the detailed spatial integration of individual components. This process required consideration of site-specific constraints, including tree root systems, underground gas infrastructure, and existing cables. Despite political approval of the concept, implementation faced further delays. A required €15,000 budget allocation was scheduled for discussion by the city council in January 2026; however, the sitting mayor requested its postponement due to concerns about the timing of discussions on reallocating public space and removing seven parking spaces, which were scheduled shortly before the municipal elections in March 2026. Following the transition to a new mayoral administration, it became clear that the original 2026 implementation timeline for the B11 pilot could not be kept.

Rather than concluding the intervention at this stage, the Living Lab used the remaining project period to translate the pilot concept into a broader network strategy. Four additional candidate locations—Gelting, Lilienstraße, Am Stern, and Stein—were identified, and an accessibility analysis was conducted to assess their potential reach by walking, cycling, and shared mobility. Throughout the process, the municipality's planning and mobility departments, MVV, and residents remained actively engaged through surveys, Mobility Day, and iterative design meetings. Although the private car-sharing operators initially considered for the hub were no longer formally involved after their withdrawal, the existing E Oberland car-sharing station remained integrated into the final mobility point concept.
|learnings=The Geretsried Living Lab highlighted the importance of embedding Living Lab interventions within existing municipal planning frameworks from the outset, as alignment with the city's Mobility Concept helped maintain continuity despite political changes. The withdrawal of private mobility partners also demonstrated the need for early risk assessment, clearer partnership commitments, and contingency strategies, particularly in suburban contexts where shared mobility models face greater implementation challenges. Furthermore, the process showed that changes to public space allocation, such as reducing parking availability, require early communication strategies that highlight the broader benefits of reallocating space, including improved accessibility, safer mobility options, and enhanced public space quality.
|headline-image=Geretsried.jpg
|headline-image-caption=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
|images=MunichLL.png/Cover for the Munich region LL
|quote=“We find it very interesting that Geretsried was included as a Living Lab for the DREAMS project alongside major cities such as Paris, Vienna, and Budapest. It is a great recognition that an international project selected our municipality to be part of this initiative”.
|quote-attribution=A. v. A. – Working at the city of Geretsried.
|image-captions=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Munich.csv}} Results of ResiMob Survey in Munich]

Main Page

2026-07-22T11:21:57Z

Admin:

{{#tweekihide:sidebar-right|firstHeading}}
__NOEDITSECTION__
__NOTOC__
<div class="main-hero">
<div class="main-hero__text">
<div class="main-hero__tag">[https://dutpartnership.eu/projects/dreams DUT Partnership project]</div>
<h1 class="main-hero__title">Driving Equitable and Accessible 15-Minute Neighbourhood Transformations</h1>
<p class="main-hero__lead">Exploring how co-created mobility services and flexible activity hubs can create accessible, sustainable, and inclusive neighbourhoods in the urban outskirts of European cities.</p>
<div class="main-hero__actions"><span class="main-hero__btn">[[SUMP Process|Explore the SUMP Process →]]</span><span class="main-hero__btn main-hero__btn--outline">[[Publications|Our Publications]]</span></div>
</div>
<div class="main-hero__logo">[[File:DREAMS-logos_transparent_NEW_-_Big.png|link=|frameless|300x300px]]</div>
</div>

<div class="main-section">
== What is DREAMS? ==
<div class="main-intro">
<div class="main-intro__col">
The DREAMS project investigates how to create accessible, sustainable, and inclusive 15-minute neighbourhoods in low- to mid-density suburban and urban outskirts across Europe. Through six living labs we co-create and test mobility services, mobility hubs, and flexible activity hubs tailored to local community needs.
</div>
<div class="main-intro__col">
Our work produces a decision support tool, new business models, governance frameworks, and policy recommendations — all validated in real-world settings and designed to be transferable to similar urban contexts across Europe.
</div>
</div>
</div>

<div class="main-section">
== Our [[Living_Lab_Overview|Living Labs]] ==
<livinglabsmap>
<div class="main-intro__col">
In six European cities with diverse urban characteristics in low- to mid-density suburban areas and urban outskirts, the DREAMS project conducts extensive research and testing. These living labs across Budapest, Brussels, Munich, Paris, Utrecht, and Vienna serve as real-world testing environments where we co-create and validate mobility services, mobility hubs, and flexible activity hubs tailored to the unique needs of 15-minute neighbourhoods.
</div>
</livinglabsmap>
</div>

<div class="main-section">
== A Practical Guide for Practitioners ==
This Knowledge Platform supports urban mobility practitioners, city planners, and local authorities in implementing sustainable urban mobility solutions — guiding you step-by-step through the [[SUMP Process]] with:
* Structured guidance through each phase of SUMP implementation in low-density and suburban contexts
* Evidence-based tools and methodologies developed and validated in our living labs
* Area-specific recommendations tailored to different urban typologies
* Best practices and lessons learned from real-world implementations across six European cities

<span class="main-hero__btn">[[SUMP Process|Start the SUMP Process →]]</span>
</div>

<div class="main-section">
== Stay Connected ==
<div class="main-connect">
<div class="main-connect__item">📄 [[Publications|Read our publications]]</div>
<div class="main-connect__item">📅 [[Events_and_News|Latest events & news]]</div>
<div class="main-connect__item">💼 [https://www.linkedin.com/company/dreams-dut Follow us on LinkedIn]</div>
<div class="main-connect__item">✉️ [mailto:dreams15mc@gmail.com Get in touch]</div>
</div>
</div>

<div class="partner-logo-bar">
<div class="partner-logo-bar__label">Project Partners</div>
<div class="partner-logo-bar__row partner-logo-bar__row--5col">
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Logo-Twente.png|x80px|link=https://www.utwente.nl/en/|alt=University of Twente]]</div>
<div class="partner-logo-bar__item">[[File:BOKU Hauptlogo RGB.png|x80px|link=https://boku.ac.at/|alt=BOKU Vienna]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Vub logo digitaal.jpg|x80px|link=https://www.vub.be/nl|alt=Vrije Universiteit Brussel]]</div>
<div class="partner-logo-bar__item">[[File:Logo Université Gustave Eiffel 2020.svg.png|x80px|link=https://www.univ-gustave-eiffel.fr/|alt=Université Gustave Eiffel]]</div>
<div class="partner-logo-bar__item">[[File:Logo of the Technical University of Munich.svg.png|x80px|link=https://www.tum.de/|alt=TU München]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:BME LOGO 2 2025 vertical color eng.png|x80px|link=https://www.bme.hu/en|alt=Budapest University of Technology and Economics]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:LogoLinstitutParisRegion.png|x80px|link=https://www.institutparisregion.fr/|alt=L'Institut Paris Region]]</div>
<div class="partner-logo-bar__item">[[File:TU Logo RGB.svg|x80px|link=https://www.tuwien.at/|alt=TU Wien]]</div>
<div class="partner-logo-bar__item">[[File:Mobyome schriftzug blau.png|x80px|link=https://www.mobyome.at/|alt=Mobyome]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Mpact logo transparent.png|x80px|link=https://www.mpact.be/en/|alt=Mpact]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Hogeschool-utrecht-logo.png|x80px|link=https://www.hu.nl/|alt=Hogeschool Utrecht]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:KTI-Logo.png|x80px|link=https://www.kti.hu/|alt=KTI Institute for Transport Sciences]]</div>
<div class="partner-logo-bar__item">[[File:RakosmenteLogo cmyk horizontal.svg|x80px|link=https://www.rakosmente.hu/|alt=Rákosmente]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:EIT-Urban-Moblity-logo.png|x80px|link=https://www.eiturbanmobility.eu/|alt=EIT Urban Mobility]]</div>
<div class="partner-logo-bar__item">[[File:Logo stadtland.png|x80px|link=https://www.stadtland.at/|alt=Stadtland]]</div>
</div>
<div class="partner-logo-bar__label">Cooperation Partners</div>
<div class="partner-logo-bar__row partner-logo-bar__row--flex">
<div class="partner-logo-bar__item partner-logo-bar__item--narrow">[[File:Dott-logo.png|x80px|link=https://ridedott.com/|alt=Dott]]</div>
<div class="partner-logo-bar__item">[[File:Utrecht (municipality) 2020.svg|x80px|link=https://www.utrecht.nl/|alt=Gemeente Utrecht]]</div>
<div class="partner-logo-bar__item">[[File:Fietsersbond-logo.svg|x80px|link=https://www.fietsersbond.nl/|alt=Fietsersbond]]</div>
<div class="partner-logo-bar__item">[[File:Cambio logo.svg|x80px|link=https://www.cambio.be/|alt=Cambio]]</div>
<div class="partner-logo-bar__item">[[File:Be Brussels logo.jpg|x80px|link=https://mobilite-mobiliteit.brussels/|alt=Brussels Mobility]]</div>
<div class="partner-logo-bar__item">[[File:BKK logo.svg|x80px|link=https://bkk.hu/en/|alt=BKK Budapest Transport]]</div>
<div class="partner-logo-bar__item">[[File:Mopoint logo.jpg|x80px|link=https://www.mopoint.at/|alt=MO.Point]]</div>
<div class="partner-logo-bar__item">[[File:MVV Logo 2022.svg|x80px|link=https://www.mvv-muenchen.de/|alt=MVV]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--narrow">[[File:SIXT Logo Pos RGB.png|x80px|link=https://www.sixt.com/share/|alt=SIXT Share]]</div>
<div class="partner-logo-bar__item">[[File:Morgenjungs.png|x80px|link=https://www.morgenjungs.com/|alt=Morgenjungs]]</div>
<div class="partner-logo-bar__item">[[File:Flag of Essonne Department.svg|x80px|link=https://www.essonne.fr/|alt=Conseil départemental de l'Essonne]]</div>
<div class="partner-logo-bar__item">[[File:LOGO RIDF 2019.svg|x80px|link=https://www.iledefrance.fr/|alt=Région Île-de-France]]</div>
<div class="partner-logo-bar__item">[[File:Wirtschaftsagentur Stadt Wien CMYK-Farbe rz.jpg|x80px|link=https://wirtschaftsagentur.at/|alt=Wirtschaftsagentur Wien]]</div>
</div>

<div class="partner-logo-bar__disclaimer">[[File:DUT-Logo.png|x80px|link=https://dutpartnership.eu/|alt=Driving Urban Transitions]]''DREAMS is a [https://dutpartnership.eu/projects/dreams DUT Partnership project] dedicated to creating equitable, accessible, and sustainable 15-minute neighbourhoods in European urban outskirts.''</div>
</div>

Main Page

2026-07-22T11:21:35Z

Admin:

{{#tweekihide:sidebar-right|firstHeading}}
__NOEDITSECTION__
__NOTOC__
<div class="main-hero">
<div class="main-hero__text">
<div class="main-hero__tag">[https://dutpartnership.eu/projects/dreams DUT Partnership project]</div>
<h1 class="main-hero__title">Driving Equitable and Accessible 15-Minute Neighbourhood Transformations</h1>
<p class="main-hero__lead">Exploring how co-created mobility services and flexible activity hubs can create accessible, sustainable, and inclusive neighbourhoods in the urban outskirts of European cities.</p>
<div class="main-hero__actions"><span class="main-hero__btn">[[SUMP Process|Explore the SUMP Process →]]</span><span class="main-hero__btn main-hero__btn--outline">[[Publications|Our Publications]]</span></div>
</div>
<div class="main-hero__logo">[[File:DREAMS-logos_transparent_NEW_-_Big.png|link=|frameless|300x300px]]</div>
</div>

<div class="main-section">
== What is DREAMS? ==
<div class="main-intro">
<div class="main-intro__col">
The DREAMS project investigates how to create accessible, sustainable, and inclusive 15-minute neighbourhoods in low- to mid-density suburban and urban outskirts across Europe. Through six living labs we co-create and test mobility services, mobility hubs, and flexible activity hubs tailored to local community needs.
</div>
<div class="main-intro__col">
Our work produces a decision support tool, new business models, governance frameworks, and policy recommendations — all validated in real-world settings and designed to be transferable to similar urban contexts across Europe.
</div>
</div>
</div>

<div class="main-section">
== [[Living_Lab_Overview|Our Living Labs]] ==
<livinglabsmap>
<div class="main-intro__col">
In six European cities with diverse urban characteristics in low- to mid-density suburban areas and urban outskirts, the DREAMS project conducts extensive research and testing. These living labs across Budapest, Brussels, Munich, Paris, Utrecht, and Vienna serve as real-world testing environments where we co-create and validate mobility services, mobility hubs, and flexible activity hubs tailored to the unique needs of 15-minute neighbourhoods.
</div>
</livinglabsmap>
</div>

<div class="main-section">
== A Practical Guide for Practitioners ==
This Knowledge Platform supports urban mobility practitioners, city planners, and local authorities in implementing sustainable urban mobility solutions — guiding you step-by-step through the [[SUMP Process]] with:
* Structured guidance through each phase of SUMP implementation in low-density and suburban contexts
* Evidence-based tools and methodologies developed and validated in our living labs
* Area-specific recommendations tailored to different urban typologies
* Best practices and lessons learned from real-world implementations across six European cities

<span class="main-hero__btn">[[SUMP Process|Start the SUMP Process →]]</span>
</div>

<div class="main-section">
== Stay Connected ==
<div class="main-connect">
<div class="main-connect__item">📄 [[Publications|Read our publications]]</div>
<div class="main-connect__item">📅 [[Events_and_News|Latest events & news]]</div>
<div class="main-connect__item">💼 [https://www.linkedin.com/company/dreams-dut Follow us on LinkedIn]</div>
<div class="main-connect__item">✉️ [mailto:dreams15mc@gmail.com Get in touch]</div>
</div>
</div>

<div class="partner-logo-bar">
<div class="partner-logo-bar__label">Project Partners</div>
<div class="partner-logo-bar__row partner-logo-bar__row--5col">
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Logo-Twente.png|x80px|link=https://www.utwente.nl/en/|alt=University of Twente]]</div>
<div class="partner-logo-bar__item">[[File:BOKU Hauptlogo RGB.png|x80px|link=https://boku.ac.at/|alt=BOKU Vienna]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Vub logo digitaal.jpg|x80px|link=https://www.vub.be/nl|alt=Vrije Universiteit Brussel]]</div>
<div class="partner-logo-bar__item">[[File:Logo Université Gustave Eiffel 2020.svg.png|x80px|link=https://www.univ-gustave-eiffel.fr/|alt=Université Gustave Eiffel]]</div>
<div class="partner-logo-bar__item">[[File:Logo of the Technical University of Munich.svg.png|x80px|link=https://www.tum.de/|alt=TU München]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:BME LOGO 2 2025 vertical color eng.png|x80px|link=https://www.bme.hu/en|alt=Budapest University of Technology and Economics]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:LogoLinstitutParisRegion.png|x80px|link=https://www.institutparisregion.fr/|alt=L'Institut Paris Region]]</div>
<div class="partner-logo-bar__item">[[File:TU Logo RGB.svg|x80px|link=https://www.tuwien.at/|alt=TU Wien]]</div>
<div class="partner-logo-bar__item">[[File:Mobyome schriftzug blau.png|x80px|link=https://www.mobyome.at/|alt=Mobyome]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Mpact logo transparent.png|x80px|link=https://www.mpact.be/en/|alt=Mpact]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:Hogeschool-utrecht-logo.png|x80px|link=https://www.hu.nl/|alt=Hogeschool Utrecht]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:KTI-Logo.png|x80px|link=https://www.kti.hu/|alt=KTI Institute for Transport Sciences]]</div>
<div class="partner-logo-bar__item">[[File:RakosmenteLogo cmyk horizontal.svg|x80px|link=https://www.rakosmente.hu/|alt=Rákosmente]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--boost">[[File:EIT-Urban-Moblity-logo.png|x80px|link=https://www.eiturbanmobility.eu/|alt=EIT Urban Mobility]]</div>
<div class="partner-logo-bar__item">[[File:Logo stadtland.png|x80px|link=https://www.stadtland.at/|alt=Stadtland]]</div>
</div>
<div class="partner-logo-bar__label">Cooperation Partners</div>
<div class="partner-logo-bar__row partner-logo-bar__row--flex">
<div class="partner-logo-bar__item partner-logo-bar__item--narrow">[[File:Dott-logo.png|x80px|link=https://ridedott.com/|alt=Dott]]</div>
<div class="partner-logo-bar__item">[[File:Utrecht (municipality) 2020.svg|x80px|link=https://www.utrecht.nl/|alt=Gemeente Utrecht]]</div>
<div class="partner-logo-bar__item">[[File:Fietsersbond-logo.svg|x80px|link=https://www.fietsersbond.nl/|alt=Fietsersbond]]</div>
<div class="partner-logo-bar__item">[[File:Cambio logo.svg|x80px|link=https://www.cambio.be/|alt=Cambio]]</div>
<div class="partner-logo-bar__item">[[File:Be Brussels logo.jpg|x80px|link=https://mobilite-mobiliteit.brussels/|alt=Brussels Mobility]]</div>
<div class="partner-logo-bar__item">[[File:BKK logo.svg|x80px|link=https://bkk.hu/en/|alt=BKK Budapest Transport]]</div>
<div class="partner-logo-bar__item">[[File:Mopoint logo.jpg|x80px|link=https://www.mopoint.at/|alt=MO.Point]]</div>
<div class="partner-logo-bar__item">[[File:MVV Logo 2022.svg|x80px|link=https://www.mvv-muenchen.de/|alt=MVV]]</div>
<div class="partner-logo-bar__item partner-logo-bar__item--narrow">[[File:SIXT Logo Pos RGB.png|x80px|link=https://www.sixt.com/share/|alt=SIXT Share]]</div>
<div class="partner-logo-bar__item">[[File:Morgenjungs.png|x80px|link=https://www.morgenjungs.com/|alt=Morgenjungs]]</div>
<div class="partner-logo-bar__item">[[File:Flag of Essonne Department.svg|x80px|link=https://www.essonne.fr/|alt=Conseil départemental de l'Essonne]]</div>
<div class="partner-logo-bar__item">[[File:LOGO RIDF 2019.svg|x80px|link=https://www.iledefrance.fr/|alt=Région Île-de-France]]</div>
<div class="partner-logo-bar__item">[[File:Wirtschaftsagentur Stadt Wien CMYK-Farbe rz.jpg|x80px|link=https://wirtschaftsagentur.at/|alt=Wirtschaftsagentur Wien]]</div>
</div>

<div class="partner-logo-bar__disclaimer">[[File:DUT-Logo.png|x80px|link=https://dutpartnership.eu/|alt=Driving Urban Transitions]]''DREAMS is a [https://dutpartnership.eu/projects/dreams DUT Partnership project] dedicated to creating equitable, accessible, and sustainable 15-minute neighbourhoods in European urban outskirts.''</div>
</div>

Living Labs/3

2026-07-22T11:20:14Z

Admin:

{{LivingLab
|name=Budapest
|country=Hungary
|city=Budapest
|neighbourhood=Rákosmente – District XVII
|begin-date=2024-04-01
|end-date=2026-05-31
|participating-organizations=[[DREAMers#Budapest_University_of_Technology_and_Economics|BME (university, pilot leader)]]; [https://bkk.hu/en/ BKK Centre for Budapest Transport (public transport and bike-sharing service provider)];[https://www.kti.hu/ KTI (research institute with local knowledge)];[https://www.rakosmente.hu/ RAK (Rákosmente local municipality)]
|location=47.48134, 19.2667
|description=The Budapest Living Lab aims to provide an effective alternative to the reliance on private car usage and low-frequency public transport in the Rákosmente district of Budapest. By encouraging more sustainable transport modes, the living lab seeks to reduce the reliance on single-occupancy vehicles, thereby fostering a greener and more accessible urban environment. A further objective is to test an island-like bike-sharing operation, independent of the large inner-city service area.
|focus=The living lab's core focus is strengthening connections within the Rákosmente district. Enhancing these connections facilitates better movement across neighborhoods and promotes a sense of community among residents. With improved accessibility, residents are more likely to engage with local services, boosting the local economy and encouraging a vibrant neighborhood atmosphere. The primary target group is the local population, but commuters and visitors are also relevant user groups due to the presence of railway stations, educational, healthcare, retail and leisure destinations.
|approach=The first isolated operation area of Budapest’s public bike-sharing system is planned to be created in the living lab area. Until recently, the service area has developed organically, but only on densely populated areas around the inner districts of Budapest. In Rákosmente the development focuses primarily on densely populated areas around the district center. This approach not only maximizes the impact of micromobility initiatives but also ensures that they serve the residents who will benefit most.

The living lab advocates for new micromobility stations as infrastructure development, enabling residents to efficiently access and utilize shared transport options. At the same time, the standardized stations will serve as convenient pick-up and drop-off points, making it easier for users to integrate micromobility into their everyday routines. This system is expected to complement existing transport solutions, enhancing overall mobility in the city.
|interventions=# '''Infrastructure development of micromobility stations.''' Station location planning, authorisation and implementation.<br>''Partners:'' RAK, BME, BKK, KTI, Budapest Roads, contractor
# '''Bike-sharing service extension deployment.''' Service planning, legal requirements and operational framework.<br>''Partners:'' RAK, BME, BKK, KTI, contractor
# '''Pilot implementation.''' Pilot design, communication and user-experience evaluation.<br>''Partners:'' RAK, BME, BKK, KTI
|what-happened=The service focuses on the more densely populated parts of District XVII, which include cultural, institutional, and transport related destinations. The designated stations serve both as pick-up and return locations and as public-space parking areas for other shared micromobility devices. The implementation scope can be divided into three components: the technical development of the site network, the integration into the bike-sharing operational system, and the evaluation of user experience and acceptance.
<br>
The exact launch of the pilot depended on the readiness of the central bike-sharing extension implementation that was being realized in the whole city and deployed by an external company. Still, the strategic content of the implementation has not changed. The service integrates 50 bikes and 11 micromobility stations into the bike-sharing application and apply the same terms of use and fare system as in the inner service area. The new stations were developed as integrated mobility points through an investment by the Municipality of Rákosmente.
<br>
The most significant operational deviation was the reduction of the planned operating period from six months to three months, caused by the delay in the citywide launch of the extended bike-sharing system. Still, the timing deviation did not affect the content of the testing. The impact of the delay appeared primarily in seasonal comparability, as the summer and early autumn period may provide favourable cycling conditions. However, due to the school holiday, annual leave periods, and temporary changes in commuting patterns, the activity of certain target groups may be lower.
|learnings=The pilot did not aim to provide continuous coverage of the entire district, but rather to create a network of destinations and transport nodes. The stations are suitable for serving short trips between the district centre, the densest residential areas, two railway stops, and sports, educational, healthcare, and retail destinations. Moreover, the sites were developed not through the application of a uniform template, but with adaptation to the existing public-space cross-section environment.
<br>
Compared to the inner-city bike-sharing network, the suburban and polycentric structure may result in longer distances between stations and more concentrated travel destinations. At the railway stations and in the district centre, temporary peak and directional traffic is expected, while at sports, market, healthcare and educational locations, demand may be shaped by institutional opening hours.
|headline-image=Rakosmente.JPG
|headline-image-caption=Visiting a new bike-sharing station in Rákosmente
|images=MobiStation.jpeg/Another micromobility station;
BudapestLL.png/Cover for the Budapest LL
|quote=The Rákosmente pilot offers a unique opportunity to understand how public bike-sharing can support mobility needs in lower-density suburban environments, where traditional urban service models may not be directly applicable. Beyond testing bicycles and stations, this Living Lab examines the institutional, operational, and user-related conditions required for the successful integration of shared micromobility into outer-district transport systems.
|related-steps=[[Set targets and indicators|SUMP Step 6: Set targets and indicators]]
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Budapest.csv}} Results of ResiMob Survey in Budapest]

Living Labs/3

2026-07-22T11:17:37Z

Admin:

{{LivingLab
|name=Budapest
|country=Hungary
|city=Budapest
|neighbourhood=Rákosmente – District XVII
|begin-date=2024-04-01
|end-date=2026-05-31
|participating-organizations=[[DREAMers#Budapest_University_of_Technology_and_Economics|BME (university, pilot leader)]]; BKK Centre for Budapest Transport (public transport and bike-sharing service provider); KTI (research institute with local knowledge); RAK (Rákosmente local municipality)
|location=47.48134, 19.2667
|description=The Budapest Living Lab aims to provide an effective alternative to the reliance on private car usage and low-frequency public transport in the Rákosmente district of Budapest. By encouraging more sustainable transport modes, the living lab seeks to reduce the reliance on single-occupancy vehicles, thereby fostering a greener and more accessible urban environment. A further objective is to test an island-like bike-sharing operation, independent of the large inner-city service area.
|focus=The living lab's core focus is strengthening connections within the Rákosmente district. Enhancing these connections facilitates better movement across neighborhoods and promotes a sense of community among residents. With improved accessibility, residents are more likely to engage with local services, boosting the local economy and encouraging a vibrant neighborhood atmosphere. The primary target group is the local population, but commuters and visitors are also relevant user groups due to the presence of railway stations, educational, healthcare, retail and leisure destinations.
|approach=The first isolated operation area of Budapest’s public bike-sharing system is planned to be created in the living lab area. Until recently, the service area has developed organically, but only on densely populated areas around the inner districts of Budapest. In Rákosmente the development focuses primarily on densely populated areas around the district center. This approach not only maximizes the impact of micromobility initiatives but also ensures that they serve the residents who will benefit most.

The living lab advocates for new micromobility stations as infrastructure development, enabling residents to efficiently access and utilize shared transport options. At the same time, the standardized stations will serve as convenient pick-up and drop-off points, making it easier for users to integrate micromobility into their everyday routines. This system is expected to complement existing transport solutions, enhancing overall mobility in the city.
|interventions=# '''Infrastructure development of micromobility stations.''' Station location planning, authorisation and implementation.<br>''Partners:'' RAK, BME, BKK, KTI, Budapest Roads, contractor
# '''Bike-sharing service extension deployment.''' Service planning, legal requirements and operational framework.<br>''Partners:'' RAK, BME, BKK, KTI, contractor
# '''Pilot implementation.''' Pilot design, communication and user-experience evaluation.<br>''Partners:'' RAK, BME, BKK, KTI
|what-happened=The service focuses on the more densely populated parts of District XVII, which include cultural, institutional, and transport related destinations. The designated stations serve both as pick-up and return locations and as public-space parking areas for other shared micromobility devices. The implementation scope can be divided into three components: the technical development of the site network, the integration into the bike-sharing operational system, and the evaluation of user experience and acceptance.
<br>
The exact launch of the pilot depended on the readiness of the central bike-sharing extension implementation that was being realized in the whole city and deployed by an external company. Still, the strategic content of the implementation has not changed. The service integrates 50 bikes and 11 micromobility stations into the bike-sharing application and apply the same terms of use and fare system as in the inner service area. The new stations were developed as integrated mobility points through an investment by the Municipality of Rákosmente.
<br>
The most significant operational deviation was the reduction of the planned operating period from six months to three months, caused by the delay in the citywide launch of the extended bike-sharing system. Still, the timing deviation did not affect the content of the testing. The impact of the delay appeared primarily in seasonal comparability, as the summer and early autumn period may provide favourable cycling conditions. However, due to the school holiday, annual leave periods, and temporary changes in commuting patterns, the activity of certain target groups may be lower.
|learnings=The pilot did not aim to provide continuous coverage of the entire district, but rather to create a network of destinations and transport nodes. The stations are suitable for serving short trips between the district centre, the densest residential areas, two railway stops, and sports, educational, healthcare, and retail destinations. Moreover, the sites were developed not through the application of a uniform template, but with adaptation to the existing public-space cross-section environment.
<br>
Compared to the inner-city bike-sharing network, the suburban and polycentric structure may result in longer distances between stations and more concentrated travel destinations. At the railway stations and in the district centre, temporary peak and directional traffic is expected, while at sports, market, healthcare and educational locations, demand may be shaped by institutional opening hours.
|headline-image=Rakosmente.JPG
|headline-image-caption=Visiting a new bike-sharing station in Rákosmente
|images=MobiStation.jpeg/Another micromobility station;
BudapestLL.png/Cover for the Budapest LL
|quote=The Rákosmente pilot offers a unique opportunity to understand how public bike-sharing can support mobility needs in lower-density suburban environments, where traditional urban service models may not be directly applicable. Beyond testing bicycles and stations, this Living Lab examines the institutional, operational, and user-related conditions required for the successful integration of shared micromobility into outer-district transport systems.
|related-steps=[[Set targets and indicators|SUMP Step 6: Set targets and indicators]]
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Budapest.csv}} Results of ResiMob Survey in Budapest]

Living Lab Overview

2026-07-22T11:09:26Z

Admin:

<div class="living-labs-grid">
<div class="living-lab-card"><div class="living-lab-card__image">[[File:BrusselsLL.png|300px|link=Living_Labs/5]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/5|{{#show: Living_Labs/5 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/5 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:BudapestLL.png|300px|link=Living_Labs/3]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/3|{{#show: Living_Labs/3 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/3 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:MunichLL.png|300px|link=Living_Labs/4]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/4|{{#show: Living_Labs/4 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/4 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:ParisLL.png|300px|link=Living_Labs/6]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/6|{{#show: Living_Labs/6 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/6 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:UtrechtLL.png|300px|link=Living_Labs/2]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/2|{{#show: Living_Labs/2 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/2 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:ViennaLL.png|300px|link=Living_Labs/1]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/1|{{#show: Living_Labs/1 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/1 |?Semorg-living-lab-description}}</div></div></div>
</div>

MediaWiki:Tweeki-navbar-left

2026-07-22T11:08:16Z

Admin:

About DREAMS
*Project
*DREAMers
*15-Minute Cities,
Living Labs
*Living_Lab_Overview|Overview
*
*:LABS
*Living_Labs/5|Brussels
*Living_Labs/3|Budapest
*Living_Labs/4|Munich Region
*Living_Labs/6|Paris
*Living_Labs/2|Utrecht
*Living_Labs/1|Vienna,
SUMP Process,
Tools
*Tools|Overview
*
*:Tools
*Dreams Accessibility Tool,
*Stakeholder-based Impact Scoring,
*ResiMob
Publications,
Events

Living Lab Overview

2026-07-22T11:07:13Z

Admin:

<div class="living-labs-grid">
<div class="living-lab-card"><div class="living-lab-card__image">[[File:BrusselsLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/5|{{#show: Living_Labs/5 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/5 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:BudapestLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/3|{{#show: Living_Labs/3 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/3 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:MunichLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/4|{{#show: Living_Labs/4 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/4 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:ParisLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/6|{{#show: Living_Labs/6 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/6 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:UtrechtLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/2|{{#show: Living_Labs/2 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/2 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:ViennaLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/1|{{#show: Living_Labs/1 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/1 |?Semorg-living-lab-description}}</div></div></div>
</div>

Living Lab Overview

2026-07-22T11:05:39Z

Admin:

<div class="living-labs-grid">
<div class="living-lab-card"><div class="living-lab-card__image">[[File:ViennaLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/1|{{#show: Living_Labs/1 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/1 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:BudapestLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/3|{{#show: Living_Labs/3 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/3 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:BrusselsLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/5|{{#show: Living_Labs/5 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/5 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:UtrechtLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/2|{{#show: Living_Labs/2 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/2 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:MunichLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/4|{{#show: Living_Labs/4 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/4 |?Semorg-living-lab-description}}</div></div></div>
<div class="living-lab-card"><div class="living-lab-card__image">[[File:ParisLL.png|300px]]</div><div class="living-lab-card__body"><div class="living-lab-card__name">[[Living_Labs/6|{{#show: Living_Labs/6 |?Semorg-living-lab-name}}]]</div><div class="living-lab-card__desc">{{#show: Living_Labs/6 |?Semorg-living-lab-description}}</div></div></div>
</div>

MediaWiki:Common.css

2026-07-22T11:05:07Z

Admin:

/* CSS placed here will be applied to all skins */
.navbar-brand img {
padding-top: 10px;
height: 60px;
}

.firstHeading {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.external.text {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 20px;
}

.square {
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: Arial, sans-serif;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}

.blue { background-color: #2D8CFF; }
.red { background-color: #FF4757; }
.green { background-color: #2ED573; }
.yellow { background-color: #FFD32A; }
.orange { background-color: #fee4cb; }
.hue1 { background-color: #5c4ce4; }
.hue2 { background-color: #8068ff; }
.hue3 { background-color: #a386ff; }
.hue4 { background-color: #c6a4ff; }
.hue5 { background-color: #e9c4ff; }

/* ── Main Page ── */
.__NOTOC__ + * { margin-top: 0; }

.main-hero {
display: flex;
align-items: center;
gap: 2em;
padding: 2em 0 2.5em;
border-bottom: 1px solid #e1e4ff;
margin-bottom: 2em;
flex-wrap: wrap;
}

.main-hero__text { flex: 1; min-width: 280px; }

.main-hero__tag {
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5c4ce4;
margin-bottom: 0.6em;
}

.main-hero__title {
font-size: 1.7em;
font-weight: 800;
line-height: 1.25;
color: #1a1a2e;
margin: 0 0 0.6em;
border: none;
padding: 0;
}

.main-hero__lead {
font-size: 1.05em;
color: #444;
line-height: 1.6;
max-width: 580px;
margin-bottom: 1.2em;
text-align: justify;
}

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
}

.main-hero__logo {
flex-shrink: 0;
}

.main-hero__logo figure,
.main-hero__logo .thumb,
.main-hero__logo .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.main-hero__logo .thumbcaption,
.main-hero__logo .magnify { display: none !important; }

.main-hero__btn a,
a.main-hero__btn {
display: inline-block;
background: #5c4ce4;
color: #fff !important;
padding: 0.5em 1.2em;
border-radius: 5px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-hero__btn--outline a {
background: transparent;
color: #5c4ce4 !important;
border: 2px solid #5c4ce4;
}

.main-hero__btn a:hover { opacity: 0.85; }

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
align-items: stretch;
}

.main-hero__btn a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
box-sizing: border-box;
}

.main-section {
margin-bottom: 2.5em;
}

.main-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2em;
margin-top: 1em;
}

.main-intro__col {
font-size: 1.02em;
line-height: 1.65;
color: #333;
text-align: justify;
}

.main-labs {
display: flex;
flex-wrap: wrap;
gap: 0.6em;
margin-top: 1em;
justify-content: center;
}

.main-lab-btn a {
display: inline-block;
background: #f3f1ff;
border: 1px solid #c6a4ff;
color: #5c4ce4 !important;
padding: 0.4em 1em;
border-radius: 20px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-lab-btn a:hover {
background: #5c4ce4;
color: #fff !important;
border-color: #5c4ce4;
}

.main-connect {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1em;
margin-top: 1em;
}

.main-connect__item {
background: #f3f1ff;
border: 1px solid #e1e4ff;
border-left: 4px solid #5c4ce4;
padding: 0.8em 1em;
font-size: 0.97em;
}

.main-connect__item a {
color: #5c4ce4 !important;
font-weight: 600;
text-decoration: none !important;
}

@media (max-width: 700px) {
.main-hero { flex-direction: column; }
.main-intro { grid-template-columns: 1fr; }
}

/* DREAMers team layout */
.dreamer-section {
margin: 22px 0 30px;
}

.dreamer-section__head {
margin: 4px 0 14px;
border-left: 4px solid rgb(92,76,228);
padding-left: 10px;
}

.dreamer-section__title {
font-size: 1.25em;
font-weight: 700;
}

.dreamer-section__subtitle {
color: #54595d;
margin-top: 0;
}

.dreamer-section__subtitle:empty {
display: none;
}

.dreamers-grid {
display: grid;
grid-template-columns: repeat(auto-fill, 260px);
gap: 20px;
justify-content: center;
}

.dreamers-grid > p {
display: none;
}

.dreamer-card {
width: 260px;
box-sizing: border-box;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e1e4ff;
box-shadow: 0 6px 16px rgba(92,76,228,0.08);
}

.dreamer-card__imgwrap {
width: 100%;
height: 250px;
overflow: hidden;
background: #f3f1ff;
}

.dreamer-card__imgwrap pre {
margin: 0;
padding: 0;
border: none;
background: none;
overflow: hidden;
white-space: normal;
width: 100%;
height: 100%;
}

.dreamer-card__imgwrap a {
display: block;
width: 100%;
height: 100%;
}

.dreamer-card__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
border-radius: 0;
}

.dreamer-card__body {
padding: 10px 14px 12px;
}

.dreamer-card__name {
line-height: 1.2;
color: #1f2328;
}

.dreamer-card__role {
color: #54595d;
margin-top: 2px;
}

.dreamer-card__meta {
color: #72777d;
margin-top: 6px;
font-size: 0.95em;
}

.dreamer-card__imgwrap figure,
.dreamer-card__imgwrap .thumb,
.dreamer-card__imgwrap .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.dreamer-card__imgwrap .thumbcaption,
.dreamer-card__imgwrap .magnify {
display: none !important;
}

.dreamer-card__meta:empty { display: none; }

/* ── Event detail page ── */
.event-detail { margin-top: 8px; }

.event-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
padding-bottom: 0px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
}
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.event-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
}
.event-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}

/* ── Event image gallery ── */
.event-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
margin-top: 8px;
}
.event-gallery > p { display: none; }
.event-gallery__item {
overflow: hidden;
background: #f3f1ff;
border: 1px solid #e1e4ff;
box-shadow: 0 4px 12px rgba(92,76,228,0.08);
line-height: 0;
}

.event-gallery__item a,
.event-gallery__item span,
.event-gallery__item .thumb,
.event-gallery__item .thumbinner {
display: block !important;
width: 100% !important;
max-width: none !important;
}
.event-gallery__item img {
display: block !important;
width: 100% !important;
height: 260px;
object-fit: cover;
object-position: center;
}
.event-gallery__item .thumbcaption,
.event-gallery__item .magnify { display: none; }

/* Strip thumb borders inside event gallery */
.event-gallery .thumb {
border: none !important;
background: none !important;
padding: 0 !important;
}

.event-gallery .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
width: 100% !important;
}

.event-gallery .thumbimage {
border: none !important;
}

.event-gallery .thumbcaption,
.event-gallery .magnify {
display: none !important;
}

/* ── Event Card ── */
.event-card {
border: 1px solid #dde;
border-radius: 8px;
overflow: hidden;
background: #f9f9fc;
width: 300px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.event-card-image {
width: 100%;
height: 160px;
overflow: hidden;
background: #eef;
display: flex;
align-items: center;
justify-content: center;
}

/* Strip MediaWiki thumb wrapper inside event cards */
.event-card-image figure,
.event-card-image figure.mw-default-size,
.event-card-image .thumb,
.event-card-image .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.event-card-image .thumbcaption,
.event-card-image .magnify {
display: none !important;
}

.event-card-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}

.event-card-image--placeholder {
background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);
position: relative;
}

.event-card-image--placeholder::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2.5em;
height: 2.5em;
opacity: 0.35;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.event-card-body {
padding: 1em 1.2em;
display: flex;
flex-direction: column;
gap: 0.4em;
flex: 1;
}

.event-card-tag {
font-size: 0.78em;
color: #fff;
background: #4a5dcc;
border-radius: 3px;
padding: 0.15em 0.55em;
display: inline-block;
align-self: flex-start;
width: fit-content;
}

.event-card-title {
font-weight: bold;
font-size: 1em;
line-height: 1.4;
}

.event-card-location {
font-size: 0.82em;
color: #555;
}

.event-card-desc {
font-size: 0.85em;
color: #444;
line-height: 1.4;
}

.event-card-readmore {
font-size: 0.82em;
font-weight: 600;
margin-top: 0.4em;
}

/* ── Publication detail page ── */
.publication-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.publication-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.publication-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}
.publication-detail__section { margin-top: 24px; }
.publication-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.publication-authors {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.publication-author {
background: #f3f1ff;
border: 1px solid #c6a4ff;
padding: 5px 12px;
font-size: 0.92em;
line-height: 1.4;
color: #1f2328;
}

/* ── Living Labs overview grid ── */
.living-labs-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
margin-top: 1em;
}
.living-lab-card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e1e4ff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 6px 16px rgba(92,76,228,0.08);
}
.living-lab-card__image {
width: 100%;
height: 180px;
overflow: hidden;
background: #f3f1ff;
}
.living-lab-card__image figure,
.living-lab-card__image .thumb,
.living-lab-card__image .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}
.living-lab-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.living-lab-card__image .thumbcaption,
.living-lab-card__image .magnify { display: none !important; }
.living-lab-card__body {
padding: 14px 16px 16px;
display: flex;
flex-direction: column;
gap: 6px;
}
.living-lab-card__name {
font-size: 1.1em;
font-weight: 700;
}
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }
.living-lab-card__name a:hover { text-decoration: underline !important; }
.living-lab-card__desc {
font-size: 0.95em;
line-height: 1.55;
color: #444;
}

/* ── Living Lab detail page ── */
.living-lab-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.living-lab-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.living-lab-detail__section { margin-bottom: 28px; }
.living-lab-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 8px;
border-bottom: 1px solid #e1e4ff;
padding-bottom: 4px;
}
.living-lab-detail__text {
font-size: 1.02em;
line-height: 1.65;
max-width: 820px;
}
.living-lab-detail__map { max-width: 820px; }
.living-lab-detail__map .maps-map { width: 100% !important; }

/* headline image */
.living-lab-detail__hero { margin: 0 0 6px; }
.living-lab-detail__hero img {
height: auto;
display: block;
border-radius: 8px;
}
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}
.living-lab-detail__hero-credit { color: #888; }
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}

.living-lab-detail__lead {
font-size: 1.05em;
line-height: 1.7;
color: #333;
margin: 0 0 20px;
}

/* interventions list */
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }
.living-lab-detail__interventions li b,
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }
.living-lab-detail__interventions li i { color: #666; }

.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }
.living-lab-detail__figure { flex: 0 1 auto; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }

.living-lab-detail__quote {
border-left: 3px solid var(--dreams-primary);
padding: 4px 0 4px 16px;
margin: 24px 0; font-size: 1.12em;
line-height: 1.6; color: #333;
}
.living-lab-detail__quote cite {
display: block;
font-style: normal;
font-size: var(--dreams-small);
color: #666;
margin-top: 8px;
}

.living-lab-detail__gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
justify-content: start;
}
.living-lab-detail__figure img {
object-fit: cover;
border-radius: 6px;
display: block;
}
.living-lab-detail__figure-caption {
margin-top: 6px;
font-size: var(--dreams-small);
color: #666;
line-height: 1.5;
}

/* ── SUMP overview ── */
.sump-journey {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 1.75rem 0;
}
@media (min-width: 720px) {
.sump-journey { grid-template-columns: 1fr 1fr; }
}
.sump-journey__phase {
border: 1px solid var(--dreams-border, #e0e0e0);
border-top: 4px solid var(--sump-accent, #5c4ce4);
border-radius: 10px;
background: #fff;
padding: 1rem 1.15rem 1.2rem;
}
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }
.sump-journey__head {
display: flex;
align-items: center;
gap: .55rem;
margin: 0 0 .45rem;
}
.sump-journey__head h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 1.1rem;
font-weight: 700;
color: #222;
}
.sump-journey__num {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.9rem;
height: 1.9rem;
border-radius: 50%;
background: var(--dreams-primary, #5c4ce4);
color: #fff;
font-weight: 700;
font-size: .95rem;
}
.sump-journey__desc {
margin: 0 0 .85rem;
color: #555;
line-height: 1.55;
font-size: var(--dreams-small, .85em);
}
.sump-journey__steps {
display: grid;
gap: .45rem;
}
.sump-journey__step {
display: flex;
align-items: baseline;
gap: .55rem;
line-height: 1.45;
}
.sump-journey__step-num {
flex: 0 0 1.5rem;
font-weight: 700;
font-size: var(--dreams-small, .85em);
color: var(--dreams-primary, #5c4ce4);
font-variant-numeric: tabular-nums;
}
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }
.sump-journey-cycle {
font-size: var(--dreams-small, .85em);
color: #777;
margin: .25rem 0 0;
}

/* --- Brand tokens --- */
:root {
--dreams-primary: #5c4ce4;
--dreams-tint: #f3f1ff;
--dreams-border: #cac4f8;
--dreams-dark: #3d30c4;
--dreams-text-on: #ffffff;
--dreams-small: 0.85em;
--sump-tint: #f3f1ff;
}

/* --- Page wrapper --- */
.sump-step { max-width: 60rem; }

/* --- Phase / step header bar --- */
.sump-step__head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .4rem;
padding: .75rem 0 1rem;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 1rem;
}
.sump-step__phase-label {
font-size: var(--dreams-small);
color: #555;
}
.sump-step__phase-tag {
display: inline-block;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
padding: .2rem .7rem;
border-radius: 1rem;
color: var(--dreams-text-on);
background: var(--dreams-primary);
}
.sump-step__counter {
margin-left: auto;
font-size: var(--dreams-small);
color: #888;
}

/* --- Section headings --- */
.sump-step h2 {
border-left: 3px solid var(--dreams-primary);
padding-left: .75rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
}

/* --- Intro text block --- */
.sump-intro {
line-height: 1.75;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e8e8e8;
margin-top: 0;
margin-bottom: 1.75rem;
text-align: justify;
}
.sump-intro > p:first-child { margin-top: 0; }
.sump-intro > p:last-child { margin-bottom: 0; }

/* --- Four-body card grid --- */
.sump-bodies-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
margin: 1.25rem 0 1.75rem;
}
.sump-body-card {
background: #fafafa;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: .9rem 1rem;
}
.sump-body-card__label {
font-size: var(--dreams-small);
font-weight: 700;
color: var(--dreams-primary);
margin-bottom: .35rem;
}
.sump-body-card__desc {
font-size: var(--dreams-small);
line-height: 1.55;
margin-bottom: 1rem;
}

.sump-body-card--steer,
.sump-body-card--team,
.sump-body-card--thematic,
.sump-body-card--network {
display: flex;
flex-direction: column;
}
.sump-body-card--steer::after,
.sump-body-card--team::after,
.sump-body-card--thematic::after,
.sump-body-card--network::after {
content: "";
display: block;
margin-top: auto;
padding-top: 4rem;
height: 1rem;
background-repeat: no-repeat;
background-position: center bottom;
}
.sump-body-card--steer::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='32.1 74.9 288.2 288.2' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,0,-499.588)'%3E%3Cg id='Steering-Group' transform='matrix(0.439206,0,0,0.512758,-168.655,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,458.877,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,595.954,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,860.643,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,479.111,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,880.876,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,616.188,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,745.596,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,765.83,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='175.626' cy='794.478' r='44.165' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(2.58909,0,0,2.29942,330.035,-873.136)'%3E%3Cpath d='M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z' style='fill:white;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--team::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='28.3 75.1 286.3 286.3' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-456,-499.588)'%3E%3Cg id='Project-Team' transform='matrix(0.439206,0,0,0.512758,287.345,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,448.131,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,585.208,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,849.897,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,468.365,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,870.13,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,605.442,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,734.85,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,755.083,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-143.845,387.633)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='234.911' cy='592.552' r='26.261' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,389.099,-594.315)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--thematic::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='27.8 74.3 295.1 295.1' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-884.466,-499.588)'%3E%3Cg id='Thematic-Group' transform='matrix(0.439206,0,0,0.512758,715.811,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,456.983,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,594.06,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,858.749,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,477.217,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,878.983,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,614.294,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,743.702,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,763.936,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)'%3E%3Cpath d='M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z' style='fill:none;stroke:%235c4ce4;stroke-width:9.13px;'/%3E%3C/g%3E%3Cg transform='matrix(1.82293,0,0,1.56144,-1147.13,-290.898)'%3E%3Cpath d='M1036.63,780.407L1085.35,780.407' style='fill:none;stroke:%235c4ce4;stroke-width:20.82px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--network::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.7 55.7 310.5 310.5' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1275.81,-499.588)'%3E%3Cg id='External-Network' transform='matrix(0.439206,0,0,0.512758,1107.16,304.74)'%3E%3Cg transform='matrix(1.41038,0,0,1.20807,-1240,-95.8635)'%3E%3Ccircle cx='1435.57' cy='733.314' r='90.265' style='fill:none;stroke:%235c4ce4;stroke-width:26.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* --- Callout --- */
.dreams-callout {
font-size: var(--dreams-small);
border-left: 3px solid var(--dreams-primary);
background: var(--dreams-tint);
padding: .75rem 1rem;
border-radius: 0 6px 6px 0;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-callout__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .35rem;
}

/* --- Outskirts challenge box --- */
.sump-outskirts-box {
border: 1px solid var(--dreams-border);
border-radius: 8px;
overflow: hidden;
margin: 1.5rem 0;
}
.sump-outskirts-box__head {
background: var(--dreams-primary);
color: var(--dreams-text-on);
padding: .6rem 1rem;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .02em;
}
.sump-outskirts-box__body {
background: var(--dreams-tint);
padding: .9rem 1.1rem;
line-height: 1.65;
color: #333;
}

/* --- Setup sequence --- */
.sump-sequence-wrap {
margin: 1rem 0 1.5rem;
counter-reset: seq;
}
.sump-seq-item {
counter-increment: seq;
display: grid;
grid-template-columns: 28px 1fr;
grid-template-rows: auto auto;
gap: 0 12px;
align-items: start;
margin-bottom: 14px;
line-height: 1.6;
}
.sump-seq-item::before {
content: counter(seq);
width: 24px;
height: 24px;
background: var(--dreams-primary);
color: var(--dreams-text-on);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--dreams-small);
font-weight: 700;
flex-shrink: 0;
margin-top: 3px;
grid-row: 1 / 3;
}
.sump-seq-label {
font-weight: 700;
color: var(--dreams-primary);
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
color: #333;
grid-column: 2;
grid-row: 2;
font-size: var(--dreams-small);
}

@media (min-width: 560px) {
.sump-seq-item {
grid-template-columns: 28px 10rem 1fr;
grid-template-rows: auto;
align-items: baseline;
}
.sump-seq-item::before {
grid-row: 1;
}
.sump-seq-label {
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
grid-column: 3;
grid-row: 1;
font-size: inherit;
}
}

/* --- Handoff block --- */
.dreams-handoff {
border: 1px solid var(--dreams-border);
background: var(--dreams-tint);
padding: .85rem 1.1rem;
border-radius: 8px;
margin: 1.5rem 0;
line-height: 1.6;
}
.dreams-handoff__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .5rem;
}

.dreams-handoff--dive .dreams-handoff__label::before {
content: "";
display: inline-block;
width: 1.8em;
height: 1.5em;
margin-right: .5em;
vertical-align: -0.4em;
background-image: url("data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* --- Sources footer --- */
.sump-sources {
font-size: var(--dreams-small);
color: #666;
border-top: 1px solid #e8e8e8;
margin-top: 2rem;
padding-top: .85rem;
line-height: 1.6;
}

/* --- Prev / next navigation bar --- */
.sump-step__nav {
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: wrap;
font-size: var(--dreams-small);
}
.sump-step__nav--top {
margin: .5rem 0 1.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid #e0e0e0;
}
.sump-step__nav--bottom {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #e0e0e0;
}
.sump-step__nav a { color: var(--dreams-primary); }
.sump-step__nav a:hover {
color: var(--dreams-dark);
text-decoration: underline;
}
.sump-step__nav-home a {
font-weight: 700;
color: #333 !important;
border: 1px solid #ccc;
padding: .2rem .75rem;
border-radius: 6px;
text-decoration: none !important;
}
.sump-step__nav-home a:hover { background: var(--dreams-tint); }
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }
/* overview slides into the gap: left on step 1, right on step 12 */
.sump-step__nav--first .sump-step__nav-prev { display: none; }
.sump-step__nav--last .sump-step__nav-next { display: none; }

/* ── SUMP phase row ── */
.sump-phases {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 1.5rem;
margin: 1.5rem 0 1.75rem;
counter-reset: phase;
}
.sump-phases__item {
position: relative;
counter-increment: phase;
}
.sump-phases__item::before {
content: counter(phase);
display: flex;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
margin-bottom: 0.6rem;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: var(--dreams-tint);
color: var(--dreams-primary);
font-weight: 700;
}
.sump-phases__item--prep::before,
.sump-phases__item--realize::before,
.sump-phases__item--eval::before {
content: "";
width: 3.4rem;
height: 3.4rem;
margin-bottom: 0.7rem;
border: 0;
border-radius: 14px;
background-color: var(--dreams-tint);
background-repeat: no-repeat;
background-position: center;
background-size: 62%;
}
.sump-phases__item--prep::after,
.sump-phases__item--realize::after,
.sump-phases__item--eval::after {
content: counter(phase);
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 1.6rem;
height: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: #fff;
color: var(--dreams-primary);
font-weight: 700;
font-size: 0.82rem;
}
/* per-phase glyphs */
.sump-phases__item--prep::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1854.82,-975.755)'%3E%3Cg id='Preparation' transform='matrix(0.439206,0,0,0.512758,1686.17,780.907)'%3E%3Cg transform='matrix(2.03662,0,0,1.01229,-3254.54,-198.641)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;'/%3E%3C/g%3E%3Cg transform='matrix(2.35128,0,0,2.014,-4050.65,-1566.23)'%3E%3Cpath d='M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.14px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--realize::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2283.29,-975.755)'%3E%3Cg id='Realisation' transform='matrix(0.439206,0,0,0.512758,2114.63,780.907)'%3E%3Cg transform='matrix(2.14657,0,0,1.06694,-3472.54,-265.777)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;'/%3E%3C/g%3E%3Cg transform='matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)'%3E%3Cpath d='M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86' style='fill:none;stroke:%235c4ce4;stroke-width:10.4px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--eval::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='38.5 55.7 301.9 301.9' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2674.63,-975.755)'%3E%3Cg id='Evaluation' transform='matrix(0.439206,0,0,0.512758,2505.98,780.907)'%3E%3Cg transform='matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)'%3E%3Cpath d='M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)'%3E%3Cpath d='M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)'%3E%3Cpath d='M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }

/* A. figure tiles */
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }

/* B. two-pane contrast */
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }
.sump-versus__pane { border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }

.sump-checklist { display:grid; gap:.5rem; margin:1.25rem 0; }
.sump-check { display:grid; grid-template-columns:1.4rem 1fr; gap:.5rem; align-items:start; }
.sump-check__box { width:1.1rem; height:1.1rem; border:2px solid var(--sump-accent,#666); border-radius:3px; margin-top:.15rem; }

/* optional inline continuity marker */
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }

/* --- Living-lab example box --- */
.dreams-lab {
border: 1px solid var(--dreams-border);
border-left: 4px solid var(--dreams-primary);
background: #fff;
border-radius: 4px;
padding: .7rem 1.1rem;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-lab__tag {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .25rem;
}

.dreams-impact-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin: 1em 0 1.5em;
}
@media (min-width: 480px) {
.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 780px) {
.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }
}
.dreams-impact-card {
display: flex;
flex-direction: column;
gap: 10px;
padding: 1rem 1.1rem;
background: #ffffff;
border: 1px solid #e7e4f7;
border-radius: 12px;
}
.dreams-impact-head {
display: flex;
align-items: center;
gap: 10px;
}
.dreams-impact-icon {
flex: none;
width: 38px;
height: 38px;
border-radius: 10px;
background-color: #f3f1ff;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.dreams-impact-name {
font-size: 1.05em;
font-weight: 600;
color: #5c4ce4;
}
.dreams-impact-body {
font-size: 0.95em;
line-height: 1.6;
color: #333333;
}
.dreams-impact-body p { margin: 0; }
.dreams-impact-icon--accessibility { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200'%20/%3E%3Cpath%20d='M7%2021l3%20-4'%20/%3E%3Cpath%20d='M16%2021l-2%20-4l-3%20-3l1%20-6'%20/%3E%3Cpath%20d='M6%2012l2%20-3l4%20-1l3%203l3%201'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--carbon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2021c.5%20-4.5%202.5%20-8%207%20-10'%20/%3E%3Cpath%20d='M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--liveability { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2013l-2%20-2'%20/%3E%3Cpath%20d='M12%2012l2%20-2'%20/%3E%3Cpath%20d='M12%2021v-13'%20/%3E%3Cpath%20d='M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--health { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2012h4l3%208l4%20-16l3%208h4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--economic { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2021l18%200'%20/%3E%3Cpath%20d='M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204'%20/%3E%3Cpath%20d='M5%2021l0%20-10.15'%20/%3E%3Cpath%20d='M19%2021l0%20-10.15'%20/%3E%3Cpath%20d='M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--equity { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2020l10%200'%20/%3E%3Cpath%20d='M6%206l6%20-1l6%201'%20/%3E%3Cpath%20d='M12%203l0%2017'%20/%3E%3Cpath%20d='M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3Cpath%20d='M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3C/svg%3E"); }

/* ── Partner logo bar (main page footer) ── */
.partner-logo-bar {
margin: 2.5em 0 0;
padding-top: 2em;
border-top: 1px solid #e1e4ff;
}

.partner-logo-bar__label {
font-size: 0.72em;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #8a8aaa;
margin-bottom: 1em;
}

.partner-logo-bar__row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(20% - 0.4em);
min-width: 100px;
}

.partner-logo-bar__item {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 6px 10px;
}

.partner-logo-bar__item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item img {
max-height: 42px;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__item figure,
.partner-logo-bar__item .thumb,
.partner-logo-bar__item .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item .thumbcaption,
.partner-logo-bar__item .magnify { display: none !important; }

.partner-logo-bar__item--narrow img { max-width: 75px; }
.partner-logo-bar__item--boost img { min-height: 58px; }

.partner-logo-bar__item--text {
font-size: 0.82em;
font-weight: 600;
}

.partner-logo-bar__item--text a {
color: #5c4ce4 !important;
text-decoration: none !important;
text-align: center;
}

.partner-logo-bar__item--text a:hover {
text-decoration: underline !important;
}

.partner-logo-bar__disclaimer {
margin-top: 0.5em;
padding-top: 1em;
border-top: 1px solid #e1e4ff;
font-size: 0.82em;
color: #888;
font-style: italic;
display: flex;
align-items: center;
gap: 0.75em;
}

.partner-logo-bar__disclaimer img {
max-height: 40px;
max-width: 130px;
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__disclaimer figure,
.partner-logo-bar__disclaimer .thumb,
.partner-logo-bar__disclaimer .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
}

.partner-logo-bar__disclaimer .thumbcaption,
.partner-logo-bar__disclaimer .magnify { display: none !important; }

@media (max-width: 700px) {
.partner-logo-bar__row {
grid-template-columns: repeat(3, 1fr);
}
.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(33% - 0.4em);
}
}

.sump-prereq {
margin: 1.5rem 0;
padding: 1.1rem 1.3rem 1.2rem;
background: var(--dreams-tint);
border: 1px solid var(--dreams-border);
border-radius: 10px;
}
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }
.sump-prereq__list { display: grid; gap: .65rem; }
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }
.sump-prereq__box {
width: 1.2rem; height: 1.2rem; margin-top: .12rem;
border: 2px solid var(--dreams-primary); border-radius: 4px;
background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;
}
.sump-prereq__text { line-height: 1.45; }
.sump-prereq__item--done .sump-prereq__box {
background-color: var(--dreams-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }

Living Labs/1

2026-07-22T10:55:59Z

Admin:

{{LivingLab
|name=Vienna
|country=Austria
|city=Vienna
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=TU Wien (Move); City of Vienna (MA18, MA21, MA25, MA28, MA46, MA48); District of Liesing; Municipal District Office 23; Wiener Linien; Upstream Mobility; Wirtschaftsagentur Wien; Reality Lab; GB* South; Lokale Agenda 21; wohnbund:consult; Carsharing Österreich; ARCHS; Family and Work Management; Science communications; several car-sharing/micromobility providers
|location=48.13054, 16.31307
|description=The living lab is centered on the "Wiener Flur" case study area in the 23rd district (Liesing). It aims to assess how mobility and activity hubs influence behavior and create sustainable community spaces in urban outskirts.
|focus=Focuses on mobility hubs, flexible pop-up activity hubs, and demand-responsive services to improve accessibility and activate vacant spaces through community involvement.
|interventions=# Implementation of mobility hubs and flexible activity hubs
# Virtual bike-sharing stations
# Activating vacant spaces through community-led "pop-up" hubs
|images=ViennaLL.png/Cover for the Vienna LL
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Vienna.csv}} Results of the ResiMob Survey in Vienna]

Living Labs/1

2026-07-22T10:55:38Z

Admin:

{{LivingLab
|name=Vienna
|country=Austria
|city=Vienna
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=TU Wien (Move); City of Vienna (MA18, MA21, MA25, MA28, MA46, MA48); District of Liesing; Municipal District Office 23; Wiener Linien; Upstream Mobility; Wirtschaftsagentur Wien; Reality Lab; GB* South; Lokale Agenda 21; wohnbund:consult; Carsharing Österreich; ARCHS; Family and Work Management; Science communications; several car-sharing/micromobility providers
|location=48.13054, 16.31307
|description=The living lab is centered on the "Wiener Flur" case study area in the 23rd district (Liesing). It aims to assess how mobility and activity hubs influence behavior and create sustainable community spaces in urban outskirts.
|focus=Focuses on mobility hubs, flexible pop-up activity hubs, and demand-responsive services to improve accessibility and activate vacant spaces through community involvement.
|interventions=# Implementation of mobility hubs and flexible activity hubs
# Virtual bike-sharing stations
# Activating vacant spaces through community-led "pop-up" hubs
|images=ViennaLL.png/Cover for the Vienna LL
|image-credits=Test
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Vienna.csv}} Results of the ResiMob Survey in Vienna]

Living Labs/2

2026-07-22T10:55:15Z

Admin:

{{LivingLab
|name=Utrecht
|country=Netherlands
|city=Utrecht
|neighbourhood=Overwecht
|begin-date=2025-02-01
|end-date=2026-05-18
|participating-organizations=Municipality of Utrecht (MU); Province of Utrecht (PU); Hogeschool Utrecht (HU); ROC; Moby (Cargoroo); Lime; Dott
|location=52.12054, 5.10964
|description=A living lab focused on the Overvecht district (a post-WWII area with ~35,000 residents) to address low bike ownership and safety concerns. Interventions include subsidizing shared e-cargo bikes, providing 50% discounts on shared e-bikes in social housing neighborhoods, and developing solar charging station prototypes.
|focus=Exploring the role of shared e-bikes and shared e-cargo bikes in promoting accessible and sustainable mobility in urban outskirts and low-income areas.
|interventions=#Subsidized Cargoroo e-cargo bikes
#Solar charging station pilot ("SunCycle")
#Cargo bike bicycle lessons
|images=UtrechtLL.png/Cover for the Utrecht LL
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Utrecht.csv}} Results of ResiMob Survey in Utrecht]

Living Labs/6

2026-07-22T10:54:53Z

Admin:

{{LivingLab
|name=Paris
|country=France
|city=Paris
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=UGE; Île-de-France Mobilités; City of Paris; RATP; Plaine Commune
|location=48.62586, 2.40995
|description=A living lab focused on urban outskirts, testing station design as mobility hubs and the governance of transport planning in disadvantaged areas.
|focus=Improving feeder services and active transport access to tram stations in suburban areas.
|interventions=# Optimized feeder services
# Active transport improvements (new shared mobility stations)
# Discounts for shared mobility services
# New bidirectional bike lane
|images=ParisLL.png/Cover for the Paris LL
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Paris.csv}} Results of ResiMob Survey in Paris]

Living Labs/5

2026-07-22T10:54:35Z

Admin:

{{LivingLab
|name=Brussels
|country=Belgium
|city=Brussels
|neighbourhood=Neder-Over-Heembeek
|begin-date=2024-03-01
|end-date=2026-05-31
|participating-organizations=VUB; Bruxelles Mobilité; City of Brussels; Mpact; Shared mobility providers (cambio, Cozywheels)
|location=50.89382, 4.37874
|description=Located in the northern outskirts of the Brussels-Capital Region, focusing on the Neder-over-Heembeek and Haren districts to improve mobility for underserved populations.
|focus=Reducing car dependency in peripheral neighborhoods through station-based car-sharing, peer-to-peer sharing, and volunteer transport.
|interventions=# Station-based car and cargo bike sharing (cambio)
# Peer-to-peer car and bike sharing (Cozywheels)
# Volunteer-based transport for less mobile citizens (Mobitwin)
# Mobility hub development and MaaS integration
|images=BrusselsLL.png/Cover for the Brussels LL
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Brussels.csv}} Results of ResiMob Survey in Brussels]

Living Labs/3

2026-07-22T10:54:05Z

Admin:

{{LivingLab
|name=Budapest
|country=Hungary
|city=Budapest
|neighbourhood=Rákosmente – District XVII
|begin-date=2024-04-01
|end-date=2026-05-31
|participating-organizations=BME (university, pilot leader); BKK Centre for Budapest Transport (public transport and bike-sharing service provider); KTI (research institute with local knowledge); RAK (Rákosmente local municipality)
|location=47.48134, 19.2667
|description=The Budapest Living Lab aims to provide an effective alternative to the reliance on private car usage and low-frequency public transport in the Rákosmente district of Budapest. By encouraging more sustainable transport modes, the living lab seeks to reduce the reliance on single-occupancy vehicles, thereby fostering a greener and more accessible urban environment. A further objective is to test an island-like bike-sharing operation, independent of the large inner-city service area.
|focus=The living lab's core focus is strengthening connections within the Rákosmente district. Enhancing these connections facilitates better movement across neighborhoods and promotes a sense of community among residents. With improved accessibility, residents are more likely to engage with local services, boosting the local economy and encouraging a vibrant neighborhood atmosphere. The primary target group is the local population, but commuters and visitors are also relevant user groups due to the presence of railway stations, educational, healthcare, retail and leisure destinations.
|approach=The first isolated operation area of Budapest’s public bike-sharing system is planned to be created in the living lab area. Until recently, the service area has developed organically, but only on densely populated areas around the inner districts of Budapest. In Rákosmente the development focuses primarily on densely populated areas around the district center. This approach not only maximizes the impact of micromobility initiatives but also ensures that they serve the residents who will benefit most.

The living lab advocates for new micromobility stations as infrastructure development, enabling residents to efficiently access and utilize shared transport options. At the same time, the standardized stations will serve as convenient pick-up and drop-off points, making it easier for users to integrate micromobility into their everyday routines. This system is expected to complement existing transport solutions, enhancing overall mobility in the city.
|interventions=# '''Infrastructure development of micromobility stations.''' Station location planning, authorisation and implementation.<br>''Partners:'' RAK, BME, BKK, KTI, Budapest Roads, contractor
# '''Bike-sharing service extension deployment.''' Service planning, legal requirements and operational framework.<br>''Partners:'' RAK, BME, BKK, KTI, contractor
# '''Pilot implementation.''' Pilot design, communication and user-experience evaluation.<br>''Partners:'' RAK, BME, BKK, KTI
|what-happened=The service focuses on the more densely populated parts of District XVII, which include cultural, institutional, and transport related destinations. The designated stations serve both as pick-up and return locations and as public-space parking areas for other shared micromobility devices. The implementation scope can be divided into three components: the technical development of the site network, the integration into the bike-sharing operational system, and the evaluation of user experience and acceptance.
<br>
The exact launch of the pilot depended on the readiness of the central bike-sharing extension implementation that was being realized in the whole city and deployed by an external company. Still, the strategic content of the implementation has not changed. The service integrates 50 bikes and 11 micromobility stations into the bike-sharing application and apply the same terms of use and fare system as in the inner service area. The new stations were developed as integrated mobility points through an investment by the Municipality of Rákosmente.
<br>
The most significant operational deviation was the reduction of the planned operating period from six months to three months, caused by the delay in the citywide launch of the extended bike-sharing system. Still, the timing deviation did not affect the content of the testing. The impact of the delay appeared primarily in seasonal comparability, as the summer and early autumn period may provide favourable cycling conditions. However, due to the school holiday, annual leave periods, and temporary changes in commuting patterns, the activity of certain target groups may be lower.
|learnings=The pilot did not aim to provide continuous coverage of the entire district, but rather to create a network of destinations and transport nodes. The stations are suitable for serving short trips between the district centre, the densest residential areas, two railway stops, and sports, educational, healthcare, and retail destinations. Moreover, the sites were developed not through the application of a uniform template, but with adaptation to the existing public-space cross-section environment.
<br>
Compared to the inner-city bike-sharing network, the suburban and polycentric structure may result in longer distances between stations and more concentrated travel destinations. At the railway stations and in the district centre, temporary peak and directional traffic is expected, while at sports, market, healthcare and educational locations, demand may be shaped by institutional opening hours.
|headline-image=Rakosmente.JPG
|headline-image-caption=Visiting a new bike-sharing station in Rákosmente
|images=MobiStation.jpeg/Another micromobility station;
BudapestLL.png/Cover for the Budapest LL
|quote=The Rákosmente pilot offers a unique opportunity to understand how public bike-sharing can support mobility needs in lower-density suburban environments, where traditional urban service models may not be directly applicable. Beyond testing bicycles and stations, this Living Lab examines the institutional, operational, and user-related conditions required for the successful integration of shared micromobility into outer-district transport systems.
|related-steps=[[Set targets and indicators|SUMP Step 6: Set targets and indicators]]
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Budapest.csv}} Results of ResiMob Survey in Budapest]

Living Labs/4

2026-07-22T10:53:34Z

Admin:

{{LivingLab
|name=Munich Region
|country=Germany
|city=Geretsried
|begin-date=2024-08-01
|end-date=2026-06-01
|participating-organizations=[[DREAMers#Technische_Universit%C3%A4t_M%C3%BCnchen|Technical University of Munich (TUM)]]; [https://www.geretsried.de City of Geretsried];[https://www.mvv-muenchen.de/ Münchner Verkehrs- und Tarifverbund (MVV) - public transport operator for the Munich Metropolitan Region];
|location=47.86469, 11.47935
|description=Geretsried, a car-dependent town near Munich with no direct rail link, ran a nearly two-year Living Lab to design a network of mobility points combining car sharing, bike sharing, and better bus connections. A planning process to design a mobility point pilot and scale it up across Geretsried's neighborhoods led to council approval of a pilot at the central B11 bus stop, plus a long-term plan for four more locations.
|focus=*Geretsried's urban structure still reflects its origins as a planned post-war settlement, with residential areas spatially separated from commercial, administrative, and service functions. This spatial configuration has reinforced private car use as the dominant mode of transport for daily activities.
*Approximately two-thirds of all daily trips are made by private car. In addition, residents must travel to the neighboring city of Wolfratshausen to access the nearest direct rail connection to Munich.
*Local bus services operate approximately every 20 minutes. Survey findings and field observations indicated that this level of service is insufficient to encourage a significant shift away from private car use.
*These mobility constraints disproportionately affect older adults, who account for nearly one-third of the population, as well as Geretsried's sizeable migrant community, both of whom are particularly vulnerable when access to a private car is limited.
*Given these characteristics, together with the municipality's commitment to promoting sustainable mobility through its existing Mobility Concept, Geretsried provided an appropriate setting to evaluate whether a shared mobility intervention could enhance accessibility and reduce car dependence.
|approach=*The Living Lab initially aimed to design, implement, test, and evaluate a network of micromobility hubs at strategic locations across the city. These hubs were intended to integrate car-sharing services, bicycle parking, and bike-and-ride facilities with the existing bus network to reduce car dependence and improve access to everyday destinations.
*Following the withdrawal of two car-sharing partners, the envisioned hub model could no longer be realized. In response, the team formulated an alternative concept called Mobility Paths, centered on a network of connected points of interest in the city center, linked by wayfinding elements such as floor markings, informational panels, and artistic installations, to strengthen local identity and encourage sustainable mobility choices. This concept was discontinued after community feedback preferred tangible, permanent infrastructure.
*During the project, the scope and implementation strategy evolved considerably. As a result, the Living Lab shifted its focus to a planning process that built on existing mobility infrastructure rather than building entirely new infrastructure.
*The final intervention centered on redesigning the B11 bus stop as a mobility point, since the location already provides access to car-sharing services and bicycle parking. Through a co-design process with the municipality's planning and mobility departments, these existing assets were enhanced with additional mobility services and design improvements, resulting in a context-sensitive and locally supported mobility point concept. The pilot also served as the basis for a broader implementation framework, including a scale-up strategy for a network of four additional mobility points to support the municipality's long-term sustainable mobility objectives.
|interventions=# '''Mobility Paths concept (discontinued)''': A network of connected points of interest in the city center, linked by wayfinding elements (such as floor markings, informational panels, and artistic installations); intended to strengthen local identity and encourage sustainable mobility choices. However, community feedback preferred tangible, permanent infrastructure, so the network was discontinued.<br>''Partners:'' TUM, City of Geretsried
# '''B11 Mobility Point Pilot Design''': Redesign of the existing B11 bus stop into a mobility point. Added services included an EV charging point and car-sharing space, a bike-sharing docking area for 12 bicycles, a shaded seating and waiting area, and a covered bike-and-ride structure with parking for 40 bicycles.<br>''Partners:'' TUM, City of Geretsried, MVV
# '''Citywide mobility point network plan''': Scale-up strategy for a network of 4 additional mobility points to support the municipality's mobility concept.<br>''Partners:'' TUM, City of Geretsried, MVV
|what-happened=The Living Lab initially focused on developing a micromobility hub integrating car sharing, bike-and-ride facilities, and public transport at one or more strategic locations in Geretsried. However, the concept had to be substantially revised at an early stage when the two car-sharing operators initially involved in the pilot, SIXT and E Oberland, withdrew from the project. As a significant component of the original hub concept relied on the availability of shared vehicles, the project team reassessed the intervention's scope, timeline, and implementation approach. In response, the Living Lab team developed an alternative concept, Mobility Paths, envisioning a network of five connected points of interest in the city center.

The concept was presented to residents during Mobility Day on 21 September 2025. While the feedback was generally constructive, it highlighted a preference for more permanent and tangible infrastructure rather than visual interventions. Based on the inputs, the team decided to discontinue the Mobility Paths concept and return to a more infrastructure-oriented approach centered on the B11 bus stop at Karl Lederer Platz. This location already offered several favorable conditions, including barrier-free access, connections to the main bus lines, an existing car-sharing station, and bicycle parking facilities.

The municipality's mobility department subsequently presented the revised mobility point concept to the Geretsried city council, which approved the general approach in October 2025. The following design phase focused on the detailed spatial integration of individual components. This process required consideration of site-specific constraints, including tree root systems, underground gas infrastructure, and existing cables. Despite political approval of the concept, implementation faced further delays. A required €15,000 budget allocation was scheduled for discussion by the city council in January 2026; however, the sitting mayor requested its postponement due to concerns about the timing of discussions on reallocating public space and removing seven parking spaces, which were scheduled shortly before the municipal elections in March 2026. Following the transition to a new mayoral administration, it became clear that the original 2026 implementation timeline for the B11 pilot could not be kept.

Rather than concluding the intervention at this stage, the Living Lab used the remaining project period to translate the pilot concept into a broader network strategy. Four additional candidate locations—Gelting, Lilienstraße, Am Stern, and Stein—were identified, and an accessibility analysis was conducted to assess their potential reach by walking, cycling, and shared mobility. Throughout the process, the municipality's planning and mobility departments, MVV, and residents remained actively engaged through surveys, Mobility Day, and iterative design meetings. Although the private car-sharing operators initially considered for the hub were no longer formally involved after their withdrawal, the existing E Oberland car-sharing station remained integrated into the final mobility point concept.
|learnings=The Geretsried Living Lab highlighted the importance of embedding Living Lab interventions within existing municipal planning frameworks from the outset, as alignment with the city's Mobility Concept helped maintain continuity despite political changes. The withdrawal of private mobility partners also demonstrated the need for early risk assessment, clearer partnership commitments, and contingency strategies, particularly in suburban contexts where shared mobility models face greater implementation challenges. Furthermore, the process showed that changes to public space allocation, such as reducing parking availability, require early communication strategies that highlight the broader benefits of reallocating space, including improved accessibility, safer mobility options, and enhanced public space quality.
|headline-image=Geretsried.jpg
|headline-image-caption=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
|images=Geretsried.jpg/One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.;
MunichLL.png/Cover for the Munich region LL
|quote=“We find it very interesting that Geretsried was included as a Living Lab for the DREAMS project alongside major cities such as Paris, Vienna, and Budapest. It is a great recognition that an international project selected our municipality to be part of this initiative”.
|quote-attribution=A. v. A. – Working at the city of Geretsried.
|image-captions=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Munich.csv}} Results of ResiMob Survey in Munich]

Living Labs/4

2026-07-22T10:48:02Z

Admin:

{{LivingLab
|name=Munich Region
|country=Germany
|city=Geretsried
|begin-date=2024-08-01
|end-date=2026-06-01
|participating-organizations=[[DREAMers#Technische_Universit%C3%A4t_M%C3%BCnchen|Technical University of Munich (TUM)]]; [https://www.geretsried.de City of Geretsried];[https://www.mvv-muenchen.de/ Münchner Verkehrs- und Tarifverbund (MVV) - public transport operator for the Munich Metropolitan Region];
|location=47.86469, 11.47935
|description=Geretsried, a car-dependent town near Munich with no direct rail link, ran a nearly two-year Living Lab to design a network of mobility points combining car sharing, bike sharing, and better bus connections. A planning process to design a mobility point pilot and scale it up across Geretsried's neighborhoods led to council approval of a pilot at the central B11 bus stop, plus a long-term plan for four more locations.
|focus=*Geretsried's urban structure still reflects its origins as a planned post-war settlement, with residential areas spatially separated from commercial, administrative, and service functions. This spatial configuration has reinforced private car use as the dominant mode of transport for daily activities.
*Approximately two-thirds of all daily trips are made by private car. In addition, residents must travel to the neighboring city of Wolfratshausen to access the nearest direct rail connection to Munich.
*Local bus services operate approximately every 20 minutes. Survey findings and field observations indicated that this level of service is insufficient to encourage a significant shift away from private car use.
*These mobility constraints disproportionately affect older adults, who account for nearly one-third of the population, as well as Geretsried's sizeable migrant community, both of whom are particularly vulnerable when access to a private car is limited.
*Given these characteristics, together with the municipality's commitment to promoting sustainable mobility through its existing Mobility Concept, Geretsried provided an appropriate setting to evaluate whether a shared mobility intervention could enhance accessibility and reduce car dependence.
|approach=*The Living Lab initially aimed to design, implement, test, and evaluate a network of micromobility hubs at strategic locations across the city. These hubs were intended to integrate car-sharing services, bicycle parking, and bike-and-ride facilities with the existing bus network to reduce car dependence and improve access to everyday destinations.
*Following the withdrawal of two car-sharing partners, the envisioned hub model could no longer be realized. In response, the team formulated an alternative concept called Mobility Paths, centered on a network of connected points of interest in the city center, linked by wayfinding elements such as floor markings, informational panels, and artistic installations, to strengthen local identity and encourage sustainable mobility choices. This concept was discontinued after community feedback preferred tangible, permanent infrastructure.
*During the project, the scope and implementation strategy evolved considerably. As a result, the Living Lab shifted its focus to a planning process that built on existing mobility infrastructure rather than building entirely new infrastructure.
*The final intervention centered on redesigning the B11 bus stop as a mobility point, since the location already provides access to car-sharing services and bicycle parking. Through a co-design process with the municipality's planning and mobility departments, these existing assets were enhanced with additional mobility services and design improvements, resulting in a context-sensitive and locally supported mobility point concept. The pilot also served as the basis for a broader implementation framework, including a scale-up strategy for a network of four additional mobility points to support the municipality's long-term sustainable mobility objectives.
|interventions=# '''Mobility Paths concept (discontinued)''': A network of connected points of interest in the city center, linked by wayfinding elements (such as floor markings, informational panels, and artistic installations); intended to strengthen local identity and encourage sustainable mobility choices. However, community feedback preferred tangible, permanent infrastructure, so the network was discontinued.<br>''Partners:'' TUM, City of Geretsried
# '''B11 Mobility Point Pilot Design''': Redesign of the existing B11 bus stop into a mobility point. Added services included an EV charging point and car-sharing space, a bike-sharing docking area for 12 bicycles, a shaded seating and waiting area, and a covered bike-and-ride structure with parking for 40 bicycles.<br>''Partners:'' TUM, City of Geretsried, MVV
# '''Citywide mobility point network plan''': Scale-up strategy for a network of 4 additional mobility points to support the municipality's mobility concept.<br>''Partners:'' TUM, City of Geretsried, MVV
|what-happened=The Living Lab initially focused on developing a micromobility hub integrating car sharing, bike-and-ride facilities, and public transport at one or more strategic locations in Geretsried. However, the concept had to be substantially revised at an early stage when the two car-sharing operators initially involved in the pilot, SIXT and E Oberland, withdrew from the project. As a significant component of the original hub concept relied on the availability of shared vehicles, the project team reassessed the intervention's scope, timeline, and implementation approach. In response, the Living Lab team developed an alternative concept, Mobility Paths, envisioning a network of five connected points of interest in the city center.

The concept was presented to residents during Mobility Day on 21 September 2025. While the feedback was generally constructive, it highlighted a preference for more permanent and tangible infrastructure rather than visual interventions. Based on the inputs, the team decided to discontinue the Mobility Paths concept and return to a more infrastructure-oriented approach centered on the B11 bus stop at Karl Lederer Platz. This location already offered several favorable conditions, including barrier-free access, connections to the main bus lines, an existing car-sharing station, and bicycle parking facilities.

The municipality's mobility department subsequently presented the revised mobility point concept to the Geretsried city council, which approved the general approach in October 2025. The following design phase focused on the detailed spatial integration of individual components. This process required consideration of site-specific constraints, including tree root systems, underground gas infrastructure, and existing cables. Despite political approval of the concept, implementation faced further delays. A required €15,000 budget allocation was scheduled for discussion by the city council in January 2026; however, the sitting mayor requested its postponement due to concerns about the timing of discussions on reallocating public space and removing seven parking spaces, which were scheduled shortly before the municipal elections in March 2026. Following the transition to a new mayoral administration, it became clear that the original 2026 implementation timeline for the B11 pilot could not be kept.

Rather than concluding the intervention at this stage, the Living Lab used the remaining project period to translate the pilot concept into a broader network strategy. Four additional candidate locations—Gelting, Lilienstraße, Am Stern, and Stein—were identified, and an accessibility analysis was conducted to assess their potential reach by walking, cycling, and shared mobility. Throughout the process, the municipality's planning and mobility departments, MVV, and residents remained actively engaged through surveys, Mobility Day, and iterative design meetings. Although the private car-sharing operators initially considered for the hub were no longer formally involved after their withdrawal, the existing E Oberland car-sharing station remained integrated into the final mobility point concept.
|learnings=The Geretsried Living Lab highlighted the importance of embedding Living Lab interventions within existing municipal planning frameworks from the outset, as alignment with the city's Mobility Concept helped maintain continuity despite political changes. The withdrawal of private mobility partners also demonstrated the need for early risk assessment, clearer partnership commitments, and contingency strategies, particularly in suburban contexts where shared mobility models face greater implementation challenges. Furthermore, the process showed that changes to public space allocation, such as reducing parking availability, require early communication strategies that highlight the broader benefits of reallocating space, including improved accessibility, safer mobility options, and enhanced public space quality.
|headline-image=Geretsried.jpg
|headline-image-caption=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
|images=Geretsried.jpg/One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.;MunichLL.png/Cover for the Munich region LL
|quote=“We find it very interesting that Geretsried was included as a Living Lab for the DREAMS project alongside major cities such as Paris, Vienna, and Budapest. It is a great recognition that an international project selected our municipality to be part of this initiative”.
|quote-attribution=A. v. A. – Working at the city of Geretsried.
|image-captions=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Munich.csv}} Results of ResiMob Survey in Munich]

File:UtrechtLL.png

2026-07-22T10:45:40Z

Admin:

File:MunichLL.png

2026-07-22T10:44:39Z

Admin:

File:BudapestLL.png

2026-07-22T10:44:25Z

Admin:

File:BrusselsLL.png

2026-07-22T10:43:57Z

Admin:

File:ViennaLL.png

2026-07-22T10:43:39Z

Admin:

File:ParisLL.png

2026-07-22T10:43:19Z

Admin:

Living Labs/4

2026-07-22T10:36:40Z

Admin:

{{LivingLab
|name=Munich Region
|country=Germany
|city=Geretsried
|begin-date=2024-08-01
|end-date=2026-06-01
|participating-organizations=[[DREAMers#Technische_Universit%C3%A4t_M%C3%BCnchen|Technical University of Munich (TUM)]]; [https://www.geretsried.de City of Geretsried];[https://www.mvv-muenchen.de/ Münchner Verkehrs- und Tarifverbund (MVV) - public transport operator for the Munich Metropolitan Region];
|location=47.86469, 11.47935
|description=Geretsried, a car-dependent town near Munich with no direct rail link, ran a nearly two-year Living Lab to design a network of mobility points combining car sharing, bike sharing, and better bus connections. A planning process to design a mobility point pilot and scale it up across Geretsried's neighborhoods led to council approval of a pilot at the central B11 bus stop, plus a long-term plan for four more locations.
|focus=*Geretsried's urban structure still reflects its origins as a planned post-war settlement, with residential areas spatially separated from commercial, administrative, and service functions. This spatial configuration has reinforced private car use as the dominant mode of transport for daily activities.
*Approximately two-thirds of all daily trips are made by private car. In addition, residents must travel to the neighboring city of Wolfratshausen to access the nearest direct rail connection to Munich.
*Local bus services operate approximately every 20 minutes. Survey findings and field observations indicated that this level of service is insufficient to encourage a significant shift away from private car use.
*These mobility constraints disproportionately affect older adults, who account for nearly one-third of the population, as well as Geretsried's sizeable migrant community, both of whom are particularly vulnerable when access to a private car is limited.
*Given these characteristics, together with the municipality's commitment to promoting sustainable mobility through its existing Mobility Concept, Geretsried provided an appropriate setting to evaluate whether a shared mobility intervention could enhance accessibility and reduce car dependence.
|approach=*The Living Lab initially aimed to design, implement, test, and evaluate a network of micromobility hubs at strategic locations across the city. These hubs were intended to integrate car-sharing services, bicycle parking, and bike-and-ride facilities with the existing bus network to reduce car dependence and improve access to everyday destinations.
*Following the withdrawal of two car-sharing partners, the envisioned hub model could no longer be realized. In response, the team formulated an alternative concept called Mobility Paths, centered on a network of connected points of interest in the city center, linked by wayfinding elements such as floor markings, informational panels, and artistic installations, to strengthen local identity and encourage sustainable mobility choices. This concept was discontinued after community feedback preferred tangible, permanent infrastructure.
*During the project, the scope and implementation strategy evolved considerably. As a result, the Living Lab shifted its focus to a planning process that built on existing mobility infrastructure rather than building entirely new infrastructure.
*The final intervention centered on redesigning the B11 bus stop as a mobility point, since the location already provides access to car-sharing services and bicycle parking. Through a co-design process with the municipality's planning and mobility departments, these existing assets were enhanced with additional mobility services and design improvements, resulting in a context-sensitive and locally supported mobility point concept. The pilot also served as the basis for a broader implementation framework, including a scale-up strategy for a network of four additional mobility points to support the municipality's long-term sustainable mobility objectives.
|interventions=# '''Mobility Paths concept (discontinued)''': A network of connected points of interest in the city center, linked by wayfinding elements (such as floor markings, informational panels, and artistic installations); intended to strengthen local identity and encourage sustainable mobility choices. However, community feedback preferred tangible, permanent infrastructure, so the network was discontinued.<br>''Partners:'' TUM, City of Geretsried
# '''B11 Mobility Point Pilot Design''': Redesign of the existing B11 bus stop into a mobility point. Added services included an EV charging point and car-sharing space, a bike-sharing docking area for 12 bicycles, a shaded seating and waiting area, and a covered bike-and-ride structure with parking for 40 bicycles.<br>''Partners:'' TUM, City of Geretsried, MVV
# '''Citywide mobility point network plan''': Scale-up strategy for a network of 4 additional mobility points to support the municipality's mobility concept.<br>''Partners:'' TUM, City of Geretsried, MVV
|what-happened=The Living Lab initially focused on developing a micromobility hub integrating car sharing, bike-and-ride facilities, and public transport at one or more strategic locations in Geretsried. However, the concept had to be substantially revised at an early stage when the two car-sharing operators initially involved in the pilot, SIXT and E Oberland, withdrew from the project. As a significant component of the original hub concept relied on the availability of shared vehicles, the project team reassessed the intervention's scope, timeline, and implementation approach. In response, the Living Lab team developed an alternative concept, Mobility Paths, envisioning a network of five connected points of interest in the city center.

The concept was presented to residents during Mobility Day on 21 September 2025. While the feedback was generally constructive, it highlighted a preference for more permanent and tangible infrastructure rather than visual interventions. Based on the inputs, the team decided to discontinue the Mobility Paths concept and return to a more infrastructure-oriented approach centered on the B11 bus stop at Karl Lederer Platz. This location already offered several favorable conditions, including barrier-free access, connections to the main bus lines, an existing car-sharing station, and bicycle parking facilities.

The municipality's mobility department subsequently presented the revised mobility point concept to the Geretsried city council, which approved the general approach in October 2025. The following design phase focused on the detailed spatial integration of individual components. This process required consideration of site-specific constraints, including tree root systems, underground gas infrastructure, and existing cables. Despite political approval of the concept, implementation faced further delays. A required €15,000 budget allocation was scheduled for discussion by the city council in January 2026; however, the sitting mayor requested its postponement due to concerns about the timing of discussions on reallocating public space and removing seven parking spaces, which were scheduled shortly before the municipal elections in March 2026. Following the transition to a new mayoral administration, it became clear that the original 2026 implementation timeline for the B11 pilot could not be kept.

Rather than concluding the intervention at this stage, the Living Lab used the remaining project period to translate the pilot concept into a broader network strategy. Four additional candidate locations—Gelting, Lilienstraße, Am Stern, and Stein—were identified, and an accessibility analysis was conducted to assess their potential reach by walking, cycling, and shared mobility. Throughout the process, the municipality's planning and mobility departments, MVV, and residents remained actively engaged through surveys, Mobility Day, and iterative design meetings. Although the private car-sharing operators initially considered for the hub were no longer formally involved after their withdrawal, the existing E Oberland car-sharing station remained integrated into the final mobility point concept.
|learnings=The Geretsried Living Lab highlighted the importance of embedding Living Lab interventions within existing municipal planning frameworks from the outset, as alignment with the city's Mobility Concept helped maintain continuity despite political changes. The withdrawal of private mobility partners also demonstrated the need for early risk assessment, clearer partnership commitments, and contingency strategies, particularly in suburban contexts where shared mobility models face greater implementation challenges. Furthermore, the process showed that changes to public space allocation, such as reducing parking availability, require early communication strategies that highlight the broader benefits of reallocating space, including improved accessibility, safer mobility options, and enhanced public space quality.
|headline-image=Geretsried.jpg
|headline-image-caption=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
|images=Geretsried.jpg/One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
|quote=“We find it very interesting that Geretsried was included as a Living Lab for the DREAMS project alongside major cities such as Paris, Vienna, and Budapest. It is a great recognition that an international project selected our municipality to be part of this initiative”.
|quote-attribution=A. v. A. – Working at the city of Geretsried.
|image-captions=One medium-sized city, one big DREAMS network, and a story other outskirts planners will relate to.
}}
[{{fullurl:Special:Radarchart|file=File:ResimobSurvey-Munich.csv}} Results of ResiMob Survey in Munich]

MediaWiki:Common.css

2026-07-22T10:35:02Z

Admin:

/* CSS placed here will be applied to all skins */
.navbar-brand img {
padding-top: 10px;
height: 60px;
}

.firstHeading {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.external.text {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 20px;
}

.square {
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: Arial, sans-serif;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}

.blue { background-color: #2D8CFF; }
.red { background-color: #FF4757; }
.green { background-color: #2ED573; }
.yellow { background-color: #FFD32A; }
.orange { background-color: #fee4cb; }
.hue1 { background-color: #5c4ce4; }
.hue2 { background-color: #8068ff; }
.hue3 { background-color: #a386ff; }
.hue4 { background-color: #c6a4ff; }
.hue5 { background-color: #e9c4ff; }

/* ── Main Page ── */
.__NOTOC__ + * { margin-top: 0; }

.main-hero {
display: flex;
align-items: center;
gap: 2em;
padding: 2em 0 2.5em;
border-bottom: 1px solid #e1e4ff;
margin-bottom: 2em;
flex-wrap: wrap;
}

.main-hero__text { flex: 1; min-width: 280px; }

.main-hero__tag {
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5c4ce4;
margin-bottom: 0.6em;
}

.main-hero__title {
font-size: 1.7em;
font-weight: 800;
line-height: 1.25;
color: #1a1a2e;
margin: 0 0 0.6em;
border: none;
padding: 0;
}

.main-hero__lead {
font-size: 1.05em;
color: #444;
line-height: 1.6;
max-width: 580px;
margin-bottom: 1.2em;
text-align: justify;
}

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
}

.main-hero__logo {
flex-shrink: 0;
}

.main-hero__logo figure,
.main-hero__logo .thumb,
.main-hero__logo .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.main-hero__logo .thumbcaption,
.main-hero__logo .magnify { display: none !important; }

.main-hero__btn a,
a.main-hero__btn {
display: inline-block;
background: #5c4ce4;
color: #fff !important;
padding: 0.5em 1.2em;
border-radius: 5px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-hero__btn--outline a {
background: transparent;
color: #5c4ce4 !important;
border: 2px solid #5c4ce4;
}

.main-hero__btn a:hover { opacity: 0.85; }

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
align-items: stretch;
}

.main-hero__btn a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
box-sizing: border-box;
}

.main-section {
margin-bottom: 2.5em;
}

.main-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2em;
margin-top: 1em;
}

.main-intro__col {
font-size: 1.02em;
line-height: 1.65;
color: #333;
text-align: justify;
}

.main-labs {
display: flex;
flex-wrap: wrap;
gap: 0.6em;
margin-top: 1em;
justify-content: center;
}

.main-lab-btn a {
display: inline-block;
background: #f3f1ff;
border: 1px solid #c6a4ff;
color: #5c4ce4 !important;
padding: 0.4em 1em;
border-radius: 20px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-lab-btn a:hover {
background: #5c4ce4;
color: #fff !important;
border-color: #5c4ce4;
}

.main-connect {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1em;
margin-top: 1em;
}

.main-connect__item {
background: #f3f1ff;
border: 1px solid #e1e4ff;
border-left: 4px solid #5c4ce4;
padding: 0.8em 1em;
font-size: 0.97em;
}

.main-connect__item a {
color: #5c4ce4 !important;
font-weight: 600;
text-decoration: none !important;
}

@media (max-width: 700px) {
.main-hero { flex-direction: column; }
.main-intro { grid-template-columns: 1fr; }
}

/* DREAMers team layout */
.dreamer-section {
margin: 22px 0 30px;
}

.dreamer-section__head {
margin: 4px 0 14px;
border-left: 4px solid rgb(92,76,228);
padding-left: 10px;
}

.dreamer-section__title {
font-size: 1.25em;
font-weight: 700;
}

.dreamer-section__subtitle {
color: #54595d;
margin-top: 0;
}

.dreamer-section__subtitle:empty {
display: none;
}

.dreamers-grid {
display: grid;
grid-template-columns: repeat(auto-fill, 260px);
gap: 20px;
justify-content: center;
}

.dreamers-grid > p {
display: none;
}

.dreamer-card {
width: 260px;
box-sizing: border-box;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e1e4ff;
box-shadow: 0 6px 16px rgba(92,76,228,0.08);
}

.dreamer-card__imgwrap {
width: 100%;
height: 250px;
overflow: hidden;
background: #f3f1ff;
}

.dreamer-card__imgwrap pre {
margin: 0;
padding: 0;
border: none;
background: none;
overflow: hidden;
white-space: normal;
width: 100%;
height: 100%;
}

.dreamer-card__imgwrap a {
display: block;
width: 100%;
height: 100%;
}

.dreamer-card__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
border-radius: 0;
}

.dreamer-card__body {
padding: 10px 14px 12px;
}

.dreamer-card__name {
line-height: 1.2;
color: #1f2328;
}

.dreamer-card__role {
color: #54595d;
margin-top: 2px;
}

.dreamer-card__meta {
color: #72777d;
margin-top: 6px;
font-size: 0.95em;
}

.dreamer-card__imgwrap figure,
.dreamer-card__imgwrap .thumb,
.dreamer-card__imgwrap .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.dreamer-card__imgwrap .thumbcaption,
.dreamer-card__imgwrap .magnify {
display: none !important;
}

.dreamer-card__meta:empty { display: none; }

/* ── Event detail page ── */
.event-detail { margin-top: 8px; }

.event-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
padding-bottom: 0px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
}
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.event-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
}
.event-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}

/* ── Event image gallery ── */
.event-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
margin-top: 8px;
}
.event-gallery > p { display: none; }
.event-gallery__item {
overflow: hidden;
background: #f3f1ff;
border: 1px solid #e1e4ff;
box-shadow: 0 4px 12px rgba(92,76,228,0.08);
line-height: 0;
}

.event-gallery__item a,
.event-gallery__item span,
.event-gallery__item .thumb,
.event-gallery__item .thumbinner {
display: block !important;
width: 100% !important;
max-width: none !important;
}
.event-gallery__item img {
display: block !important;
width: 100% !important;
height: 260px;
object-fit: cover;
object-position: center;
}
.event-gallery__item .thumbcaption,
.event-gallery__item .magnify { display: none; }

/* Strip thumb borders inside event gallery */
.event-gallery .thumb {
border: none !important;
background: none !important;
padding: 0 !important;
}

.event-gallery .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
width: 100% !important;
}

.event-gallery .thumbimage {
border: none !important;
}

.event-gallery .thumbcaption,
.event-gallery .magnify {
display: none !important;
}

/* ── Event Card ── */
.event-card {
border: 1px solid #dde;
border-radius: 8px;
overflow: hidden;
background: #f9f9fc;
width: 300px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.event-card-image {
width: 100%;
height: 160px;
overflow: hidden;
background: #eef;
display: flex;
align-items: center;
justify-content: center;
}

/* Strip MediaWiki thumb wrapper inside event cards */
.event-card-image figure,
.event-card-image figure.mw-default-size,
.event-card-image .thumb,
.event-card-image .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.event-card-image .thumbcaption,
.event-card-image .magnify {
display: none !important;
}

.event-card-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}

.event-card-image--placeholder {
background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);
position: relative;
}

.event-card-image--placeholder::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2.5em;
height: 2.5em;
opacity: 0.35;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.event-card-body {
padding: 1em 1.2em;
display: flex;
flex-direction: column;
gap: 0.4em;
flex: 1;
}

.event-card-tag {
font-size: 0.78em;
color: #fff;
background: #4a5dcc;
border-radius: 3px;
padding: 0.15em 0.55em;
display: inline-block;
align-self: flex-start;
width: fit-content;
}

.event-card-title {
font-weight: bold;
font-size: 1em;
line-height: 1.4;
}

.event-card-location {
font-size: 0.82em;
color: #555;
}

.event-card-desc {
font-size: 0.85em;
color: #444;
line-height: 1.4;
}

.event-card-readmore {
font-size: 0.82em;
font-weight: 600;
margin-top: 0.4em;
}

/* ── Publication detail page ── */
.publication-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.publication-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.publication-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}
.publication-detail__section { margin-top: 24px; }
.publication-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.publication-authors {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.publication-author {
background: #f3f1ff;
border: 1px solid #c6a4ff;
padding: 5px 12px;
font-size: 0.92em;
line-height: 1.4;
color: #1f2328;
}

/* ── Living Lab detail page ── */
.living-lab-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.living-lab-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.living-lab-detail__section { margin-bottom: 28px; }
.living-lab-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 8px;
border-bottom: 1px solid #e1e4ff;
padding-bottom: 4px;
}
.living-lab-detail__text {
font-size: 1.02em;
line-height: 1.65;
max-width: 820px;
}
.living-lab-detail__map { max-width: 820px; }
.living-lab-detail__map .maps-map { width: 100% !important; }

/* headline image */
.living-lab-detail__hero { margin: 0 0 6px; }
.living-lab-detail__hero img {
height: auto;
display: block;
border-radius: 8px;
}
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}
.living-lab-detail__hero-credit { color: #888; }
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}

.living-lab-detail__lead {
font-size: 1.05em;
line-height: 1.7;
color: #333;
margin: 0 0 20px;
}

/* interventions list */
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }
.living-lab-detail__interventions li b,
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }
.living-lab-detail__interventions li i { color: #666; }

.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }
.living-lab-detail__figure { flex: 0 1 auto; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }

.living-lab-detail__quote {
border-left: 3px solid var(--dreams-primary);
padding: 4px 0 4px 16px;
margin: 24px 0; font-size: 1.12em;
line-height: 1.6; color: #333;
}
.living-lab-detail__quote cite {
display: block;
font-style: normal;
font-size: var(--dreams-small);
color: #666;
margin-top: 8px;
}

.living-lab-detail__gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
justify-content: start;
}
.living-lab-detail__figure img {
object-fit: cover;
border-radius: 6px;
display: block;
}
.living-lab-detail__figure-caption {
margin-top: 6px;
font-size: var(--dreams-small);
color: #666;
line-height: 1.5;
}

/* ── SUMP overview ── */
.sump-journey {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 1.75rem 0;
}
@media (min-width: 720px) {
.sump-journey { grid-template-columns: 1fr 1fr; }
}
.sump-journey__phase {
border: 1px solid var(--dreams-border, #e0e0e0);
border-top: 4px solid var(--sump-accent, #5c4ce4);
border-radius: 10px;
background: #fff;
padding: 1rem 1.15rem 1.2rem;
}
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }
.sump-journey__head {
display: flex;
align-items: center;
gap: .55rem;
margin: 0 0 .45rem;
}
.sump-journey__head h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 1.1rem;
font-weight: 700;
color: #222;
}
.sump-journey__num {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.9rem;
height: 1.9rem;
border-radius: 50%;
background: var(--dreams-primary, #5c4ce4);
color: #fff;
font-weight: 700;
font-size: .95rem;
}
.sump-journey__desc {
margin: 0 0 .85rem;
color: #555;
line-height: 1.55;
font-size: var(--dreams-small, .85em);
}
.sump-journey__steps {
display: grid;
gap: .45rem;
}
.sump-journey__step {
display: flex;
align-items: baseline;
gap: .55rem;
line-height: 1.45;
}
.sump-journey__step-num {
flex: 0 0 1.5rem;
font-weight: 700;
font-size: var(--dreams-small, .85em);
color: var(--dreams-primary, #5c4ce4);
font-variant-numeric: tabular-nums;
}
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }
.sump-journey-cycle {
font-size: var(--dreams-small, .85em);
color: #777;
margin: .25rem 0 0;
}

/* --- Brand tokens --- */
:root {
--dreams-primary: #5c4ce4;
--dreams-tint: #f3f1ff;
--dreams-border: #cac4f8;
--dreams-dark: #3d30c4;
--dreams-text-on: #ffffff;
--dreams-small: 0.85em;
--sump-tint: #f3f1ff;
}

/* --- Page wrapper --- */
.sump-step { max-width: 60rem; }

/* --- Phase / step header bar --- */
.sump-step__head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .4rem;
padding: .75rem 0 1rem;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 1rem;
}
.sump-step__phase-label {
font-size: var(--dreams-small);
color: #555;
}
.sump-step__phase-tag {
display: inline-block;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
padding: .2rem .7rem;
border-radius: 1rem;
color: var(--dreams-text-on);
background: var(--dreams-primary);
}
.sump-step__counter {
margin-left: auto;
font-size: var(--dreams-small);
color: #888;
}

/* --- Section headings --- */
.sump-step h2 {
border-left: 3px solid var(--dreams-primary);
padding-left: .75rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
}

/* --- Intro text block --- */
.sump-intro {
line-height: 1.75;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e8e8e8;
margin-top: 0;
margin-bottom: 1.75rem;
text-align: justify;
}
.sump-intro > p:first-child { margin-top: 0; }
.sump-intro > p:last-child { margin-bottom: 0; }

/* --- Four-body card grid --- */
.sump-bodies-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
margin: 1.25rem 0 1.75rem;
}
.sump-body-card {
background: #fafafa;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: .9rem 1rem;
}
.sump-body-card__label {
font-size: var(--dreams-small);
font-weight: 700;
color: var(--dreams-primary);
margin-bottom: .35rem;
}
.sump-body-card__desc {
font-size: var(--dreams-small);
line-height: 1.55;
margin-bottom: 1rem;
}

.sump-body-card--steer,
.sump-body-card--team,
.sump-body-card--thematic,
.sump-body-card--network {
display: flex;
flex-direction: column;
}
.sump-body-card--steer::after,
.sump-body-card--team::after,
.sump-body-card--thematic::after,
.sump-body-card--network::after {
content: "";
display: block;
margin-top: auto;
padding-top: 4rem;
height: 1rem;
background-repeat: no-repeat;
background-position: center bottom;
}
.sump-body-card--steer::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='32.1 74.9 288.2 288.2' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,0,-499.588)'%3E%3Cg id='Steering-Group' transform='matrix(0.439206,0,0,0.512758,-168.655,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,458.877,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,595.954,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,860.643,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,479.111,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,880.876,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,616.188,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,745.596,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,765.83,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='175.626' cy='794.478' r='44.165' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(2.58909,0,0,2.29942,330.035,-873.136)'%3E%3Cpath d='M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z' style='fill:white;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--team::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='28.3 75.1 286.3 286.3' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-456,-499.588)'%3E%3Cg id='Project-Team' transform='matrix(0.439206,0,0,0.512758,287.345,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,448.131,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,585.208,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,849.897,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,468.365,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,870.13,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,605.442,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,734.85,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,755.083,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-143.845,387.633)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='234.911' cy='592.552' r='26.261' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,389.099,-594.315)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--thematic::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='27.8 74.3 295.1 295.1' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-884.466,-499.588)'%3E%3Cg id='Thematic-Group' transform='matrix(0.439206,0,0,0.512758,715.811,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,456.983,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,594.06,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,858.749,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,477.217,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,878.983,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,614.294,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,743.702,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,763.936,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)'%3E%3Cpath d='M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z' style='fill:none;stroke:%235c4ce4;stroke-width:9.13px;'/%3E%3C/g%3E%3Cg transform='matrix(1.82293,0,0,1.56144,-1147.13,-290.898)'%3E%3Cpath d='M1036.63,780.407L1085.35,780.407' style='fill:none;stroke:%235c4ce4;stroke-width:20.82px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--network::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.7 55.7 310.5 310.5' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1275.81,-499.588)'%3E%3Cg id='External-Network' transform='matrix(0.439206,0,0,0.512758,1107.16,304.74)'%3E%3Cg transform='matrix(1.41038,0,0,1.20807,-1240,-95.8635)'%3E%3Ccircle cx='1435.57' cy='733.314' r='90.265' style='fill:none;stroke:%235c4ce4;stroke-width:26.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* --- Callout --- */
.dreams-callout {
font-size: var(--dreams-small);
border-left: 3px solid var(--dreams-primary);
background: var(--dreams-tint);
padding: .75rem 1rem;
border-radius: 0 6px 6px 0;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-callout__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .35rem;
}

/* --- Outskirts challenge box --- */
.sump-outskirts-box {
border: 1px solid var(--dreams-border);
border-radius: 8px;
overflow: hidden;
margin: 1.5rem 0;
}
.sump-outskirts-box__head {
background: var(--dreams-primary);
color: var(--dreams-text-on);
padding: .6rem 1rem;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .02em;
}
.sump-outskirts-box__body {
background: var(--dreams-tint);
padding: .9rem 1.1rem;
line-height: 1.65;
color: #333;
}

/* --- Setup sequence --- */
.sump-sequence-wrap {
margin: 1rem 0 1.5rem;
counter-reset: seq;
}
.sump-seq-item {
counter-increment: seq;
display: grid;
grid-template-columns: 28px 1fr;
grid-template-rows: auto auto;
gap: 0 12px;
align-items: start;
margin-bottom: 14px;
line-height: 1.6;
}
.sump-seq-item::before {
content: counter(seq);
width: 24px;
height: 24px;
background: var(--dreams-primary);
color: var(--dreams-text-on);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--dreams-small);
font-weight: 700;
flex-shrink: 0;
margin-top: 3px;
grid-row: 1 / 3;
}
.sump-seq-label {
font-weight: 700;
color: var(--dreams-primary);
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
color: #333;
grid-column: 2;
grid-row: 2;
font-size: var(--dreams-small);
}

@media (min-width: 560px) {
.sump-seq-item {
grid-template-columns: 28px 10rem 1fr;
grid-template-rows: auto;
align-items: baseline;
}
.sump-seq-item::before {
grid-row: 1;
}
.sump-seq-label {
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
grid-column: 3;
grid-row: 1;
font-size: inherit;
}
}

/* --- Handoff block --- */
.dreams-handoff {
border: 1px solid var(--dreams-border);
background: var(--dreams-tint);
padding: .85rem 1.1rem;
border-radius: 8px;
margin: 1.5rem 0;
line-height: 1.6;
}
.dreams-handoff__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .5rem;
}

.dreams-handoff--dive .dreams-handoff__label::before {
content: "";
display: inline-block;
width: 1.8em;
height: 1.5em;
margin-right: .5em;
vertical-align: -0.4em;
background-image: url("data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* --- Sources footer --- */
.sump-sources {
font-size: var(--dreams-small);
color: #666;
border-top: 1px solid #e8e8e8;
margin-top: 2rem;
padding-top: .85rem;
line-height: 1.6;
}

/* --- Prev / next navigation bar --- */
.sump-step__nav {
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: wrap;
font-size: var(--dreams-small);
}
.sump-step__nav--top {
margin: .5rem 0 1.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid #e0e0e0;
}
.sump-step__nav--bottom {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #e0e0e0;
}
.sump-step__nav a { color: var(--dreams-primary); }
.sump-step__nav a:hover {
color: var(--dreams-dark);
text-decoration: underline;
}
.sump-step__nav-home a {
font-weight: 700;
color: #333 !important;
border: 1px solid #ccc;
padding: .2rem .75rem;
border-radius: 6px;
text-decoration: none !important;
}
.sump-step__nav-home a:hover { background: var(--dreams-tint); }
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }
/* overview slides into the gap: left on step 1, right on step 12 */
.sump-step__nav--first .sump-step__nav-prev { display: none; }
.sump-step__nav--last .sump-step__nav-next { display: none; }

/* ── SUMP phase row ── */
.sump-phases {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 1.5rem;
margin: 1.5rem 0 1.75rem;
counter-reset: phase;
}
.sump-phases__item {
position: relative;
counter-increment: phase;
}
.sump-phases__item::before {
content: counter(phase);
display: flex;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
margin-bottom: 0.6rem;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: var(--dreams-tint);
color: var(--dreams-primary);
font-weight: 700;
}
.sump-phases__item--prep::before,
.sump-phases__item--realize::before,
.sump-phases__item--eval::before {
content: "";
width: 3.4rem;
height: 3.4rem;
margin-bottom: 0.7rem;
border: 0;
border-radius: 14px;
background-color: var(--dreams-tint);
background-repeat: no-repeat;
background-position: center;
background-size: 62%;
}
.sump-phases__item--prep::after,
.sump-phases__item--realize::after,
.sump-phases__item--eval::after {
content: counter(phase);
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 1.6rem;
height: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: #fff;
color: var(--dreams-primary);
font-weight: 700;
font-size: 0.82rem;
}
/* per-phase glyphs */
.sump-phases__item--prep::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1854.82,-975.755)'%3E%3Cg id='Preparation' transform='matrix(0.439206,0,0,0.512758,1686.17,780.907)'%3E%3Cg transform='matrix(2.03662,0,0,1.01229,-3254.54,-198.641)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;'/%3E%3C/g%3E%3Cg transform='matrix(2.35128,0,0,2.014,-4050.65,-1566.23)'%3E%3Cpath d='M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.14px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--realize::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2283.29,-975.755)'%3E%3Cg id='Realisation' transform='matrix(0.439206,0,0,0.512758,2114.63,780.907)'%3E%3Cg transform='matrix(2.14657,0,0,1.06694,-3472.54,-265.777)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;'/%3E%3C/g%3E%3Cg transform='matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)'%3E%3Cpath d='M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86' style='fill:none;stroke:%235c4ce4;stroke-width:10.4px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--eval::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='38.5 55.7 301.9 301.9' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2674.63,-975.755)'%3E%3Cg id='Evaluation' transform='matrix(0.439206,0,0,0.512758,2505.98,780.907)'%3E%3Cg transform='matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)'%3E%3Cpath d='M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)'%3E%3Cpath d='M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)'%3E%3Cpath d='M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }

/* A. figure tiles */
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }

/* B. two-pane contrast */
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }
.sump-versus__pane { border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }

.sump-checklist { display:grid; gap:.5rem; margin:1.25rem 0; }
.sump-check { display:grid; grid-template-columns:1.4rem 1fr; gap:.5rem; align-items:start; }
.sump-check__box { width:1.1rem; height:1.1rem; border:2px solid var(--sump-accent,#666); border-radius:3px; margin-top:.15rem; }

/* optional inline continuity marker */
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }

/* --- Living-lab example box --- */
.dreams-lab {
border: 1px solid var(--dreams-border);
border-left: 4px solid var(--dreams-primary);
background: #fff;
border-radius: 4px;
padding: .7rem 1.1rem;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-lab__tag {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .25rem;
}

.dreams-impact-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin: 1em 0 1.5em;
}
@media (min-width: 480px) {
.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 780px) {
.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }
}
.dreams-impact-card {
display: flex;
flex-direction: column;
gap: 10px;
padding: 1rem 1.1rem;
background: #ffffff;
border: 1px solid #e7e4f7;
border-radius: 12px;
}
.dreams-impact-head {
display: flex;
align-items: center;
gap: 10px;
}
.dreams-impact-icon {
flex: none;
width: 38px;
height: 38px;
border-radius: 10px;
background-color: #f3f1ff;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.dreams-impact-name {
font-size: 1.05em;
font-weight: 600;
color: #5c4ce4;
}
.dreams-impact-body {
font-size: 0.95em;
line-height: 1.6;
color: #333333;
}
.dreams-impact-body p { margin: 0; }
.dreams-impact-icon--accessibility { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200'%20/%3E%3Cpath%20d='M7%2021l3%20-4'%20/%3E%3Cpath%20d='M16%2021l-2%20-4l-3%20-3l1%20-6'%20/%3E%3Cpath%20d='M6%2012l2%20-3l4%20-1l3%203l3%201'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--carbon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2021c.5%20-4.5%202.5%20-8%207%20-10'%20/%3E%3Cpath%20d='M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--liveability { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2013l-2%20-2'%20/%3E%3Cpath%20d='M12%2012l2%20-2'%20/%3E%3Cpath%20d='M12%2021v-13'%20/%3E%3Cpath%20d='M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--health { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2012h4l3%208l4%20-16l3%208h4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--economic { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2021l18%200'%20/%3E%3Cpath%20d='M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204'%20/%3E%3Cpath%20d='M5%2021l0%20-10.15'%20/%3E%3Cpath%20d='M19%2021l0%20-10.15'%20/%3E%3Cpath%20d='M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--equity { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2020l10%200'%20/%3E%3Cpath%20d='M6%206l6%20-1l6%201'%20/%3E%3Cpath%20d='M12%203l0%2017'%20/%3E%3Cpath%20d='M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3Cpath%20d='M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3C/svg%3E"); }

/* ── Partner logo bar (main page footer) ── */
.partner-logo-bar {
margin: 2.5em 0 0;
padding-top: 2em;
border-top: 1px solid #e1e4ff;
}

.partner-logo-bar__label {
font-size: 0.72em;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #8a8aaa;
margin-bottom: 1em;
}

.partner-logo-bar__row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(20% - 0.4em);
min-width: 100px;
}

.partner-logo-bar__item {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 6px 10px;
}

.partner-logo-bar__item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item img {
max-height: 42px;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__item figure,
.partner-logo-bar__item .thumb,
.partner-logo-bar__item .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item .thumbcaption,
.partner-logo-bar__item .magnify { display: none !important; }

.partner-logo-bar__item--narrow img { max-width: 75px; }
.partner-logo-bar__item--boost img { min-height: 58px; }

.partner-logo-bar__item--text {
font-size: 0.82em;
font-weight: 600;
}

.partner-logo-bar__item--text a {
color: #5c4ce4 !important;
text-decoration: none !important;
text-align: center;
}

.partner-logo-bar__item--text a:hover {
text-decoration: underline !important;
}

.partner-logo-bar__disclaimer {
margin-top: 0.5em;
padding-top: 1em;
border-top: 1px solid #e1e4ff;
font-size: 0.82em;
color: #888;
font-style: italic;
display: flex;
align-items: center;
gap: 0.75em;
}

.partner-logo-bar__disclaimer img {
max-height: 40px;
max-width: 130px;
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__disclaimer figure,
.partner-logo-bar__disclaimer .thumb,
.partner-logo-bar__disclaimer .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
}

.partner-logo-bar__disclaimer .thumbcaption,
.partner-logo-bar__disclaimer .magnify { display: none !important; }

@media (max-width: 700px) {
.partner-logo-bar__row {
grid-template-columns: repeat(3, 1fr);
}
.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(33% - 0.4em);
}
}

.sump-prereq {
margin: 1.5rem 0;
padding: 1.1rem 1.3rem 1.2rem;
background: var(--dreams-tint);
border: 1px solid var(--dreams-border);
border-radius: 10px;
}
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }
.sump-prereq__list { display: grid; gap: .65rem; }
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }
.sump-prereq__box {
width: 1.2rem; height: 1.2rem; margin-top: .12rem;
border: 2px solid var(--dreams-primary); border-radius: 4px;
background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;
}
.sump-prereq__text { line-height: 1.45; }
.sump-prereq__item--done .sump-prereq__box {
background-color: var(--dreams-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }

Template:LivingLab

2026-07-22T10:33:37Z

Admin:

<noinclude>{{semorg-bundle}}</noinclude><includeonly>[[Category:{{int:semorg-living-lab-category}}]]{{#semorg-set:living-lab
|images={{{images|}}}
|headline-image-caption={{{headline-image-caption|}}}
|neighbourhood={{{neighbourhood|}}}
|image-captions={{{image-captions|}}}
|participating-organizations={{{participating-organizations|}}}
|end-date={{{end-date|}}}
|name={{{name|}}}
|headline-image-credit={{{headline-image-credit|}}}
|country={{{country|}}}
|interventions={{{interventions|}}}
|quote-attribution={{{quote-attribution|}}}
|location={{{location|}}}
|begin-date={{{begin-date|}}}
|image-credits={{{image-credits|}}}
|headline-image={{{headline-image|}}}
|city={{{city|}}}
|focus={{{focus|}}}
|description={{{description|}}}
|sources={{{sources|}}}
}}{{#semorg-detail:living-lab
|heading={{{name|}}}
}}<div class="living-lab-detail">
{{#if:{{{headline-image|}}}|<div class="living-lab-detail__hero">[[File:{{{headline-image|}}}|link=|alt={{{headline-image-caption|}}}|900x360px]]</div>{{#if:{{{headline-image-caption|}}}{{{headline-image-credit|}}}|<div class="living-lab-detail__hero-caption">{{{headline-image-caption|}}}{{#if:{{{headline-image-credit|}}}| <span class="living-lab-detail__hero-credit">Credit: {{{headline-image-credit|}}}</span>}}</div>}}}}
{{#if:{{{description|}}}|<div class="living-lab-detail__lead">{{{description|}}}</div>}}
<div class="living-lab-detail__meta">
<div class="living-lab-detail__meta-item"><span class="living-lab-detail__meta-label">Location</span>{{#if:{{{neighbourhood|}}}|{{{neighbourhood|}}}, }}{{{city|}}}, {{{country|}}}</div>
<div class="living-lab-detail__meta-item"><span class="living-lab-detail__meta-label">Period</span>{{{begin-date|}}} – {{{end-date|}}}</div></div>
{{#if:{{{location|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Map</div><div class="living-lab-detail__map">{{#display_map:{{{location|}}}|zoom=14}}</div></div>}}
{{#if:{{{participating-organizations|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Participating Organisations</div><div class="publication-authors">{{#arraymap:{{{participating-organizations|}}}|;|@@|<div class="publication-author">@@</div>|}}</div></div>}}
{{#if:{{{focus|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Focus</div><div class="living-lab-detail__text">
{{{focus|}}}
</div></div>}}
{{#if:{{{local-situation|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">The Local Situation</div><div class="living-lab-detail__text">
{{{local-situation|}}}
</div></div>}}
{{#if:{{{approach|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Approach</div><div class="living-lab-detail__text">
{{{approach|}}}
</div></div>}}
{{#if:{{{interventions|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Interventions</div><div class="living-lab-detail__interventions">
{{{interventions|}}}
</div></div>}}
{{#if:{{{what-happened|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">What Happened</div><div class="living-lab-detail__text">
{{{what-happened|}}}
</div></div>}}
{{#if:{{{learnings|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Learnings</div><div class="living-lab-detail__text">
{{{learnings|}}}
</div></div>}}
{{#if:{{{images|}}}|<div class="living-lab-detail__section"><div class="living-lab-detail__section-title">Images</div><div class="living-lab-detail__gallery">{{#arraymap:{{{images|}}}|;|@@|<div class="living-lab-detail__figure">[[File:{{#titleparts:@@|1|1}}|link=|400x400px]]{{#if:{{#titleparts:@@|0|2}}|<div class="living-lab-detail__figure-caption">{{#titleparts:@@|0|2}}</div>}}</div>|}}</div></div>}}
{{#if:{{{quote|}}}|<div class="living-lab-detail__quote">{{{quote|}}}{{#if:{{{quote-attribution|}}}|<cite>— {{{quote-attribution|}}}</cite>}}</div>}}
{{#if:{{{related-steps|}}}|<div class="dreams-handoff"><div class="dreams-handoff__label">Where this connects</div>{{{related-steps|}}}</div>}}
{{#if:{{{sources|}}}|<div class="sump-sources">{{{sources|}}}</div>}}
</div></includeonly>

MediaWiki:Common.css

2026-07-22T10:32:59Z

Admin:

/* CSS placed here will be applied to all skins */
.navbar-brand img {
padding-top: 10px;
height: 60px;
}

.firstHeading {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.external.text {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 20px;
}

.square {
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: Arial, sans-serif;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}

.blue { background-color: #2D8CFF; }
.red { background-color: #FF4757; }
.green { background-color: #2ED573; }
.yellow { background-color: #FFD32A; }
.orange { background-color: #fee4cb; }
.hue1 { background-color: #5c4ce4; }
.hue2 { background-color: #8068ff; }
.hue3 { background-color: #a386ff; }
.hue4 { background-color: #c6a4ff; }
.hue5 { background-color: #e9c4ff; }

/* ── Main Page ── */
.__NOTOC__ + * { margin-top: 0; }

.main-hero {
display: flex;
align-items: center;
gap: 2em;
padding: 2em 0 2.5em;
border-bottom: 1px solid #e1e4ff;
margin-bottom: 2em;
flex-wrap: wrap;
}

.main-hero__text { flex: 1; min-width: 280px; }

.main-hero__tag {
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5c4ce4;
margin-bottom: 0.6em;
}

.main-hero__title {
font-size: 1.7em;
font-weight: 800;
line-height: 1.25;
color: #1a1a2e;
margin: 0 0 0.6em;
border: none;
padding: 0;
}

.main-hero__lead {
font-size: 1.05em;
color: #444;
line-height: 1.6;
max-width: 580px;
margin-bottom: 1.2em;
text-align: justify;
}

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
}

.main-hero__logo {
flex-shrink: 0;
}

.main-hero__logo figure,
.main-hero__logo .thumb,
.main-hero__logo .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.main-hero__logo .thumbcaption,
.main-hero__logo .magnify { display: none !important; }

.main-hero__btn a,
a.main-hero__btn {
display: inline-block;
background: #5c4ce4;
color: #fff !important;
padding: 0.5em 1.2em;
border-radius: 5px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-hero__btn--outline a {
background: transparent;
color: #5c4ce4 !important;
border: 2px solid #5c4ce4;
}

.main-hero__btn a:hover { opacity: 0.85; }

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
align-items: stretch;
}

.main-hero__btn a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
box-sizing: border-box;
}

.main-section {
margin-bottom: 2.5em;
}

.main-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2em;
margin-top: 1em;
}

.main-intro__col {
font-size: 1.02em;
line-height: 1.65;
color: #333;
text-align: justify;
}

.main-labs {
display: flex;
flex-wrap: wrap;
gap: 0.6em;
margin-top: 1em;
justify-content: center;
}

.main-lab-btn a {
display: inline-block;
background: #f3f1ff;
border: 1px solid #c6a4ff;
color: #5c4ce4 !important;
padding: 0.4em 1em;
border-radius: 20px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-lab-btn a:hover {
background: #5c4ce4;
color: #fff !important;
border-color: #5c4ce4;
}

.main-connect {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1em;
margin-top: 1em;
}

.main-connect__item {
background: #f3f1ff;
border: 1px solid #e1e4ff;
border-left: 4px solid #5c4ce4;
padding: 0.8em 1em;
font-size: 0.97em;
}

.main-connect__item a {
color: #5c4ce4 !important;
font-weight: 600;
text-decoration: none !important;
}

@media (max-width: 700px) {
.main-hero { flex-direction: column; }
.main-intro { grid-template-columns: 1fr; }
}

/* DREAMers team layout */
.dreamer-section {
margin: 22px 0 30px;
}

.dreamer-section__head {
margin: 4px 0 14px;
border-left: 4px solid rgb(92,76,228);
padding-left: 10px;
}

.dreamer-section__title {
font-size: 1.25em;
font-weight: 700;
}

.dreamer-section__subtitle {
color: #54595d;
margin-top: 0;
}

.dreamer-section__subtitle:empty {
display: none;
}

.dreamers-grid {
display: grid;
grid-template-columns: repeat(auto-fill, 260px);
gap: 20px;
justify-content: center;
}

.dreamers-grid > p {
display: none;
}

.dreamer-card {
width: 260px;
box-sizing: border-box;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e1e4ff;
box-shadow: 0 6px 16px rgba(92,76,228,0.08);
}

.dreamer-card__imgwrap {
width: 100%;
height: 250px;
overflow: hidden;
background: #f3f1ff;
}

.dreamer-card__imgwrap pre {
margin: 0;
padding: 0;
border: none;
background: none;
overflow: hidden;
white-space: normal;
width: 100%;
height: 100%;
}

.dreamer-card__imgwrap a {
display: block;
width: 100%;
height: 100%;
}

.dreamer-card__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
border-radius: 0;
}

.dreamer-card__body {
padding: 10px 14px 12px;
}

.dreamer-card__name {
line-height: 1.2;
color: #1f2328;
}

.dreamer-card__role {
color: #54595d;
margin-top: 2px;
}

.dreamer-card__meta {
color: #72777d;
margin-top: 6px;
font-size: 0.95em;
}

.dreamer-card__imgwrap figure,
.dreamer-card__imgwrap .thumb,
.dreamer-card__imgwrap .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.dreamer-card__imgwrap .thumbcaption,
.dreamer-card__imgwrap .magnify {
display: none !important;
}

.dreamer-card__meta:empty { display: none; }

/* ── Event detail page ── */
.event-detail { margin-top: 8px; }

.event-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
padding-bottom: 0px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
}
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.event-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
}
.event-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}

/* ── Event image gallery ── */
.event-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
margin-top: 8px;
}
.event-gallery > p { display: none; }
.event-gallery__item {
overflow: hidden;
background: #f3f1ff;
border: 1px solid #e1e4ff;
box-shadow: 0 4px 12px rgba(92,76,228,0.08);
line-height: 0;
}

.event-gallery__item a,
.event-gallery__item span,
.event-gallery__item .thumb,
.event-gallery__item .thumbinner {
display: block !important;
width: 100% !important;
max-width: none !important;
}
.event-gallery__item img {
display: block !important;
width: 100% !important;
height: 260px;
object-fit: cover;
object-position: center;
}
.event-gallery__item .thumbcaption,
.event-gallery__item .magnify { display: none; }

/* Strip thumb borders inside event gallery */
.event-gallery .thumb {
border: none !important;
background: none !important;
padding: 0 !important;
}

.event-gallery .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
width: 100% !important;
}

.event-gallery .thumbimage {
border: none !important;
}

.event-gallery .thumbcaption,
.event-gallery .magnify {
display: none !important;
}

/* ── Event Card ── */
.event-card {
border: 1px solid #dde;
border-radius: 8px;
overflow: hidden;
background: #f9f9fc;
width: 300px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.event-card-image {
width: 100%;
height: 160px;
overflow: hidden;
background: #eef;
display: flex;
align-items: center;
justify-content: center;
}

/* Strip MediaWiki thumb wrapper inside event cards */
.event-card-image figure,
.event-card-image figure.mw-default-size,
.event-card-image .thumb,
.event-card-image .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.event-card-image .thumbcaption,
.event-card-image .magnify {
display: none !important;
}

.event-card-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}

.event-card-image--placeholder {
background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);
position: relative;
}

.event-card-image--placeholder::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2.5em;
height: 2.5em;
opacity: 0.35;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.event-card-body {
padding: 1em 1.2em;
display: flex;
flex-direction: column;
gap: 0.4em;
flex: 1;
}

.event-card-tag {
font-size: 0.78em;
color: #fff;
background: #4a5dcc;
border-radius: 3px;
padding: 0.15em 0.55em;
display: inline-block;
align-self: flex-start;
width: fit-content;
}

.event-card-title {
font-weight: bold;
font-size: 1em;
line-height: 1.4;
}

.event-card-location {
font-size: 0.82em;
color: #555;
}

.event-card-desc {
font-size: 0.85em;
color: #444;
line-height: 1.4;
}

.event-card-readmore {
font-size: 0.82em;
font-weight: 600;
margin-top: 0.4em;
}

/* ── Publication detail page ── */
.publication-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.publication-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.publication-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}
.publication-detail__section { margin-top: 24px; }
.publication-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.publication-authors {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.publication-author {
background: #f3f1ff;
border: 1px solid #c6a4ff;
padding: 5px 12px;
font-size: 0.92em;
line-height: 1.4;
color: #1f2328;
}

/* ── Living Lab detail page ── */
.living-lab-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.living-lab-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.living-lab-detail__section { margin-bottom: 28px; }
.living-lab-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 8px;
border-bottom: 1px solid #e1e4ff;
padding-bottom: 4px;
}
.living-lab-detail__text {
font-size: 1.02em;
line-height: 1.65;
max-width: 820px;
}
.living-lab-detail__map { max-width: 820px; }
.living-lab-detail__map .maps-map { width: 100% !important; }

/* headline image */
.living-lab-detail__hero { margin: 0 0 6px; }
.living-lab-detail__hero img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}
.living-lab-detail__hero-credit { color: #888; }
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}

.living-lab-detail__lead {
font-size: 1.05em;
line-height: 1.7;
color: #333;
margin: 0 0 20px;
}

/* interventions list */
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }
.living-lab-detail__interventions li b,
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }
.living-lab-detail__interventions li i { color: #666; }

.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }
.living-lab-detail__figure { flex: 0 1 auto; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }

.living-lab-detail__quote {
border-left: 3px solid var(--dreams-primary);
padding: 4px 0 4px 16px;
margin: 24px 0; font-size: 1.12em;
line-height: 1.6; color: #333;
}
.living-lab-detail__quote cite {
display: block;
font-style: normal;
font-size: var(--dreams-small);
color: #666;
margin-top: 8px;
}

.living-lab-detail__gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
justify-content: start;
}
.living-lab-detail__figure img {
object-fit: cover;
border-radius: 6px;
display: block;
}
.living-lab-detail__figure-caption {
margin-top: 6px;
font-size: var(--dreams-small);
color: #666;
line-height: 1.5;
}

/* ── SUMP overview ── */
.sump-journey {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 1.75rem 0;
}
@media (min-width: 720px) {
.sump-journey { grid-template-columns: 1fr 1fr; }
}
.sump-journey__phase {
border: 1px solid var(--dreams-border, #e0e0e0);
border-top: 4px solid var(--sump-accent, #5c4ce4);
border-radius: 10px;
background: #fff;
padding: 1rem 1.15rem 1.2rem;
}
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }
.sump-journey__head {
display: flex;
align-items: center;
gap: .55rem;
margin: 0 0 .45rem;
}
.sump-journey__head h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 1.1rem;
font-weight: 700;
color: #222;
}
.sump-journey__num {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.9rem;
height: 1.9rem;
border-radius: 50%;
background: var(--dreams-primary, #5c4ce4);
color: #fff;
font-weight: 700;
font-size: .95rem;
}
.sump-journey__desc {
margin: 0 0 .85rem;
color: #555;
line-height: 1.55;
font-size: var(--dreams-small, .85em);
}
.sump-journey__steps {
display: grid;
gap: .45rem;
}
.sump-journey__step {
display: flex;
align-items: baseline;
gap: .55rem;
line-height: 1.45;
}
.sump-journey__step-num {
flex: 0 0 1.5rem;
font-weight: 700;
font-size: var(--dreams-small, .85em);
color: var(--dreams-primary, #5c4ce4);
font-variant-numeric: tabular-nums;
}
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }
.sump-journey-cycle {
font-size: var(--dreams-small, .85em);
color: #777;
margin: .25rem 0 0;
}

/* --- Brand tokens --- */
:root {
--dreams-primary: #5c4ce4;
--dreams-tint: #f3f1ff;
--dreams-border: #cac4f8;
--dreams-dark: #3d30c4;
--dreams-text-on: #ffffff;
--dreams-small: 0.85em;
--sump-tint: #f3f1ff;
}

/* --- Page wrapper --- */
.sump-step { max-width: 60rem; }

/* --- Phase / step header bar --- */
.sump-step__head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .4rem;
padding: .75rem 0 1rem;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 1rem;
}
.sump-step__phase-label {
font-size: var(--dreams-small);
color: #555;
}
.sump-step__phase-tag {
display: inline-block;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
padding: .2rem .7rem;
border-radius: 1rem;
color: var(--dreams-text-on);
background: var(--dreams-primary);
}
.sump-step__counter {
margin-left: auto;
font-size: var(--dreams-small);
color: #888;
}

/* --- Section headings --- */
.sump-step h2 {
border-left: 3px solid var(--dreams-primary);
padding-left: .75rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
}

/* --- Intro text block --- */
.sump-intro {
line-height: 1.75;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e8e8e8;
margin-top: 0;
margin-bottom: 1.75rem;
text-align: justify;
}
.sump-intro > p:first-child { margin-top: 0; }
.sump-intro > p:last-child { margin-bottom: 0; }

/* --- Four-body card grid --- */
.sump-bodies-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
margin: 1.25rem 0 1.75rem;
}
.sump-body-card {
background: #fafafa;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: .9rem 1rem;
}
.sump-body-card__label {
font-size: var(--dreams-small);
font-weight: 700;
color: var(--dreams-primary);
margin-bottom: .35rem;
}
.sump-body-card__desc {
font-size: var(--dreams-small);
line-height: 1.55;
margin-bottom: 1rem;
}

.sump-body-card--steer,
.sump-body-card--team,
.sump-body-card--thematic,
.sump-body-card--network {
display: flex;
flex-direction: column;
}
.sump-body-card--steer::after,
.sump-body-card--team::after,
.sump-body-card--thematic::after,
.sump-body-card--network::after {
content: "";
display: block;
margin-top: auto;
padding-top: 4rem;
height: 1rem;
background-repeat: no-repeat;
background-position: center bottom;
}
.sump-body-card--steer::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='32.1 74.9 288.2 288.2' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,0,-499.588)'%3E%3Cg id='Steering-Group' transform='matrix(0.439206,0,0,0.512758,-168.655,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,458.877,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,595.954,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,860.643,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,479.111,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,880.876,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,616.188,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,745.596,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,765.83,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='175.626' cy='794.478' r='44.165' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(2.58909,0,0,2.29942,330.035,-873.136)'%3E%3Cpath d='M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z' style='fill:white;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--team::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='28.3 75.1 286.3 286.3' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-456,-499.588)'%3E%3Cg id='Project-Team' transform='matrix(0.439206,0,0,0.512758,287.345,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,448.131,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,585.208,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,849.897,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,468.365,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,870.13,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,605.442,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,734.85,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,755.083,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-143.845,387.633)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='234.911' cy='592.552' r='26.261' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,389.099,-594.315)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--thematic::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='27.8 74.3 295.1 295.1' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-884.466,-499.588)'%3E%3Cg id='Thematic-Group' transform='matrix(0.439206,0,0,0.512758,715.811,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,456.983,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,594.06,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,858.749,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,477.217,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,878.983,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,614.294,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,743.702,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,763.936,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)'%3E%3Cpath d='M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z' style='fill:none;stroke:%235c4ce4;stroke-width:9.13px;'/%3E%3C/g%3E%3Cg transform='matrix(1.82293,0,0,1.56144,-1147.13,-290.898)'%3E%3Cpath d='M1036.63,780.407L1085.35,780.407' style='fill:none;stroke:%235c4ce4;stroke-width:20.82px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--network::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.7 55.7 310.5 310.5' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1275.81,-499.588)'%3E%3Cg id='External-Network' transform='matrix(0.439206,0,0,0.512758,1107.16,304.74)'%3E%3Cg transform='matrix(1.41038,0,0,1.20807,-1240,-95.8635)'%3E%3Ccircle cx='1435.57' cy='733.314' r='90.265' style='fill:none;stroke:%235c4ce4;stroke-width:26.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* --- Callout --- */
.dreams-callout {
font-size: var(--dreams-small);
border-left: 3px solid var(--dreams-primary);
background: var(--dreams-tint);
padding: .75rem 1rem;
border-radius: 0 6px 6px 0;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-callout__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .35rem;
}

/* --- Outskirts challenge box --- */
.sump-outskirts-box {
border: 1px solid var(--dreams-border);
border-radius: 8px;
overflow: hidden;
margin: 1.5rem 0;
}
.sump-outskirts-box__head {
background: var(--dreams-primary);
color: var(--dreams-text-on);
padding: .6rem 1rem;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .02em;
}
.sump-outskirts-box__body {
background: var(--dreams-tint);
padding: .9rem 1.1rem;
line-height: 1.65;
color: #333;
}

/* --- Setup sequence --- */
.sump-sequence-wrap {
margin: 1rem 0 1.5rem;
counter-reset: seq;
}
.sump-seq-item {
counter-increment: seq;
display: grid;
grid-template-columns: 28px 1fr;
grid-template-rows: auto auto;
gap: 0 12px;
align-items: start;
margin-bottom: 14px;
line-height: 1.6;
}
.sump-seq-item::before {
content: counter(seq);
width: 24px;
height: 24px;
background: var(--dreams-primary);
color: var(--dreams-text-on);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--dreams-small);
font-weight: 700;
flex-shrink: 0;
margin-top: 3px;
grid-row: 1 / 3;
}
.sump-seq-label {
font-weight: 700;
color: var(--dreams-primary);
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
color: #333;
grid-column: 2;
grid-row: 2;
font-size: var(--dreams-small);
}

@media (min-width: 560px) {
.sump-seq-item {
grid-template-columns: 28px 10rem 1fr;
grid-template-rows: auto;
align-items: baseline;
}
.sump-seq-item::before {
grid-row: 1;
}
.sump-seq-label {
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
grid-column: 3;
grid-row: 1;
font-size: inherit;
}
}

/* --- Handoff block --- */
.dreams-handoff {
border: 1px solid var(--dreams-border);
background: var(--dreams-tint);
padding: .85rem 1.1rem;
border-radius: 8px;
margin: 1.5rem 0;
line-height: 1.6;
}
.dreams-handoff__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .5rem;
}

.dreams-handoff--dive .dreams-handoff__label::before {
content: "";
display: inline-block;
width: 1.8em;
height: 1.5em;
margin-right: .5em;
vertical-align: -0.4em;
background-image: url("data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* --- Sources footer --- */
.sump-sources {
font-size: var(--dreams-small);
color: #666;
border-top: 1px solid #e8e8e8;
margin-top: 2rem;
padding-top: .85rem;
line-height: 1.6;
}

/* --- Prev / next navigation bar --- */
.sump-step__nav {
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: wrap;
font-size: var(--dreams-small);
}
.sump-step__nav--top {
margin: .5rem 0 1.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid #e0e0e0;
}
.sump-step__nav--bottom {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #e0e0e0;
}
.sump-step__nav a { color: var(--dreams-primary); }
.sump-step__nav a:hover {
color: var(--dreams-dark);
text-decoration: underline;
}
.sump-step__nav-home a {
font-weight: 700;
color: #333 !important;
border: 1px solid #ccc;
padding: .2rem .75rem;
border-radius: 6px;
text-decoration: none !important;
}
.sump-step__nav-home a:hover { background: var(--dreams-tint); }
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }
/* overview slides into the gap: left on step 1, right on step 12 */
.sump-step__nav--first .sump-step__nav-prev { display: none; }
.sump-step__nav--last .sump-step__nav-next { display: none; }

/* ── SUMP phase row ── */
.sump-phases {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 1.5rem;
margin: 1.5rem 0 1.75rem;
counter-reset: phase;
}
.sump-phases__item {
position: relative;
counter-increment: phase;
}
.sump-phases__item::before {
content: counter(phase);
display: flex;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
margin-bottom: 0.6rem;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: var(--dreams-tint);
color: var(--dreams-primary);
font-weight: 700;
}
.sump-phases__item--prep::before,
.sump-phases__item--realize::before,
.sump-phases__item--eval::before {
content: "";
width: 3.4rem;
height: 3.4rem;
margin-bottom: 0.7rem;
border: 0;
border-radius: 14px;
background-color: var(--dreams-tint);
background-repeat: no-repeat;
background-position: center;
background-size: 62%;
}
.sump-phases__item--prep::after,
.sump-phases__item--realize::after,
.sump-phases__item--eval::after {
content: counter(phase);
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 1.6rem;
height: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: #fff;
color: var(--dreams-primary);
font-weight: 700;
font-size: 0.82rem;
}
/* per-phase glyphs */
.sump-phases__item--prep::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1854.82,-975.755)'%3E%3Cg id='Preparation' transform='matrix(0.439206,0,0,0.512758,1686.17,780.907)'%3E%3Cg transform='matrix(2.03662,0,0,1.01229,-3254.54,-198.641)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;'/%3E%3C/g%3E%3Cg transform='matrix(2.35128,0,0,2.014,-4050.65,-1566.23)'%3E%3Cpath d='M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.14px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--realize::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2283.29,-975.755)'%3E%3Cg id='Realisation' transform='matrix(0.439206,0,0,0.512758,2114.63,780.907)'%3E%3Cg transform='matrix(2.14657,0,0,1.06694,-3472.54,-265.777)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;'/%3E%3C/g%3E%3Cg transform='matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)'%3E%3Cpath d='M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86' style='fill:none;stroke:%235c4ce4;stroke-width:10.4px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--eval::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='38.5 55.7 301.9 301.9' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2674.63,-975.755)'%3E%3Cg id='Evaluation' transform='matrix(0.439206,0,0,0.512758,2505.98,780.907)'%3E%3Cg transform='matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)'%3E%3Cpath d='M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)'%3E%3Cpath d='M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)'%3E%3Cpath d='M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }

/* A. figure tiles */
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }

/* B. two-pane contrast */
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }
.sump-versus__pane { border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }

.sump-checklist { display:grid; gap:.5rem; margin:1.25rem 0; }
.sump-check { display:grid; grid-template-columns:1.4rem 1fr; gap:.5rem; align-items:start; }
.sump-check__box { width:1.1rem; height:1.1rem; border:2px solid var(--sump-accent,#666); border-radius:3px; margin-top:.15rem; }

/* optional inline continuity marker */
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }

/* --- Living-lab example box --- */
.dreams-lab {
border: 1px solid var(--dreams-border);
border-left: 4px solid var(--dreams-primary);
background: #fff;
border-radius: 4px;
padding: .7rem 1.1rem;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-lab__tag {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .25rem;
}

.dreams-impact-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin: 1em 0 1.5em;
}
@media (min-width: 480px) {
.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 780px) {
.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }
}
.dreams-impact-card {
display: flex;
flex-direction: column;
gap: 10px;
padding: 1rem 1.1rem;
background: #ffffff;
border: 1px solid #e7e4f7;
border-radius: 12px;
}
.dreams-impact-head {
display: flex;
align-items: center;
gap: 10px;
}
.dreams-impact-icon {
flex: none;
width: 38px;
height: 38px;
border-radius: 10px;
background-color: #f3f1ff;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.dreams-impact-name {
font-size: 1.05em;
font-weight: 600;
color: #5c4ce4;
}
.dreams-impact-body {
font-size: 0.95em;
line-height: 1.6;
color: #333333;
}
.dreams-impact-body p { margin: 0; }
.dreams-impact-icon--accessibility { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200'%20/%3E%3Cpath%20d='M7%2021l3%20-4'%20/%3E%3Cpath%20d='M16%2021l-2%20-4l-3%20-3l1%20-6'%20/%3E%3Cpath%20d='M6%2012l2%20-3l4%20-1l3%203l3%201'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--carbon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2021c.5%20-4.5%202.5%20-8%207%20-10'%20/%3E%3Cpath%20d='M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--liveability { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2013l-2%20-2'%20/%3E%3Cpath%20d='M12%2012l2%20-2'%20/%3E%3Cpath%20d='M12%2021v-13'%20/%3E%3Cpath%20d='M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--health { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2012h4l3%208l4%20-16l3%208h4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--economic { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2021l18%200'%20/%3E%3Cpath%20d='M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204'%20/%3E%3Cpath%20d='M5%2021l0%20-10.15'%20/%3E%3Cpath%20d='M19%2021l0%20-10.15'%20/%3E%3Cpath%20d='M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--equity { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2020l10%200'%20/%3E%3Cpath%20d='M6%206l6%20-1l6%201'%20/%3E%3Cpath%20d='M12%203l0%2017'%20/%3E%3Cpath%20d='M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3Cpath%20d='M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3C/svg%3E"); }

/* ── Partner logo bar (main page footer) ── */
.partner-logo-bar {
margin: 2.5em 0 0;
padding-top: 2em;
border-top: 1px solid #e1e4ff;
}

.partner-logo-bar__label {
font-size: 0.72em;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #8a8aaa;
margin-bottom: 1em;
}

.partner-logo-bar__row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(20% - 0.4em);
min-width: 100px;
}

.partner-logo-bar__item {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 6px 10px;
}

.partner-logo-bar__item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item img {
max-height: 42px;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__item figure,
.partner-logo-bar__item .thumb,
.partner-logo-bar__item .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item .thumbcaption,
.partner-logo-bar__item .magnify { display: none !important; }

.partner-logo-bar__item--narrow img { max-width: 75px; }
.partner-logo-bar__item--boost img { min-height: 58px; }

.partner-logo-bar__item--text {
font-size: 0.82em;
font-weight: 600;
}

.partner-logo-bar__item--text a {
color: #5c4ce4 !important;
text-decoration: none !important;
text-align: center;
}

.partner-logo-bar__item--text a:hover {
text-decoration: underline !important;
}

.partner-logo-bar__disclaimer {
margin-top: 0.5em;
padding-top: 1em;
border-top: 1px solid #e1e4ff;
font-size: 0.82em;
color: #888;
font-style: italic;
display: flex;
align-items: center;
gap: 0.75em;
}

.partner-logo-bar__disclaimer img {
max-height: 40px;
max-width: 130px;
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__disclaimer figure,
.partner-logo-bar__disclaimer .thumb,
.partner-logo-bar__disclaimer .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
}

.partner-logo-bar__disclaimer .thumbcaption,
.partner-logo-bar__disclaimer .magnify { display: none !important; }

@media (max-width: 700px) {
.partner-logo-bar__row {
grid-template-columns: repeat(3, 1fr);
}
.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(33% - 0.4em);
}
}

.sump-prereq {
margin: 1.5rem 0;
padding: 1.1rem 1.3rem 1.2rem;
background: var(--dreams-tint);
border: 1px solid var(--dreams-border);
border-radius: 10px;
}
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }
.sump-prereq__list { display: grid; gap: .65rem; }
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }
.sump-prereq__box {
width: 1.2rem; height: 1.2rem; margin-top: .12rem;
border: 2px solid var(--dreams-primary); border-radius: 4px;
background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;
}
.sump-prereq__text { line-height: 1.45; }
.sump-prereq__item--done .sump-prereq__box {
background-color: var(--dreams-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }

MediaWiki:Common.css

2026-07-22T10:32:10Z

Admin:

/* CSS placed here will be applied to all skins */
.navbar-brand img {
padding-top: 10px;
height: 60px;
}

.firstHeading {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.external.text {
color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
}

.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 20px;
}

.square {
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: Arial, sans-serif;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}

.blue { background-color: #2D8CFF; }
.red { background-color: #FF4757; }
.green { background-color: #2ED573; }
.yellow { background-color: #FFD32A; }
.orange { background-color: #fee4cb; }
.hue1 { background-color: #5c4ce4; }
.hue2 { background-color: #8068ff; }
.hue3 { background-color: #a386ff; }
.hue4 { background-color: #c6a4ff; }
.hue5 { background-color: #e9c4ff; }

/* ── Main Page ── */
.__NOTOC__ + * { margin-top: 0; }

.main-hero {
display: flex;
align-items: center;
gap: 2em;
padding: 2em 0 2.5em;
border-bottom: 1px solid #e1e4ff;
margin-bottom: 2em;
flex-wrap: wrap;
}

.main-hero__text { flex: 1; min-width: 280px; }

.main-hero__tag {
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5c4ce4;
margin-bottom: 0.6em;
}

.main-hero__title {
font-size: 1.7em;
font-weight: 800;
line-height: 1.25;
color: #1a1a2e;
margin: 0 0 0.6em;
border: none;
padding: 0;
}

.main-hero__lead {
font-size: 1.05em;
color: #444;
line-height: 1.6;
max-width: 580px;
margin-bottom: 1.2em;
text-align: justify;
}

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
}

.main-hero__logo {
flex-shrink: 0;
}

.main-hero__logo figure,
.main-hero__logo .thumb,
.main-hero__logo .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.main-hero__logo .thumbcaption,
.main-hero__logo .magnify { display: none !important; }

.main-hero__btn a,
a.main-hero__btn {
display: inline-block;
background: #5c4ce4;
color: #fff !important;
padding: 0.5em 1.2em;
border-radius: 5px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-hero__btn--outline a {
background: transparent;
color: #5c4ce4 !important;
border: 2px solid #5c4ce4;
}

.main-hero__btn a:hover { opacity: 0.85; }

.main-hero__actions {
display: flex;
gap: 0.8em;
flex-wrap: wrap;
align-items: stretch;
}

.main-hero__btn a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
box-sizing: border-box;
}

.main-section {
margin-bottom: 2.5em;
}

.main-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2em;
margin-top: 1em;
}

.main-intro__col {
font-size: 1.02em;
line-height: 1.65;
color: #333;
text-align: justify;
}

.main-labs {
display: flex;
flex-wrap: wrap;
gap: 0.6em;
margin-top: 1em;
justify-content: center;
}

.main-lab-btn a {
display: inline-block;
background: #f3f1ff;
border: 1px solid #c6a4ff;
color: #5c4ce4 !important;
padding: 0.4em 1em;
border-radius: 20px;
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
}

.main-lab-btn a:hover {
background: #5c4ce4;
color: #fff !important;
border-color: #5c4ce4;
}

.main-connect {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1em;
margin-top: 1em;
}

.main-connect__item {
background: #f3f1ff;
border: 1px solid #e1e4ff;
border-left: 4px solid #5c4ce4;
padding: 0.8em 1em;
font-size: 0.97em;
}

.main-connect__item a {
color: #5c4ce4 !important;
font-weight: 600;
text-decoration: none !important;
}

@media (max-width: 700px) {
.main-hero { flex-direction: column; }
.main-intro { grid-template-columns: 1fr; }
}

/* DREAMers team layout */
.dreamer-section {
margin: 22px 0 30px;
}

.dreamer-section__head {
margin: 4px 0 14px;
border-left: 4px solid rgb(92,76,228);
padding-left: 10px;
}

.dreamer-section__title {
font-size: 1.25em;
font-weight: 700;
}

.dreamer-section__subtitle {
color: #54595d;
margin-top: 0;
}

.dreamer-section__subtitle:empty {
display: none;
}

.dreamers-grid {
display: grid;
grid-template-columns: repeat(auto-fill, 260px);
gap: 20px;
justify-content: center;
}

.dreamers-grid > p {
display: none;
}

.dreamer-card {
width: 260px;
box-sizing: border-box;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e1e4ff;
box-shadow: 0 6px 16px rgba(92,76,228,0.08);
}

.dreamer-card__imgwrap {
width: 100%;
height: 250px;
overflow: hidden;
background: #f3f1ff;
}

.dreamer-card__imgwrap pre {
margin: 0;
padding: 0;
border: none;
background: none;
overflow: hidden;
white-space: normal;
width: 100%;
height: 100%;
}

.dreamer-card__imgwrap a {
display: block;
width: 100%;
height: 100%;
}

.dreamer-card__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
border-radius: 0;
}

.dreamer-card__body {
padding: 10px 14px 12px;
}

.dreamer-card__name {
line-height: 1.2;
color: #1f2328;
}

.dreamer-card__role {
color: #54595d;
margin-top: 2px;
}

.dreamer-card__meta {
color: #72777d;
margin-top: 6px;
font-size: 0.95em;
}

.dreamer-card__imgwrap figure,
.dreamer-card__imgwrap .thumb,
.dreamer-card__imgwrap .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.dreamer-card__imgwrap .thumbcaption,
.dreamer-card__imgwrap .magnify {
display: none !important;
}

.dreamer-card__meta:empty { display: none; }

/* ── Event detail page ── */
.event-detail { margin-top: 8px; }

.event-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
padding-bottom: 0px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
}
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.event-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
}
.event-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}

/* ── Event image gallery ── */
.event-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
margin-top: 8px;
}
.event-gallery > p { display: none; }
.event-gallery__item {
overflow: hidden;
background: #f3f1ff;
border: 1px solid #e1e4ff;
box-shadow: 0 4px 12px rgba(92,76,228,0.08);
line-height: 0;
}

.event-gallery__item a,
.event-gallery__item span,
.event-gallery__item .thumb,
.event-gallery__item .thumbinner {
display: block !important;
width: 100% !important;
max-width: none !important;
}
.event-gallery__item img {
display: block !important;
width: 100% !important;
height: 260px;
object-fit: cover;
object-position: center;
}
.event-gallery__item .thumbcaption,
.event-gallery__item .magnify { display: none; }

/* Strip thumb borders inside event gallery */
.event-gallery .thumb {
border: none !important;
background: none !important;
padding: 0 !important;
}

.event-gallery .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
width: 100% !important;
}

.event-gallery .thumbimage {
border: none !important;
}

.event-gallery .thumbcaption,
.event-gallery .magnify {
display: none !important;
}

/* ── Event Card ── */
.event-card {
border: 1px solid #dde;
border-radius: 8px;
overflow: hidden;
background: #f9f9fc;
width: 300px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.event-card-image {
width: 100%;
height: 160px;
overflow: hidden;
background: #eef;
display: flex;
align-items: center;
justify-content: center;
}

/* Strip MediaWiki thumb wrapper inside event cards */
.event-card-image figure,
.event-card-image figure.mw-default-size,
.event-card-image .thumb,
.event-card-image .thumbinner {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: block !important;
}

.event-card-image .thumbcaption,
.event-card-image .magnify {
display: none !important;
}

.event-card-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}

.event-card-image--placeholder {
background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);
position: relative;
}

.event-card-image--placeholder::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2.5em;
height: 2.5em;
opacity: 0.35;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.event-card-body {
padding: 1em 1.2em;
display: flex;
flex-direction: column;
gap: 0.4em;
flex: 1;
}

.event-card-tag {
font-size: 0.78em;
color: #fff;
background: #4a5dcc;
border-radius: 3px;
padding: 0.15em 0.55em;
display: inline-block;
align-self: flex-start;
width: fit-content;
}

.event-card-title {
font-weight: bold;
font-size: 1em;
line-height: 1.4;
}

.event-card-location {
font-size: 0.82em;
color: #555;
}

.event-card-desc {
font-size: 0.85em;
color: #444;
line-height: 1.4;
}

.event-card-readmore {
font-size: 0.82em;
font-weight: 600;
margin-top: 0.4em;
}

/* ── Publication detail page ── */
.publication-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.publication-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.publication-detail__description {
font-size: 1.05em;
line-height: 1.65;
margin-bottom: 28px;
max-width: 780px;
}
.publication-detail__section { margin-top: 24px; }
.publication-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.publication-authors {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.publication-author {
background: #f3f1ff;
border: 1px solid #c6a4ff;
padding: 5px 12px;
font-size: 0.92em;
line-height: 1.4;
color: #1f2328;
}

/* ── Living Lab detail page ── */
.living-lab-detail__meta {
display: flex;
flex-wrap: wrap;
gap: 0 32px;
padding: 14px 20px;
background: #f3f1ff;
border-left: 4px solid #5c4ce4;
margin-bottom: 24px;
font-size: 0.97em;
}
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }
.living-lab-detail__meta-label {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
white-space: nowrap;
}
.living-lab-detail__section { margin-bottom: 28px; }
.living-lab-detail__section-title {
font-weight: 700;
color: #5c4ce4;
text-transform: uppercase;
font-size: 0.78em;
letter-spacing: 0.05em;
margin-bottom: 8px;
border-bottom: 1px solid #e1e4ff;
padding-bottom: 4px;
}
.living-lab-detail__text {
font-size: 1.02em;
line-height: 1.65;
max-width: 820px;
}
.living-lab-detail__map { max-width: 820px; }
.living-lab-detail__map .maps-map { width: 100% !important; }

/* headline image */
.living-lab-detail__hero { margin: 0 0 6px; }
.living-lab-detail__hero img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}
.living-lab-detail__hero-credit { color: #888; }
.living-lab-detail__hero-caption {
font-size: var(--dreams-small);
color: #666;
margin: 6px 0 20px;
line-height: 1.5;
}

.living-lab-detail__lead {
font-size: 1.05em;
line-height: 1.7;
color: #333;
margin: 0 0 20px;
}

/* interventions list */
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }
.living-lab-detail__interventions li b,
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }
.living-lab-detail__interventions li i { color: #666; }

.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }
.living-lab-detail__figure { flex: 0 1 auto; }
.living-lab-detail__figure img { border-radius: 6px; display: block; }

.living-lab-detail__quote {
border-left: 3px solid var(--dreams-primary);
padding: 4px 0 4px 16px;
margin: 24px 0; font-size: 1.12em;
line-height: 1.6; color: #333;
}
.living-lab-detail__quote cite {
display: block;
font-style: normal;
font-size: var(--dreams-small);
color: #666;
margin-top: 8px;
}

.living-lab-detail__gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
justify-content: start;
}
.living-lab-detail__figure img {
height: 220px;
object-fit: cover;
border-radius: 6px;
display: block;
}
.living-lab-detail__figure-caption {
margin-top: 6px;
font-size: var(--dreams-small);
color: #666;
line-height: 1.5;
}

/* ── SUMP overview ── */
.sump-journey {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 1.75rem 0;
}
@media (min-width: 720px) {
.sump-journey { grid-template-columns: 1fr 1fr; }
}
.sump-journey__phase {
border: 1px solid var(--dreams-border, #e0e0e0);
border-top: 4px solid var(--sump-accent, #5c4ce4);
border-radius: 10px;
background: #fff;
padding: 1rem 1.15rem 1.2rem;
}
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }
.sump-journey__head {
display: flex;
align-items: center;
gap: .55rem;
margin: 0 0 .45rem;
}
.sump-journey__head h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 1.1rem;
font-weight: 700;
color: #222;
}
.sump-journey__num {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.9rem;
height: 1.9rem;
border-radius: 50%;
background: var(--dreams-primary, #5c4ce4);
color: #fff;
font-weight: 700;
font-size: .95rem;
}
.sump-journey__desc {
margin: 0 0 .85rem;
color: #555;
line-height: 1.55;
font-size: var(--dreams-small, .85em);
}
.sump-journey__steps {
display: grid;
gap: .45rem;
}
.sump-journey__step {
display: flex;
align-items: baseline;
gap: .55rem;
line-height: 1.45;
}
.sump-journey__step-num {
flex: 0 0 1.5rem;
font-weight: 700;
font-size: var(--dreams-small, .85em);
color: var(--dreams-primary, #5c4ce4);
font-variant-numeric: tabular-nums;
}
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }
.sump-journey-cycle {
font-size: var(--dreams-small, .85em);
color: #777;
margin: .25rem 0 0;
}

/* --- Brand tokens --- */
:root {
--dreams-primary: #5c4ce4;
--dreams-tint: #f3f1ff;
--dreams-border: #cac4f8;
--dreams-dark: #3d30c4;
--dreams-text-on: #ffffff;
--dreams-small: 0.85em;
--sump-tint: #f3f1ff;
}

/* --- Page wrapper --- */
.sump-step { max-width: 60rem; }

/* --- Phase / step header bar --- */
.sump-step__head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .4rem;
padding: .75rem 0 1rem;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 1rem;
}
.sump-step__phase-label {
font-size: var(--dreams-small);
color: #555;
}
.sump-step__phase-tag {
display: inline-block;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
padding: .2rem .7rem;
border-radius: 1rem;
color: var(--dreams-text-on);
background: var(--dreams-primary);
}
.sump-step__counter {
margin-left: auto;
font-size: var(--dreams-small);
color: #888;
}

/* --- Section headings --- */
.sump-step h2 {
border-left: 3px solid var(--dreams-primary);
padding-left: .75rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
}

/* --- Intro text block --- */
.sump-intro {
line-height: 1.75;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e8e8e8;
margin-top: 0;
margin-bottom: 1.75rem;
text-align: justify;
}
.sump-intro > p:first-child { margin-top: 0; }
.sump-intro > p:last-child { margin-bottom: 0; }

/* --- Four-body card grid --- */
.sump-bodies-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
margin: 1.25rem 0 1.75rem;
}
.sump-body-card {
background: #fafafa;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: .9rem 1rem;
}
.sump-body-card__label {
font-size: var(--dreams-small);
font-weight: 700;
color: var(--dreams-primary);
margin-bottom: .35rem;
}
.sump-body-card__desc {
font-size: var(--dreams-small);
line-height: 1.55;
margin-bottom: 1rem;
}

.sump-body-card--steer,
.sump-body-card--team,
.sump-body-card--thematic,
.sump-body-card--network {
display: flex;
flex-direction: column;
}
.sump-body-card--steer::after,
.sump-body-card--team::after,
.sump-body-card--thematic::after,
.sump-body-card--network::after {
content: "";
display: block;
margin-top: auto;
padding-top: 4rem;
height: 1rem;
background-repeat: no-repeat;
background-position: center bottom;
}
.sump-body-card--steer::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='32.1 74.9 288.2 288.2' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,0,-499.588)'%3E%3Cg id='Steering-Group' transform='matrix(0.439206,0,0,0.512758,-168.655,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,458.877,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,595.954,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,860.643,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,479.111,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,880.876,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,616.188,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,745.596,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,765.83,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='175.626' cy='794.478' r='44.165' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(2.58909,0,0,2.29942,330.035,-873.136)'%3E%3Cpath d='M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z' style='fill:white;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--team::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='28.3 75.1 286.3 286.3' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-456,-499.588)'%3E%3Cg id='Project-Team' transform='matrix(0.439206,0,0,0.512758,287.345,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,448.131,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,585.208,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,849.897,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,468.365,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,870.13,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,605.442,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,734.85,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,755.083,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-143.845,387.633)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,384,-594.315)'%3E%3Ccircle cx='234.911' cy='592.552' r='26.261' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,389.099,-594.315)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3Cg transform='matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)'%3E%3Cpath d='M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--thematic::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='27.8 74.3 295.1 295.1' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-884.466,-499.588)'%3E%3Cg id='Thematic-Group' transform='matrix(0.439206,0,0,0.512758,715.811,304.74)'%3E%3Cg transform='matrix(2.27684,0,0,1.95024,456.983,-597.152)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,594.06,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,858.749,-587.908)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,477.217,-585.96)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,878.983,-577.122)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,614.294,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.45188,743.702,-385.012)'%3E%3Cpath d='M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812' style='fill:none;stroke:%235c4ce4;stroke-width:18.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,763.936,-728.133)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)'%3E%3Cpath d='M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z' style='fill:none;stroke:%235c4ce4;stroke-width:9.13px;'/%3E%3C/g%3E%3Cg transform='matrix(1.82293,0,0,1.56144,-1147.13,-290.898)'%3E%3Cpath d='M1036.63,780.407L1085.35,780.407' style='fill:none;stroke:%235c4ce4;stroke-width:20.82px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sump-body-card--network::after {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.7 55.7 310.5 310.5' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1275.81,-499.588)'%3E%3Cg id='External-Network' transform='matrix(0.439206,0,0,0.512758,1107.16,304.74)'%3E%3Cg transform='matrix(1.41038,0,0,1.20807,-1240,-95.8635)'%3E%3Ccircle cx='1435.57' cy='733.314' r='90.265' style='fill:none;stroke:%235c4ce4;stroke-width:26.91px;'/%3E%3C/g%3E%3Cg transform='matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3Cg transform='matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)'%3E%3Cpath d='M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z' style='fill:%235c4ce4;'/%3E%3C/g%3E%3Cg transform='matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)'%3E%3Ccircle cx='46.183' cy='676.003' r='8.887' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* --- Callout --- */
.dreams-callout {
font-size: var(--dreams-small);
border-left: 3px solid var(--dreams-primary);
background: var(--dreams-tint);
padding: .75rem 1rem;
border-radius: 0 6px 6px 0;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-callout__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .35rem;
}

/* --- Outskirts challenge box --- */
.sump-outskirts-box {
border: 1px solid var(--dreams-border);
border-radius: 8px;
overflow: hidden;
margin: 1.5rem 0;
}
.sump-outskirts-box__head {
background: var(--dreams-primary);
color: var(--dreams-text-on);
padding: .6rem 1rem;
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .02em;
}
.sump-outskirts-box__body {
background: var(--dreams-tint);
padding: .9rem 1.1rem;
line-height: 1.65;
color: #333;
}

/* --- Setup sequence --- */
.sump-sequence-wrap {
margin: 1rem 0 1.5rem;
counter-reset: seq;
}
.sump-seq-item {
counter-increment: seq;
display: grid;
grid-template-columns: 28px 1fr;
grid-template-rows: auto auto;
gap: 0 12px;
align-items: start;
margin-bottom: 14px;
line-height: 1.6;
}
.sump-seq-item::before {
content: counter(seq);
width: 24px;
height: 24px;
background: var(--dreams-primary);
color: var(--dreams-text-on);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--dreams-small);
font-weight: 700;
flex-shrink: 0;
margin-top: 3px;
grid-row: 1 / 3;
}
.sump-seq-label {
font-weight: 700;
color: var(--dreams-primary);
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
color: #333;
grid-column: 2;
grid-row: 2;
font-size: var(--dreams-small);
}

@media (min-width: 560px) {
.sump-seq-item {
grid-template-columns: 28px 10rem 1fr;
grid-template-rows: auto;
align-items: baseline;
}
.sump-seq-item::before {
grid-row: 1;
}
.sump-seq-label {
grid-column: 2;
grid-row: 1;
}
.sump-seq-desc {
grid-column: 3;
grid-row: 1;
font-size: inherit;
}
}

/* --- Handoff block --- */
.dreams-handoff {
border: 1px solid var(--dreams-border);
background: var(--dreams-tint);
padding: .85rem 1.1rem;
border-radius: 8px;
margin: 1.5rem 0;
line-height: 1.6;
}
.dreams-handoff__label {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .5rem;
}

.dreams-handoff--dive .dreams-handoff__label::before {
content: "";
display: inline-block;
width: 1.8em;
height: 1.5em;
margin-right: .5em;
vertical-align: -0.4em;
background-image: url("data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* --- Sources footer --- */
.sump-sources {
font-size: var(--dreams-small);
color: #666;
border-top: 1px solid #e8e8e8;
margin-top: 2rem;
padding-top: .85rem;
line-height: 1.6;
}

/* --- Prev / next navigation bar --- */
.sump-step__nav {
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: wrap;
font-size: var(--dreams-small);
}
.sump-step__nav--top {
margin: .5rem 0 1.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid #e0e0e0;
}
.sump-step__nav--bottom {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #e0e0e0;
}
.sump-step__nav a { color: var(--dreams-primary); }
.sump-step__nav a:hover {
color: var(--dreams-dark);
text-decoration: underline;
}
.sump-step__nav-home a {
font-weight: 700;
color: #333 !important;
border: 1px solid #ccc;
padding: .2rem .75rem;
border-radius: 6px;
text-decoration: none !important;
}
.sump-step__nav-home a:hover { background: var(--dreams-tint); }
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }
/* overview slides into the gap: left on step 1, right on step 12 */
.sump-step__nav--first .sump-step__nav-prev { display: none; }
.sump-step__nav--last .sump-step__nav-next { display: none; }

/* ── SUMP phase row ── */
.sump-phases {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 1.5rem;
margin: 1.5rem 0 1.75rem;
counter-reset: phase;
}
.sump-phases__item {
position: relative;
counter-increment: phase;
}
.sump-phases__item::before {
content: counter(phase);
display: flex;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
margin-bottom: 0.6rem;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: var(--dreams-tint);
color: var(--dreams-primary);
font-weight: 700;
}
.sump-phases__item--prep::before,
.sump-phases__item--realize::before,
.sump-phases__item--eval::before {
content: "";
width: 3.4rem;
height: 3.4rem;
margin-bottom: 0.7rem;
border: 0;
border-radius: 14px;
background-color: var(--dreams-tint);
background-repeat: no-repeat;
background-position: center;
background-size: 62%;
}
.sump-phases__item--prep::after,
.sump-phases__item--realize::after,
.sump-phases__item--eval::after {
content: counter(phase);
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 1.6rem;
height: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--dreams-primary);
border-radius: 50%;
background: #fff;
color: var(--dreams-primary);
font-weight: 700;
font-size: 0.82rem;
}
/* per-phase glyphs */
.sump-phases__item--prep::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-1854.82,-975.755)'%3E%3Cg id='Preparation' transform='matrix(0.439206,0,0,0.512758,1686.17,780.907)'%3E%3Cg transform='matrix(2.03662,0,0,1.01229,-3254.54,-198.641)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;'/%3E%3C/g%3E%3Cg transform='matrix(2.35128,0,0,2.014,-4050.65,-1566.23)'%3E%3Cpath d='M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z' style='fill:none;stroke:%235c4ce4;stroke-width:16.14px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--realize::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='21.0 55.0 312.0 312.0' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2283.29,-975.755)'%3E%3Cg id='Realisation' transform='matrix(0.439206,0,0,0.512758,2114.63,780.907)'%3E%3Cg transform='matrix(2.14657,0,0,1.06694,-3472.54,-265.777)'%3E%3Cpath d='M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;'/%3E%3C/g%3E%3Cg transform='matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)'%3E%3Cpath d='M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86' style='fill:none;stroke:%235c4ce4;stroke-width:10.4px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3Cg transform='matrix(2.14657,0,0,1.83866,-4494,-1389.58)'%3E%3Cpath d='M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z' style='fill:none;stroke:%235c4ce4;stroke-width:17.68px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__item--eval::before { background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='38.5 55.7 301.9 301.9' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(1,0,0,1,-2674.63,-975.755)'%3E%3Cg id='Evaluation' transform='matrix(0.439206,0,0,0.512758,2505.98,780.907)'%3E%3Cg transform='matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)'%3E%3Cpath d='M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;'/%3E%3C/g%3E%3Cg transform='matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)'%3E%3Cpath d='M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09' style='fill:none;stroke:%235c4ce4;stroke-width:16.67px;'/%3E%3C/g%3E%3Cg transform='matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)'%3E%3Cpath d='M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z' style='fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }

/* A. figure tiles */
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }

/* B. two-pane contrast */
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }
.sump-versus__pane { border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }

.sump-checklist { display:grid; gap:.5rem; margin:1.25rem 0; }
.sump-check { display:grid; grid-template-columns:1.4rem 1fr; gap:.5rem; align-items:start; }
.sump-check__box { width:1.1rem; height:1.1rem; border:2px solid var(--sump-accent,#666); border-radius:3px; margin-top:.15rem; }

/* optional inline continuity marker */
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }

/* --- Living-lab example box --- */
.dreams-lab {
border: 1px solid var(--dreams-border);
border-left: 4px solid var(--dreams-primary);
background: #fff;
border-radius: 4px;
padding: .7rem 1.1rem;
margin: 1.25rem 0;
line-height: 1.65;
color: #333;
}
.dreams-lab__tag {
font-size: var(--dreams-small);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--dreams-primary);
margin-bottom: .25rem;
}

.dreams-impact-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin: 1em 0 1.5em;
}
@media (min-width: 480px) {
.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 780px) {
.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }
}
.dreams-impact-card {
display: flex;
flex-direction: column;
gap: 10px;
padding: 1rem 1.1rem;
background: #ffffff;
border: 1px solid #e7e4f7;
border-radius: 12px;
}
.dreams-impact-head {
display: flex;
align-items: center;
gap: 10px;
}
.dreams-impact-icon {
flex: none;
width: 38px;
height: 38px;
border-radius: 10px;
background-color: #f3f1ff;
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.dreams-impact-name {
font-size: 1.05em;
font-weight: 600;
color: #5c4ce4;
}
.dreams-impact-body {
font-size: 0.95em;
line-height: 1.6;
color: #333333;
}
.dreams-impact-body p { margin: 0; }
.dreams-impact-icon--accessibility { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200'%20/%3E%3Cpath%20d='M7%2021l3%20-4'%20/%3E%3Cpath%20d='M16%2021l-2%20-4l-3%20-3l1%20-6'%20/%3E%3Cpath%20d='M6%2012l2%20-3l4%20-1l3%203l3%201'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--carbon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2021c.5%20-4.5%202.5%20-8%207%20-10'%20/%3E%3Cpath%20d='M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--liveability { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2013l-2%20-2'%20/%3E%3Cpath%20d='M12%2012l2%20-2'%20/%3E%3Cpath%20d='M12%2021v-13'%20/%3E%3Cpath%20d='M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--health { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2012h4l3%208l4%20-16l3%208h4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--economic { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2021l18%200'%20/%3E%3Cpath%20d='M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204'%20/%3E%3Cpath%20d='M5%2021l0%20-10.15'%20/%3E%3Cpath%20d='M19%2021l0%20-10.15'%20/%3E%3Cpath%20d='M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4'%20/%3E%3C/svg%3E"); }
.dreams-impact-icon--equity { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%235c4ce4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2020l10%200'%20/%3E%3Cpath%20d='M6%206l6%20-1l6%201'%20/%3E%3Cpath%20d='M12%203l0%2017'%20/%3E%3Cpath%20d='M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3Cpath%20d='M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'%20/%3E%3C/svg%3E"); }

/* ── Partner logo bar (main page footer) ── */
.partner-logo-bar {
margin: 2.5em 0 0;
padding-top: 2em;
border-top: 1px solid #e1e4ff;
}

.partner-logo-bar__label {
font-size: 0.72em;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #8a8aaa;
margin-bottom: 1em;
}

.partner-logo-bar__row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
margin-bottom: 2em;
}

.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(20% - 0.4em);
min-width: 100px;
}

.partner-logo-bar__item {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 6px 10px;
}

.partner-logo-bar__item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item img {
max-height: 42px;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__item figure,
.partner-logo-bar__item .thumb,
.partner-logo-bar__item .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.partner-logo-bar__item .thumbcaption,
.partner-logo-bar__item .magnify { display: none !important; }

.partner-logo-bar__item--narrow img { max-width: 75px; }
.partner-logo-bar__item--boost img { min-height: 58px; }

.partner-logo-bar__item--text {
font-size: 0.82em;
font-weight: 600;
}

.partner-logo-bar__item--text a {
color: #5c4ce4 !important;
text-decoration: none !important;
text-align: center;
}

.partner-logo-bar__item--text a:hover {
text-decoration: underline !important;
}

.partner-logo-bar__disclaimer {
margin-top: 0.5em;
padding-top: 1em;
border-top: 1px solid #e1e4ff;
font-size: 0.82em;
color: #888;
font-style: italic;
display: flex;
align-items: center;
gap: 0.75em;
}

.partner-logo-bar__disclaimer img {
max-height: 40px;
max-width: 130px;
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

.partner-logo-bar__disclaimer figure,
.partner-logo-bar__disclaimer .thumb,
.partner-logo-bar__disclaimer .thumbinner {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
}

.partner-logo-bar__disclaimer .thumbcaption,
.partner-logo-bar__disclaimer .magnify { display: none !important; }

@media (max-width: 700px) {
.partner-logo-bar__row {
grid-template-columns: repeat(3, 1fr);
}
.partner-logo-bar__row--flex .partner-logo-bar__item {
width: calc(33% - 0.4em);
}
}

.sump-prereq {
margin: 1.5rem 0;
padding: 1.1rem 1.3rem 1.2rem;
background: var(--dreams-tint);
border: 1px solid var(--dreams-border);
border-radius: 10px;
}
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }
.sump-prereq__list { display: grid; gap: .65rem; }
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }
.sump-prereq__box {
width: 1.2rem; height: 1.2rem; margin-top: .12rem;
border: 2px solid var(--dreams-primary); border-radius: 4px;
background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;
}
.sump-prereq__text { line-height: 1.45; }
.sump-prereq__item--done .sump-prereq__box {
background-color: var(--dreams-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }