.elementor-896 .elementor-element.elementor-element-10a9f3c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-564a094 .qodef-e-item img{object-fit:cover;}.elementor-896 .elementor-element.elementor-element-564a094 .qodef-layout--standard .qodef-m-main-holder{align-items:center;}.elementor-896 .elementor-element.elementor-element-564a094 .qodef-layout--standard .qodef-m-items{flex-direction:column;}.elementor-896 .elementor-element.elementor-element-564a094 .qodef-layout--standard .qodef-m-text{text-align:left;}.elementor-896 .elementor-element.elementor-element-b094b00{margin-top:126px;margin-bottom:123px;padding:0% 3.9% 0% 3.9%;}.elementor-896 .elementor-element.elementor-element-a4ebf34 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-896 .elementor-element.elementor-element-9971431{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -28px) 0px;padding:0px 0px 0px 0px;z-index:1;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:25px;letter-spacing:1px;}.elementor-896 .elementor-element.elementor-element-e4c5a07 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-896 .elementor-element.elementor-element-e4c5a07 .qodef-qi-highlight{text-align:left;color:#000000;font-family:"DM Sans", Sans-serif;font-size:70px;font-weight:500;line-height:78px;}.elementor-896 .elementor-element.elementor-element-e4c5a07 .qodef-qi-highlight .qodef-highlight-text{color:#000000;}.elementor-896 .elementor-element.elementor-element-27e0b89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-896 .elementor-element.elementor-element-d932fc3{margin-top:129px;margin-bottom:140px;padding:0% 3.9% 0% 3.9%;}.elementor-896 .elementor-element.elementor-element-9dd0faf:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-896 .elementor-element.elementor-element-9dd0faf > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://capitalpridelondon.com/wp-content/uploads/2025/11/cpl-protest-image-.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-bc-flex-widget .elementor-896 .elementor-element.elementor-element-9dd0faf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-896 .elementor-element.elementor-element-9dd0faf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-896 .elementor-element.elementor-element-9dd0faf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-896 .elementor-element.elementor-element-9dd0faf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-9dd0faf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-896 .elementor-element.elementor-element-ce1fe51{width:auto;max-width:auto;}.elementor-896 .elementor-element.elementor-element-ce1fe51 .qodef-qi-premium-button{text-align:center;padding:193px 193px 193px 193px;}.elementor-896 .elementor-element.elementor-element-ce1fe51 .qodef-qi-premium-button.qodef-layout--svg .qodef-m-svg svg{fill:#FFFFFF00;stroke:#FFFFFF;}.elementor-896 .elementor-element.elementor-element-ce1fe51 .qodef-qi-premium-button.qodef-layout--svg:hover .qodef-m-svg svg{fill:#FFFFFF00;stroke:#FFFFFFF7;}.elementor-896 .elementor-element.elementor-element-ce1fe51 .qodef-m-svg svg{stroke-width:1;transition:stroke-dashoffset 0s ease-out, stroke .2s ease-out, fill .2s ease-out;}.elementor-896 .elementor-element.elementor-element-6a5eca7 > .elementor-element-populated{margin:0% 0% 0% 14%;--e-column-margin-right:0%;--e-column-margin-left:14%;padding:125px 0px 125px 0px;}.elementor-896 .elementor-element.elementor-element-d5448ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -28px) 0px;padding:0px 0px 0px 0px;z-index:1;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:25px;letter-spacing:1px;}.elementor-896 .elementor-element.elementor-element-17b40f5 > .elementor-widget-container{margin:0px 0px 3px 0px;padding:0% 0% 0% 0%;}.elementor-896 .elementor-element.elementor-element-17b40f5 .qodef-qi-highlight{text-align:left;color:#000000;font-family:"DM Sans", Sans-serif;font-size:70px;font-weight:500;line-height:78px;}.elementor-896 .elementor-element.elementor-element-17b40f5 .qodef-qi-highlight .qodef-highlight-text{color:#000000;}.elementor-896 .elementor-element.elementor-element-6abc355{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 13% 0% 0%;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-896 .elementor-element.elementor-element-7990240 > .elementor-widget-container{padding:9px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-7990240 .qodef-qi-button{font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:10px 40px 13px 40px;}.elementor-896 .elementor-element.elementor-element-7990240 .qodef-qi-button.qodef-layout--filled{background-color:#000000;}.elementor-896 .elementor-element.elementor-element-7990240 .qodef-qi-button.qodef-type--icon-boxed .qodef-m-text{padding:10px 40px 13px 40px;}.elementor-896 .elementor-element.elementor-element-7990240 .qodef-qi-button.qodef-type--icon-boxed .qodef-m-icon{padding:10px 0 13px;}.elementor-896 .elementor-element.elementor-element-906ea04:not(.elementor-motion-effects-element-type-background), .elementor-896 .elementor-element.elementor-element-906ea04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-896 .elementor-element.elementor-element-906ea04{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:70px;margin-bottom:132px;padding:0% 3.9% 0% 3.9%;}.elementor-896 .elementor-element.elementor-element-906ea04 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-896 .elementor-element.elementor-element-7067b21.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-896 .elementor-element.elementor-element-7067b21.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-896 .elementor-element.elementor-element-7067b21 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:140px 0px 140px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 0% 0% 18%;}.elementor-896 .elementor-element.elementor-element-7067b21 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-qi-swiper-container.qodef-pagination--inside > .swiper-pagination{bottom:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-swiper-pagination-outside{margin-top:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-container-vertical ~ .qodef-swiper-pagination-outside{margin-top:0;margin-left:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-qi-swiper-container.swiper-container-vertical > .swiper-pagination{bottom:auto;right:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-vertical ~ .qodef-swiper-pagination-outside{margin-top:0;margin-left:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-qi-swiper-container.swiper-vertical > .swiper-pagination{bottom:auto;right:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-container-horizontal > .swiper-pagination-bullets{left:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-container-horizontal ~ .swiper-pagination-bullets{left:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-container-horizontal > .swiper-pagination-bullets{width:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-container-horizontal ~ .swiper-pagination-bullets{width:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-container-vertical > .swiper-pagination-bullets{top:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-container-vertical ~ .swiper-pagination-bullets{top:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-container-vertical > .swiper-pagination-bullets{top:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-container-vertical ~ .swiper-pagination-bullets{top:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-horizontal > .swiper-pagination-bullets{left:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-horizontal ~ .swiper-pagination-bullets{left:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-horizontal > .swiper-pagination-bullets{width:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-horizontal ~ .swiper-pagination-bullets{width:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-vertical > .swiper-pagination-bullets{top:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--start.swiper-vertical ~ .swiper-pagination-bullets{top:21%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-vertical > .swiper-pagination-bullets{top:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination-alignment--end.swiper-vertical ~ .swiper-pagination-bullets{top:calc(100% - 21%);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-pagination-bullet{color:#111111;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;width:calc(7px*1.4);height:calc(7px*1.4);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-pagination-bullet-active{color:#FFFFFF;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-pagination-bullet:hover{color:#FFFFFF;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-pagination-bullet-active, .elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-pagination-bullet:hover{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-container-horizontal > .swiper-pagination-bullets{min-height:calc(7px*1.4);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-horizontal > .swiper-pagination-bullets{min-height:calc(7px*1.4);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 calc(26px*0.72/2);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:calc(26px*0.72/2) 0;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-swiper-pagination-outside .swiper-pagination-bullet{margin:0 calc(26px*0.72/2);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-container-vertical ~ .qodef-swiper-pagination-outside.swiper-pagination .swiper-pagination-bullet{margin:calc(26px*0.72/2) 0;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 calc(26px*0.72/2);}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:calc(26px*0.72/2) 0;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-vertical ~ .qodef-swiper-pagination-outside.swiper-pagination .swiper-pagination-bullet{margin:calc(26px*0.72/2) 0;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-pagination--vertical .swiper-pagination-bullets .swiper-pagination-bullet{margin:calc(26px*0.72/2) 0;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-e-quote{font-size:167px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-e-title{color:#FFFFFF;line-height:0px;margin-bottom:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-e-text{color:#FFFFFF;margin-bottom:21px;padding:0% 17% 0% 0%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-e-author-name{color:#FFFFFF;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-item-layout--side-quote .qodef-e-media-image{margin-right:0px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-item-layout--side-quote .qodef-e-quote{margin-right:6%;}.elementor-896 .elementor-element.elementor-element-e760ce5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-premium-addon-dual-header .premium-dual-header-first-span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-premium-addon-dual-header .premium-dual-header-second-header{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-dual-header .premium-dh-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-premium-addon-dual-header.premium-bg-text-yes .elementor-widget-container:before{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-896 .elementor-element.elementor-element-25655f6 .premium-dual-header-first-header span{display:inline;}.elementor-896 .elementor-element.elementor-element-25655f6{text-align:center;}.elementor-896 .elementor-element.elementor-element-d150a3c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-896 .elementor-element.elementor-element-a5d4ff5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-896 .elementor-element.elementor-element-a5d4ff5 .elementor-divider-separator{width:100%;}.elementor-896 .elementor-element.elementor-element-a5d4ff5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-896 .elementor-element.elementor-element-78b0ac3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(max-width:1024px) and (min-width:768px){.elementor-896 .elementor-element.elementor-element-9dd0faf{width:100%;}.elementor-896 .elementor-element.elementor-element-6a5eca7{width:100%;}}@media(max-width:1024px){.elementor-896 .elementor-element.elementor-element-e55f249{margin-top:-70px;margin-bottom:0px;}.elementor-896 .elementor-element.elementor-element-b094b00{padding:0% 8% 0% 8%;}.elementor-896 .elementor-element.elementor-element-d932fc3{margin-top:140px;margin-bottom:140px;padding:0% 8% 0% 8%;}.elementor-896 .elementor-element.elementor-element-ce1fe51 > .elementor-widget-container{padding:150px 0px 150px 0px;}.elementor-896 .elementor-element.elementor-element-ce1fe51 .qodef-qi-premium-button{padding:120px 120px 120px 120px;}.elementor-896 .elementor-element.elementor-element-6a5eca7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:50px 0px 2px 0px;}.elementor-896 .elementor-element.elementor-element-17b40f5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-6abc355{padding:0px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-7067b21 > .elementor-element-populated{margin:140px 0px 140px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 10% 0% 4%;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-qi-swiper-container.qodef-pagination--inside > .swiper-pagination{bottom:28px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-swiper-pagination-outside{margin-top:28px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-container-vertical ~ .qodef-swiper-pagination-outside{margin-top:0;margin-left:28px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-qi-swiper-container.swiper-container-vertical > .swiper-pagination{bottom:auto;right:28px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .swiper-vertical ~ .qodef-swiper-pagination-outside{margin-top:0;margin-left:28px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-qi-swiper-container.swiper-vertical > .swiper-pagination{bottom:auto;right:28px;}.elementor-896 .elementor-element.elementor-element-157b2c2 .qodef-e-text{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-896 .elementor-element.elementor-element-e55f249{margin-top:-70px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-10a9f3c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-896 .elementor-element.elementor-element-b094b00{padding:0px 30px 0px 30px;}.elementor-896 .elementor-element.elementor-element-e4c5a07 > .elementor-widget-container{margin:0px 0px 35px 0px;}.elementor-896 .elementor-element.elementor-element-e4c5a07 .qodef-qi-highlight{font-size:55px;line-height:60px;}.elementor-896 .elementor-element.elementor-element-d932fc3{padding:0px 30px 0px 30px;}.elementor-896 .elementor-element.elementor-element-ce1fe51 > .elementor-widget-container{padding:150px 0px 150px 0px;}.elementor-896 .elementor-element.elementor-element-ce1fe51 .qodef-qi-premium-button{padding:65px 65px 65px 65px;}.elementor-896 .elementor-element.elementor-element-17b40f5 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-896 .elementor-element.elementor-element-17b40f5 .qodef-qi-highlight{font-size:55px;line-height:60px;}.elementor-896 .elementor-element.elementor-element-7067b21 > .elementor-element-populated{margin:140px 0px 137px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 54px 0px 2.2px;}.elementor-896 .elementor-element.elementor-element-157b2c2 > .elementor-widget-container{padding:0px 16px 0px 16px;}}/* Start custom CSS for html, class: .elementor-element-8c2575f *//* === Capital Pride London — "Our Mission & Our Values" section ===
   Paste this ONCE into Appearance > Customize > Additional CSS.
   Pairs with mission-values-block.html (one HTML widget).
   Everything is scoped under .cpl-mv so it won't touch other pages. */

.cpl-mv{
  --cpl-blue:#1B6E96; --cpl-blue-dark:#14506e;
  --cpl-green:#D1FF11; --cpl-ink:#1d1d1d; --cpl-body:#5f5f5f;
  --cpl-line:#e7e7e7; --cpl-tint:#f5f9fb;
  --pp-red:#E40303; --pp-orange:#FF8C00; --pp-yellow:#FFED00;
  --pp-green:#008026; --pp-blue:#004DFF; --pp-purple:#750787;
  --pp-trans:#5BCEFA; --pp-pink:#F5A9B8; --pp-brown:#613915;
  --wrap:1140px;
}
.cpl-mv *{box-sizing:border-box;}
.cpl-mv .wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px;}

