.elementor-63224 .elementor-element.elementor-element-183ba133{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-63224 .elementor-element.elementor-element-7256c814{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-63224 .elementor-element.elementor-element-567a60d8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63224 .elementor-element.elementor-element-6c046a77{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-63224 .elementor-element.elementor-element-5ac4c58e > .elementor-widget-container{padding:0px 0px 13px 0px;}.elementor-63224 .elementor-element.elementor-element-5ac4c58e .elementor-icon-list-icon{width:14px;}.elementor-63224 .elementor-element.elementor-element-5ac4c58e .elementor-icon-list-icon i{font-size:14px;}.elementor-63224 .elementor-element.elementor-element-5ac4c58e .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-63224 .elementor-element.elementor-element-4d071e33{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-63224 .elementor-element.elementor-element-6eb168b7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-63224 .elementor-element.elementor-element-6eb168b7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.8em;font-weight:600;line-height:44px;letter-spacing:0.1rem;}.elementor-63224 .elementor-element.elementor-element-3bda60b0{--display:flex;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-63224 .elementor-element.elementor-element-5e530c7 .elementor-widget-container{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;color:#334155;}.elementor-63224 .elementor-element.elementor-element-d510407{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63224 .elementor-element.elementor-element-25d07c1a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63224 .elementor-element.elementor-element-7c81a95b .elementor-icon-list-icon{width:14px;}.elementor-63224 .elementor-element.elementor-element-7c81a95b .elementor-icon-list-icon i{font-size:14px;}.elementor-63224 .elementor-element.elementor-element-7c81a95b .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-63224 .elementor-element.elementor-element-17ccc98a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63224 .elementor-element.elementor-element-17ccc98a:not(.elementor-motion-effects-element-type-background), .elementor-63224 .elementor-element.elementor-element-17ccc98a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-63224 .elementor-element.elementor-element-4ebc66f0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-63224 .elementor-element.elementor-element-4ebc66f0 img{width:100%;max-width:100%;height:320px;object-fit:cover;object-position:center center;}.elementor-63224 .elementor-element.elementor-element-337c1576{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-63224 .elementor-element.elementor-element-337c1576:not(.elementor-motion-effects-element-type-background), .elementor-63224 .elementor-element.elementor-element-337c1576 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-63224 .elementor-element.elementor-element-46d3f96a{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-63224 .elementor-element.elementor-element-23bc8d55 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-63224 .elementor-element.elementor-element-23bc8d55 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-63224 .elementor-element.elementor-element-23bc8d55{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-63224 .elementor-element.elementor-element-23bc8d55 .elementor-icon-list-text{transition:color 0.3s;}.elementor-63224 .elementor-element.elementor-element-25a118fc{--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;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-63224 .elementor-element.elementor-element-25a118fc:not(.elementor-motion-effects-element-type-background), .elementor-63224 .elementor-element.elementor-element-25a118fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-63224 .elementor-element.elementor-element-25a118fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-63224 .elementor-element.elementor-element-2434d3a3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-63224 .elementor-element.elementor-element-2434d3a3{color:#CC8200;}.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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.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-63224 .elementor-element.elementor-element-2a4bfb90{--divider-border-style:solid;--divider-color:#CBD5E1;--divider-border-width:1px;}.elementor-63224 .elementor-element.elementor-element-2a4bfb90 .elementor-divider-separator{width:720px;margin:0 auto;margin-center:0;}.elementor-63224 .elementor-element.elementor-element-2a4bfb90 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-63224 .elementor-element.elementor-element-2e4cc013{--display:flex;}.elementor-63224 .elementor-element.elementor-element-3b59fc24{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63224 .elementor-element.elementor-element-26f86e7d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-63224 .elementor-element.elementor-element-48da6698 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-63224 .elementor-element.elementor-element-48da6698 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-63224 .elementor-element.elementor-element-48da6698{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-63224 .elementor-element.elementor-element-48da6698 .elementor-icon-list-text{transition:color 0.3s;}.elementor-63224 .elementor-element.elementor-element-1de48a16{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-63224 .elementor-element.elementor-element-1de48a16::before, .elementor-63224 .elementor-element.elementor-element-1de48a16 > .elementor-background-video-container::before, .elementor-63224 .elementor-element.elementor-element-1de48a16 > .e-con-inner > .elementor-background-video-container::before, .elementor-63224 .elementor-element.elementor-element-1de48a16 > .elementor-background-slideshow::before, .elementor-63224 .elementor-element.elementor-element-1de48a16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-63224 .elementor-element.elementor-element-1de48a16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F1F5F9;--background-overlay:'';}.elementor-63224 .elementor-element.elementor-element-146a3ffb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-63224 .elementor-element.elementor-element-146a3ffb{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;letter-spacing:0.4px;color:#CC8200;}.elementor-63224 .elementor-element.elementor-element-50260417 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-63224 .elementor-element.elementor-element-50260417{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:1.2em;color:#0D2B55;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-63224 .elementor-element.elementor-element-4dff361b{--grid-columns:3;}@media(min-width:768px){.elementor-63224 .elementor-element.elementor-element-183ba133{--content-width:1280px;}.elementor-63224 .elementor-element.elementor-element-7256c814{--content-width:1440px;}.elementor-63224 .elementor-element.elementor-element-567a60d8{--width:65%;}.elementor-63224 .elementor-element.elementor-element-17ccc98a{--width:100%;}.elementor-63224 .elementor-element.elementor-element-337c1576{--content-width:1440px;}.elementor-63224 .elementor-element.elementor-element-46d3f96a{--width:60px;}.elementor-63224 .elementor-element.elementor-element-25a118fc{--width:100%;}.elementor-63224 .elementor-element.elementor-element-3b59fc24{--content-width:720px;}.elementor-63224 .elementor-element.elementor-element-26f86e7d{--width:100%;}.elementor-63224 .elementor-element.elementor-element-1de48a16{--content-width:1029px;}}@media(max-width:1024px){.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-63224 .elementor-element.elementor-element-6eb168b7 .elementor-heading-title{font-size:2rem;}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-63224 .elementor-element.elementor-element-4dff361b{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-63224 .elementor-element.elementor-element-6eb168b7 .elementor-heading-title{font-size:32px;line-height:1.2em;letter-spacing:-0.1px;}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-63224 .elementor-element.elementor-element-4dff361b{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-183ba133 *//* Clear the site header, which is position:absolute and overlays the top of the page.
   Header box measured at 1440x900: 0,0 1425x93. Breadcrumb sat at y=14, fully covered.
   95px puts it at 109 = 93 header + 16 gap, the same clearance used site-wide.
   Mobile header is 71px, so 73px puts the bar at 87 to match. */
.elementor-63224 .elementor-element.elementor-element-183ba133 {
  padding-top: 95px !important;
}

@media (max-width: 767px) {
  .elementor-63224 .elementor-element.elementor-element-183ba133 {
    padding-top: 73px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567a60d8 *//* ==================================================================
   PASTE INTO: container "hero-inner"  ->  Advanced -> Custom CSS
   Select all (Ctrl+A) in this file, copy, paste. Nothing else.
   ================================================================== */

/* ---- hero: the column itself ---- */
.elementor-63224 .elementor-element.elementor-element-567a60d8 {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 0 32px;
}

/* ---- category + pillar chips ----------------------------------------
   Kingsford's stylesheet styles .kh-cat as the chip itself - a small
   <span> in his HTML. Here the class sits on the whole Post Info widget,
   and Elementor forces widgets to full width, so his grey background and
   padding stretch into a band behind the chips.

   These first rules put the widget back to being a plain wrapper. The
   chips are then drawn on the links inside it instead.                */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat,
.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat > .elementor-widget-container {
  display: block !important;
  background: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  letter-spacing: normal !important;
}

.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat li {
  margin: 0 !important;
  padding: 0 !important;
}
/* font-size:0 hides the comma Elementor puts between terms;
   the chips get their size back on the rule below */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat .elementor-post-info__item {
  font-size: 0 !important;
}
.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat .elementor-post-info__item a {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 5px 10px !important;
  margin-right: 6px !important;
  border-radius: 2px !important;
  background: #EAF0F8 !important;
  color: #0D2B55 !important;
}
/* second row of terms = the pillar, in teal so it reads differently */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .kh-cat li:nth-child(2) .elementor-post-info__item a {
  background: #DCF8F8 !important;
  color: #086060 !important;
}

/* ---- headline ---- */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-title h1,
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-title .elementor-heading-title {
  font-size: clamp(29px, 5vw, 46px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: #0D2B55;
  margin: 0;
}

/* ---- standfirst ---- */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-standfirst,
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-standfirst p {
  font-size: 19px;
  line-height: 1.5;
  color: #4D5057;
  margin: 0;
  max-width: 620px;
}

/* ---- byline ---------------------------------------------------------
   The navy circle is a <div class="xen-avatar"> that the byline script
   inserts as the FIRST CHILD of the Post Info widget.

   The circle rules use "> .xen-avatar" (direct child) deliberately: that
   can only ever match the injected div, never the widget itself, so
   typing the class into a CSS Classes box can't collapse the byline.  */

/* The Author container is set to "space-between" and its parent to
   "center" in the editor, which pushes the byline to the middle. These
   pull the whole row back to the left, in line with the headline.     */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .e-con:has(.art-byline__who) {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* the row: circle left, name and date right */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  align-self: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* the text block takes the remaining width, or the name wraps
   one word per line next to the circle */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who > .elementor-widget-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

/* the circle itself */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who > .xen-avatar {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(150deg, #0D2B55 0%, #15396B 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

/* name on line 1, role + date on line 2 */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who li {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who .elementor-post-info__item--type-author {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0D2B55 !important;
}
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who .elementor-post-info__item--type-author a {
  color: inherit !important;
  text-decoration: none !important;
}
.elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who .elementor-post-info__item--type-date {
  font-size: 13px !important;
  color: #6B6F75 !important;
}
/* the job title, also added by the script - sits before the date */
.elementor-63224 .elementor-element.elementor-element-567a60d8 .xen-role::after {
  content: " · ";
  color: #C7CACE;
}

@media (max-width: 767px) {
  .elementor-63224 .elementor-element.elementor-element-567a60d8 {
    padding: 0 0 24px;
  }
  .elementor-63224 .elementor-element.elementor-element-567a60d8 .art-standfirst,
  .elementor-63224 .elementor-element.elementor-element-567a60d8 .art-standfirst p {
    font-size: 17px;
  }
  .elementor-63224 .elementor-element.elementor-element-567a60d8 .art-byline__who li {
    white-space: normal !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7256c814 */.elementor-63224 .elementor-element.elementor-element-7256c814 .elementor-icon-list-text,
.elementor-63224 .elementor-element.elementor-element-7256c814 .elementor-post-info__item {
  font-family: "Inter", sans-serif !important;
}
.elementor-63224 .elementor-element.elementor-element-7256c814 li:first-child .elementor-icon-list-text {
  font-size: 17px !important;
  font-weight: 600 !important;
}
.elementor-63224 .elementor-element.elementor-element-7256c814 li:nth-child(2) .elementor-icon-list-text {
  font-size: 15px !important;
}
.elementor-63224 .elementor-element.elementor-element-7256c814 li {
  line-height: 1.4 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25a118fc *//* ==================================================================

   PASTE INTO: container "post-content-container" -> Advanced -> Custom CSS

   Select all (Ctrl+A) in this file, copy, paste. Nothing else.

   ================================================================== */



/* ---- the column ---- */

.elementor-63224 .elementor-element.elementor-element-25a118fc {

  max-width: 720px;

  margin: 0 auto;

  padding: 8px 0 56px;

}



/* ---- strip Elementor's own spacing ----------------------------------

   Every paragraph and heading in a post is its own widget in its own

   container. Site Settings adds 1em padding and 1rem gap to each one,

   which lands on top of the margins below and opens the gaps up.

   Elementor applies that through CSS variables, so the variables are

   zeroed here as well as the properties. Left and right padding is

   left alone so text never touches the screen edge on a phone.        */

.elementor-63224 .elementor-element.elementor-element-25a118fc .e-con,

.elementor-63224 .elementor-element.elementor-element-25a118fc .e-con-inner,

.elementor-63224 .elementor-element.elementor-element-25a118fc .elementor-element,

.elementor-63224 .elementor-element.elementor-element-25a118fc .elementor-widget,

.elementor-63224 .elementor-element.elementor-element-25a118fc .elementor-widget-container {

  --padding-top: 0px;

  --padding-bottom: 0px;

  --padding-block-start: 0px;

  --padding-block-end: 0px;

  --margin-top: 0px;

  --margin-bottom: 0px;

  --gap: 0px;

  --row-gap: 0px;

  --widgets-spacing: 0px;

  --widgets-spacing-row: 0px;

  padding-top: 0;

  padding-bottom: 0;

  margin-top: 0;

  margin-bottom: 0;

  row-gap: 0;

}



/* ---- body copy ---- */

.elementor-63224 .elementor-element.elementor-element-25a118fc p {

  font-size: 18px;

  line-height: 1.75;

  color: #333C3C;

  margin: 0 0 26px;

}



/* ---- headings ---- */

.elementor-63224 .elementor-element.elementor-element-25a118fc h2 {

  font-size: 27px;

  line-height: 1.2;

  letter-spacing: -0.02em;

  font-weight: 700;

  color: #0D2B55;

  margin: 48px 0 16px;

}

.elementor-63224 .elementor-element.elementor-element-25a118fc h3 {

  font-size: 19px;

  line-height: 1.35;

  font-weight: 700;

  color: #0D2B55;

  margin: 34px 0 12px;

}

/* nothing should push the very top of the article down */

.elementor-63224 .elementor-element.elementor-element-25a118fc > .elementor-element:first-child h2,

.elementor-63224 .elementor-element.elementor-element-25a118fc > .elementor-element:first-child h3 {

  margin-top: 0;

}



/* ---- bullet lists: amber square markers ---- */

.elementor-63224 .elementor-element.elementor-element-25a118fc ul {

  margin: 0 0 26px;

  padding: 0;

  list-style: none;

}

.elementor-63224 .elementor-element.elementor-element-25a118fc ul li {

  position: relative;

  padding-left: 30px;

  margin: 0 0 12px;

  font-size: 18px;

  line-height: 1.6;

  color: #333C3C;

}

.elementor-63224 .elementor-element.elementor-element-25a118fc ul li::before {

  content: "";

  position: absolute;

  left: 4px;

  top: 12px;

  width: 7px;

  height: 7px;

  background: #FFA300;

}



/* ---- links and bold ---- */

.elementor-63224 .elementor-element.elementor-element-25a118fc a {

  color: #0D2B55;

  font-weight: 500;

  text-decoration: none;

  border-bottom: 1.5px solid #FFA300;

}

.elementor-63224 .elementor-element.elementor-element-25a118fc a:hover {

  background: rgba(255, 163, 0, 0.12);

}

.elementor-63224 .elementor-element.elementor-element-25a118fc strong,

.elementor-63224 .elementor-element.elementor-element-25a118fc b {

  color: #0D2B55;

  font-weight: 700;

}



@media (max-width: 767px) {

  .elementor-63224 .elementor-element.elementor-element-25a118fc {

    padding: 8px 0 40px;

  }

  .elementor-63224 .elementor-element.elementor-element-25a118fc p,

  .elementor-63224 .elementor-element.elementor-element-25a118fc ul li {

    font-size: 17px;

    line-height: 1.68;

    margin-bottom: 22px;

  }

  .elementor-63224 .elementor-element.elementor-element-25a118fc h2 {

    font-size: 25px;

    margin: 40px 0 14px;

  }

  .elementor-63224 .elementor-element.elementor-element-25a118fc h3 {

    font-size: 18px;

    margin-top: 30px;

  }

}

/* 18 Oct: Inter + heading sizes from the design, forced over live's old styles; H3 semi-bold (Sarah) */
.elementor-63224 .elementor-element.elementor-element-25a118fc,
.elementor-63224 .elementor-element.elementor-element-25a118fc p,
.elementor-63224 .elementor-element.elementor-element-25a118fc li,
.elementor-63224 .elementor-element.elementor-element-25a118fc blockquote,
.elementor-63224 .elementor-element.elementor-element-25a118fc h2,
.elementor-63224 .elementor-element.elementor-element-25a118fc h3,
.elementor-63224 .elementor-element.elementor-element-25a118fc h4,
.elementor-63224 .elementor-element.elementor-element-25a118fc h5 {
  font-family: "Inter", sans-serif !important;
}
.elementor-63224 .elementor-element.elementor-element-25a118fc h2 {
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}
.elementor-63224 .elementor-element.elementor-element-25a118fc h3 {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
}
@media (max-width: 767px) {
  .elementor-63224 .elementor-element.elementor-element-25a118fc h2 { font-size: 25px !important; }
  .elementor-63224 .elementor-element.elementor-element-25a118fc h3 { font-size: 18px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-337c1576 *//* ==================================================================
   PASTE INTO: container "Article body"  ->  Advanced -> Custom CSS
   (the OUTER one, the parent of share-rail and post-content-container)
   ================================================================== */

/* ---- three columns: margin | text | margin ---------------------------
   The grid goes on ".e-con-inner", not on the section itself. "Article
   body" is a BOXED container, so Elementor wraps its children in an
   inner div — putting the grid on the outer element gives a one-column
   grid holding that single wrapper, and the rail just stacks above the
   text. This targets the element that actually holds the children.

   The text column stays 720px, centred on the page, so nothing about
   the article body moves. The rail sits in the left margin, which was
   empty space anyway.                                                */
.elementor-63224 .elementor-element.elementor-element-337c1576 > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr minmax(0, 720px) 1fr !important;
  align-items: start !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  --gap: 0px;
  --row-gap: 0px;
}

/* everything sits in the middle column by default ... */
.elementor-63224 .elementor-element.elementor-element-337c1576 > .e-con-inner > * {
  grid-column: 2;
}

/* ... except the rail, which moves out into the left margin.
   Matched by what's inside it rather than by its own class, because
   custom classes don't render on containers on this site.           */
.elementor-63224 .elementor-element.elementor-element-337c1576 > .e-con-inner > .e-con:has(.art-share__btns) {
  grid-column: 1;
  justify-self: end;
  width: auto !important;
  padding-right: 44px;
  position: sticky;
  top: 104px;
}

/* ---- DELEN ---- */
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__label,
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__label .elementor-heading-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6B6F75;
  margin: 0 0 14px !important;
  white-space: nowrap;
}

/* ---- the buttons ---- */
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns li {
  margin: 0;
  padding: 0;
}
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns a {
  position: relative;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid #E0E2E5;
  border-radius: 2px;
  color: #4D5057;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns a:hover {
  border-color: #0D2B55;
  color: #0D2B55;
  background: #F8F8F7;
}
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns svg,
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns i {
  width: 17px;
  height: 17px;
  font-size: 16px;
  color: inherit;
  fill: currentColor;
}
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns .elementor-icon-list-icon {
  margin: 0 !important;
  padding: 0 !important;
}

/* the words LinkedIn / E-mail / Kopieer link stay in the page for
   screen readers, but are not shown - the icon carries the meaning */
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns .elementor-icon-list-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap !important;
  padding: 0 !important;
}

/* ---- "Gekopieerd" confirmation on the copy-link button ---- */
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns a.is-copied {
  border-color: #0D2B55;
  color: #0D2B55;
  background: #F8F8F7;
}
.elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns a.is-copied::after {
  content: "Gekopieerd";
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  background: #0D2B55;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 5px 9px;
  border-radius: 2px;
  white-space: nowrap;
  pointer-events: none;
}

/* ---- narrow screens: the rail goes horizontal, above the text ---- */
@media (max-width: 1100px) {
  .elementor-63224 .elementor-element.elementor-element-337c1576 > .e-con-inner {
    display: block !important;
  }
  .elementor-63224 .elementor-element.elementor-element-337c1576 > .e-con-inner > .e-con:has(.art-share__btns) {
    position: static;
    padding: 0 0 22px;
    width: 100% !important;
  }
  .elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns ul {
    flex-direction: row;
  }
  .elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__label,
  .elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__label .elementor-heading-title {
    margin-bottom: 10px !important;
  }
  .elementor-63224 .elementor-element.elementor-element-337c1576 .art-share__btns a.is-copied::after {
    left: 50%;
    top: 48px;
    transform: translateX(-50%);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26f86e7d *//* ==================================================================
   PASTE INTO: container "author-bio-box"  ->  Advanced -> Custom CSS
   Select all (Ctrl+A) in this file, copy, paste. Nothing else.
   ================================================================== */

/* ---- the box --------------------------------------------------------
   The circle is taken out of the flow and pinned to the top-left, and
   the box carries a wide left padding to leave room for it. Everything
   else simply stacks. (An earlier version used a CSS grid; the circle
   was told to span "1 / -1", but -1 means the last line of the EXPLICIT
   grid, and no rows were ever declared - so it collapsed into row one
   and stretched that row to 62px, which is what opened the gap under
   GESCHREVEN DOOR.)                                                   */
.elementor-63224 .elementor-element.elementor-element-26f86e7d {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  --row-gap: 0px;
  --gap: 0px;
  background: #F5F6F7 !important;
  border: 1px solid #E6E8EA !important;
  padding: 26px 28px 26px 110px !important;  /* 28 + 62 circle + 20 gap */
  margin: 8px 0 48px !important;
}

/* the initials circle, drawn by the byline script */
.elementor-63224 .elementor-element.elementor-element-26f86e7d > .xen-avatar {
  position: absolute;
  top: 26px;
  left: 28px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(150deg, #0D2B55 0%, #15396B 100%);
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
}

/* ---- vertical rhythm -------------------------------------------------
   Elementor puts margins on the widget AND on the heading inside it, so
   every line is pinned here rather than left to inherit. To change the
   spacing between two lines, edit the four numbers in this block only. */
.elementor-63224 .elementor-element.elementor-element-26f86e7d > .elementor-element {
  width: 100%;
  margin: 0 !important;
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-eyebrow .elementor-widget-container,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-name .elementor-widget-container,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-text .elementor-widget-container,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-eyebrow .elementor-heading-title,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-name .elementor-heading-title {
  margin: 0 !important;
}

.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-eyebrow  { margin-bottom: 5px !important; }
.elementor-63224 .elementor-element.elementor-element-26f86e7d .xen-bio-role { margin: 2px 0 0 !important; }
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-text     { margin-top: 12px !important; }
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links    { margin-top: 14px !important; }

/* ---- GESCHREVEN DOOR ---- */
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-eyebrow,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-eyebrow .elementor-heading-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
  color: #B45309;
}

/* ---- name ---- */
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-name,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-name .elementor-heading-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  color: #0D2B55;
}

/* ---- role line, also added by the script ---- */
.elementor-63224 .elementor-element.elementor-element-26f86e7d .xen-bio-role {
  font-size: 14px;
  line-height: 1.4;
  color: #6B6F75;
}

/* ---- bio text (from the author's WordPress profile) ---- */
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-text,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-text p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #4D5057;
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-text p {
  margin: 0 !important;
}
/* an author with no Biografische info filled in shouldn't leave a gap */
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-text:has(.elementor-widget-container:empty) {
  display: none;
}

/* ---- e-mail + linkedin ----
   The two "src" widgets print this author's e-mail address and Website
   field from their WordPress profile. They exist only so the script can
   read them, so they're hidden - but not with display:none, which would
   stop them rendering their text at all.                              */
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-src-email,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-src-linkedin {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links li {
  margin: 0;
  padding: 0;
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #0D2B55;
  text-decoration: none;
  border-bottom: 1.5px solid #B45309;
  padding-bottom: 1px;
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links a:hover {
  background: rgba(180, 83, 9, 0.10);
}
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links svg,
.elementor-63224 .elementor-element.elementor-element-26f86e7d .bio-links i {
  color: #0D2B55;
  font-size: 14px;
  width: 15px;
  height: 15px;
}

@media (max-width: 767px) {
  .elementor-63224 .elementor-element.elementor-element-26f86e7d {
    padding: 22px 20px 22px 84px !important;  /* 20 + 50 circle + 14 gap */
  }
  .elementor-63224 .elementor-element.elementor-element-26f86e7d > .xen-avatar {
    top: 22px;
    left: 20px;
    width: 50px;
    height: 50px;
    font-size: 16px;
  }
}

/* 18 Oct: everything in the bio box in Inter (live kit = Gill Sans) */
.elementor-63224 .elementor-element.elementor-element-26f86e7d,
.elementor-63224 .elementor-element.elementor-element-26f86e7d * {
  font-family: "Inter", sans-serif !important;
}/* End custom CSS */