.island-project-picker{display:none}@media(max-width:720px){.island-project-picker{--island-expanded-width: calc(100vw - 48px) ;--island-expanded-height: min(278px, calc(100dvh - 32px) );position:fixed;z-index:40;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:block;width:calc(100vw - 70px);height:46px;overflow:hidden;border-radius:6px;background:var(--surface-floating, #202020);backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;transform:translate(-50%,calc(100% + 40px));transition:transform .5s cubic-bezier(.66,0,.33,1);pointer-events:none}.island-project-picker[data-visible=true]{transform:translate(-50%);pointer-events:auto}.island-project-picker .mobile-project-navigation__bar{position:absolute;right:0;bottom:0;left:0;border-radius:inherit}.island-project-picker :is(.mobile-project-navigation__project,.mobile-project-navigation__trigger){font-size:12px;line-height:14px}.island-project-picker__stage{position:absolute;bottom:46px;left:0;width:var(--island-expanded-width);height:calc(var(--island-expanded-height) - 46px);pointer-events:none}.island-project-picker[data-open=true] .island-project-picker__stage{pointer-events:auto}.island-project-picker__content{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .2) transparent}.island-project-picker__options{margin:0;padding:6px;list-style:none}.island-project-picker__options li{margin:0;padding:0}.island-project-picker__options button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:4px;background:transparent;color:#989898;font:inherit;font-size:12px;line-height:14px;text-align:left;opacity:0;cursor:pointer}.island-project-picker__options button[aria-selected=true]{color:#fff;background:var(--surface-menu-row-active)}.island-project-picker__options button:is(:hover,:focus-visible){color:#fff;background:var(--surface-menu-row-active)}.island-project-picker__options button>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.island-project-picker__options button svg{flex-shrink:0;opacity:0}.island-project-picker__options button[aria-selected=true] svg{opacity:1}.island-project-picker__options button:focus-visible{outline-offset:-2px}.island-project-picker[data-reduced-motion=true]{transition:none}}@media(prefers-reduced-motion:reduce){.island-project-picker{transition:none}}.project-story__problem-number{display:grid;width:31px;height:31px;place-items:center;color:#b3b3b3;font-size:31px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1;transform:scale(.8);transform-origin:center}@media(min-width:721px)and (max-width:1359px){.project-story__problem-number{width:clamp(22px,2.1vw,28px);height:clamp(22px,2.1vw,28px);font-size:clamp(22px,2.1vw,28px)}}@media(max-width:720px){.project-story__problem-number{width:22px;height:22px;font-size:22px}}.project-story-sequence{--case-section-space: 40px;--case-gutter: 24px;--case-text-inset-start: 10px;--case-text-inset-end: 24px;--case-heading-gap: 20px;--case-paragraph-gap: 24px;--case-evidence-gap: 40px;--case-row-gap: 20px;--case-copy-gap: 8px;--case-card-inset: 16px;--case-metric-inset: 16px;--case-metric-column-gap: 20px;--case-media-gap: 10px}.project-story-sequence .project-story-section{display:flow-root;padding-bottom:var(--case-media-gap)}.project-story-sequence .project-story-section>.project-story{width:calc(100% - 2 * var(--case-gutter));min-height:0;margin:0 var(--case-gutter);padding:var(--case-section-space) var(--case-text-inset-end) var(--case-section-space) var(--case-text-inset-start)}.project-story-sequence .project-story .project-story__header{min-height:0;padding:0;gap:var(--case-heading-gap)}.project-story-sequence .project-story .project-story__label:before{margin-right:0}.project-story-sequence .project-story .project-story__intro{gap:var(--case-paragraph-gap)}.project-story-sequence .project-story>:is(.project-story__metric-list,.project-story__problem-list,.project-story__narrative-cards,.project-story__solution-evidence){min-height:0;margin-top:var(--case-evidence-gap);padding:0;gap:var(--case-row-gap)}.project-story-sequence .project-story :is(.project-story__metric,.project-story__narrative-card,.project-story__research-finding,.project-story__problem-copy){min-height:0;padding-block:0;justify-content:flex-start;gap:var(--case-copy-gap)}.project-story-sequence .project-story :is(.project-story__metric-list,.project-story__narrative-cards,.project-story__solution-evidence){min-height:0;align-items:start}.project-story-sequence .project-story__problem-copy{--case-copy-gap: 6px}.project-story-sequence .project-story__narrative-card[data-value-type=round]{--case-copy-gap: 24px}.project-story-sequence .project-story .project-story__narrative-card{padding-inline:var(--case-card-inset)}.project-story-sequence .project-story .project-story__metric-list{column-gap:var(--case-metric-column-gap)}.project-story-sequence .project-story .project-story__metric{padding-inline:var(--case-metric-inset) 0}.project-story-sequence .project-story :is(.project-story__metric,.project-story__narrative-card):before{top:0;bottom:0}.project-story-sequence .project-story .project-story__metric-note{margin-top:var(--case-paragraph-gap)}.project-story-sequence .project-story-section>:is(.project-media-panel,.project-media-pair,.project-opening-video,.unesco-interview){margin-block:0;padding-block:0}.project-story-sequence .project-story-section>:is(.project-media-panel,.project-media-pair,.project-opening-video,.unesco-interview)+:is(.project-media-panel,.project-media-pair,.project-opening-video,.unesco-interview){margin-top:var(--case-media-gap)}@media(max-width:999px){.project-story-sequence{--case-evidence-gap: 24px;--case-row-gap: 24px;--case-metric-inset: 8px;--case-metric-column-gap: 0px}}@media(min-width:721px)and (max-width:999px){.project-story-sequence{--case-text-inset-end: 10px;--case-metric-inset: 4px}}@media(max-width:720px){.project-story-sequence .project-story-section>.project-story{padding-bottom:calc(var(--case-section-space) + 16px)}.project-story-sequence .project-story__problem-copy{--case-copy-gap: 4px}.project-story-sequence .project-story--problem .project-story__problem-icon{width:32px;height:32px;flex-basis:32px}.project-story-sequence .project-story--problem .project-story__problem-icon :is(img,.project-story__problem-number){width:18px;height:18px;font-size:18px}.project-story-sequence .project-story--executive .project-story__metric-list{grid-template-columns:minmax(0,1fr)}.project-story-sequence .project-story--solution :is(.project-story__solution-metrics,.project-story__narrative-cards--outcomes){grid-template-columns:minmax(0,1fr);row-gap:var(--case-row-gap)}.project-story-sequence .project-story--solution .project-story__solution-metrics .project-story__metric dd{order:-1}.project-story-sequence .project-story__narrative-card[data-value-type=round]{--case-copy-gap: 16px}.project-story-sequence .project-story__narrative-cards>[data-value-type=round]+[data-value-type=round]{margin-block-start:24px}.project-story-sequence{--case-section-space: 32px;--case-gutter: var(--mobile-page-gutter);--case-text-inset-start: 0px;--case-text-inset-end: 0px}}@media(max-width:359px){.project-story-sequence{--case-metric-inset: 5px}}