/* celebratory Progress-Pride hairline (bookends the section) */
.cpl-mv .prideline{height:6px;width:100%;border:0;margin:0;
  background:linear-gradient(90deg,
    var(--pp-red) 0 11.1%, var(--pp-orange) 0 22.2%, var(--pp-yellow) 0 33.3%,
    var(--pp-green) 0 44.4%, var(--pp-blue) 0 55.5%, var(--pp-purple) 0 66.6%,
    var(--pp-trans) 0 77.7%, var(--pp-pink) 0 88.8%, var(--pp-brown) 0 100%);}

/* shared type */
.cpl-mv .eyebrow{display:inline-block;font:700 .8rem/1 "DM Sans",sans-serif;
  letter-spacing:.18em;text-transform:uppercase;color:var(--cpl-blue);
  padding-bottom:7px;border-bottom:3px solid var(--cpl-green);margin:0 0 16px;}
.cpl-mv h2{font:800 clamp(2rem,4.4vw,3rem)/1.05 "DM Sans",sans-serif;
  color:var(--cpl-blue);letter-spacing:-.015em;margin:0;}
.cpl-mv mark{background:var(--cpl-green);color:#111;padding:0 8px;border-radius:4px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}

/* ---------------- MISSION (editorial split panel) ---------------- */
.cpl-mv .mission{padding:54px 0 12px;}
.cpl-mv .mission__panel{display:grid;grid-template-columns:0.92fr 1.08fr;gap:44px;align-items:start;
  background:var(--cpl-tint);border:1px solid var(--cpl-line);border-radius:22px;padding:44px 48px;}
.cpl-mv .mission__head h2{font-size:clamp(2.1rem,4.4vw,3.2rem);}
.cpl-mv .mvflag{display:flex;height:6px;width:150px;border-radius:5px;overflow:hidden;margin:22px 0 0;}
.cpl-mv .mvflag span{flex:1;}
.cpl-mv .mvflag span:nth-child(1){background:var(--pp-red);}
.cpl-mv .mvflag span:nth-child(2){background:var(--pp-orange);}
.cpl-mv .mvflag span:nth-child(3){background:var(--pp-yellow);}
.cpl-mv .mvflag span:nth-child(4){background:var(--pp-green);}
.cpl-mv .mvflag span:nth-child(5){background:var(--pp-blue);}
.cpl-mv .mvflag span:nth-child(6){background:var(--pp-purple);}
.cpl-mv .mission__lede{font:500 1.3rem/1.5 "Roboto",sans-serif;color:var(--cpl-ink);margin:0 0 14px;}
.cpl-mv .mission__body{font-size:1.06rem;line-height:1.7;color:var(--cpl-body);margin:0;}

/* ---------------- VALUES ---------------- */
.cpl-mv .values{padding:46px 0 60px;}
.cpl-mv .shead{text-align:center;max-width:62ch;margin:0 auto 6px;}
.cpl-mv .shead .sub{font-size:1.1rem;line-height:1.6;color:var(--cpl-body);margin:16px auto 0;max-width:58ch;}

.cpl-mv .grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:40px;}
.cpl-mv .card{flex:1 1 300px;max-width:344px;position:relative;background:#fff;
  border:1px solid var(--cpl-line);border-radius:18px;overflow:hidden;
  box-shadow:0 6px 22px rgba(20,80,110,.06);
  transition:transform .18s ease, box-shadow .18s ease;display:flex;flex-direction:column;}
.cpl-mv .card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(20,80,110,.15);}
.cpl-mv .card__bar{height:7px;width:100%;background:var(--accent);}
.cpl-mv .card__body{padding:26px 24px 28px;}
.cpl-mv .chip{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;
  justify-content:center;background:var(--accent);margin:0 0 16px;
  box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 38%,transparent);}
.cpl-mv .chip svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;}
.cpl-mv .chip svg .fill{fill:#fff;stroke:none;}
.cpl-mv .card h3{font:700 1.28rem/1.2 "DM Sans",sans-serif;color:var(--cpl-blue);margin:0 0 10px;}
.cpl-mv .card p{font-size:1rem;line-height:1.6;color:var(--cpl-body);margin:0;}

/* accent per card (rainbow sweep across the row) */
.cpl-mv .card.c1{--accent:var(--pp-red);}
.cpl-mv .card.c2{--accent:var(--pp-orange);}
.cpl-mv .card.c3{--accent:var(--pp-green);}
.cpl-mv .card.c4{--accent:var(--pp-blue);}
.cpl-mv .card.c5{--accent:var(--pp-purple);}

@media (max-width:860px){
  .cpl-mv .mission{padding:42px 0 6px;}
  .cpl-mv .mission__panel{grid-template-columns:1fr;gap:18px;padding:30px 26px;}
  .cpl-mv .mvflag{margin:18px 0 4px;}
}

/* graceful fallback: older browsers without color-mix just get no chip glow */
@supports not (background:color-mix(in srgb,red 50%,transparent)){
  .cpl-mv .chip{box-shadow:0 8px 18px rgba(0,0,0,.18);}
}/* End custom CSS */