/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/paragraph/callout-header/component/callout-header.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.paragraph--callout-header, .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image {
  margin-left: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
  margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
}

.paragraph--callout-header .paragraph__content {
  padding-left: var(--safe-area-inline);
  padding-right: var(--safe-area-inline);
  max-width: 1440px;
  margin: 0 auto;
}

.paragraph--callout-header .paragraph__links a {
  display: inline;
  background-image: linear-gradient(0deg, var(--animate-underline-gradient-color-1, currentColor) 0%, var(--animate-underline-gradient-color-2, var(--animate-underline-gradient-color-1, currentColor)) 100%);
  background-size: var(--animate-underline-background-size-width, 0%) var(--animate-underline-background-size-height, 1px);
  background-repeat: no-repeat;
  background-position: var(--animate-underline-background-position-x, left) bottom;
  transition: all 200ms ease-in-out;
}
.paragraph--callout-header .paragraph__links a:hover {
  --animate-underline-background-size-height: var(--animate-underline-background-size-height-hover);
  --animate-underline-background-size-width: var(--animate-underline-background-size-width-hover, 100%);
}

.paragraph--callout-header .paragraph__body {
  --p-font-family: YaleNew;
  --p-font-size: clamp(1.333rem, 1.2643255321rem + 0.3815248216vw, 1.5390234037rem);
  --p-line-height: 1.333;
}

.paragraph--callout-header .paragraph__cta-link a {
  background-color: var(--cta-primary-background-color);
  border: 2px solid var(--cta-primary-border-color, #101f5b);
  border-radius: 1em;
  color: var(--cta-primary-color, #4a4a4a);
  display: inline-block;
  font-weight: 800;
  line-height: 1;
  padding: 0.75em 1.5em;
}
.paragraph--callout-header .paragraph__cta-link a:hover, .paragraph--callout-header .paragraph__cta-link a:focus {
  background-color: var(--cta-primary-background-color-hover, var(--cta-primary-background-color, #101f5b));
  color: var(--cta-primary-color-hover, var(--cta-primary-color, #ffffff));
}

.paragraph--callout-header {
  position: relative;
  overflow: hidden;
}
.paragraph--callout-header .paragraph__content {
  position: relative;
  height: 100%;
}
.paragraph--callout-header .paragraph__pre-title {
  font-size: 0.7501875469rem;
  font-weight: 800;
  margin-bottom: 0.5em;
}
.paragraph--callout-header .paragraph__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  color: #f9f9f9;
  grid-area: head;
  padding-block: 63.1466903664px 47.37186074px;
  align-self: center;
}
.paragraph--callout-header .paragraph__header > * + *:not(h1) {
  margin-top: 35.53778px;
}
.paragraph--callout-header .paragraph__heading {
  --heading-color: #f9f9f9;
  --heading-line-height: 1;
  --heading-font-size: clamp(2.368593037rem, 1.7552150784rem + 3.4076553258vw, 4.2087269129rem);
  --heading-font-family: YaleNew;
  --heading-font-weight: 400;
}
.paragraph--callout-header .paragraph__image {
  --img-width: 100%;
  --img-height: 100%;
  --img-object-fit: cover;
  --img-position: absolute;
  inset: 0;
}
.paragraph--callout-header .paragraph__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(27, 52, 153, 0.8);
}
.paragraph--callout-header .paragraph__cta-link a {
  --cta-primary-border-color: #f9f9f9;
  --cta-primary-color: #f9f9f9;
  --cta-primary-background-color-hover: #f9f9f9;
  --cta-primary-color-hover: #101f5b;
}
.paragraph--callout-header .paragraph__links {
  font-size: 0.7501875469rem;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.75em;
}
.paragraph--callout-header .paragraph__links a {
  --animate-underline-background-size-width: 100%;
  --animate-underline-background-size-height: 0;
  --animate-underline-background-size-height-hover: 2px;
  --a-color: #ffffff;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__content {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 700px;
  grid-template-areas: "head" "ic1" "ic2";
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content {
  display: grid;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: ic1;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--2 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: ic2;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-title {
  grid-row: 1/-1;
  grid-column: 1/-1;
  align-self: center;
  padding-block: 84.1745382584px;
  position: relative;
  pointer-events: none;
  font-weight: 800;
  color: #ffffff;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-icon {
  margin-top: 20px;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image {
  position: relative;
  height: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  overflow: hidden;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image a {
  --a-position: absolute;
  inset: 0;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(16, 31, 91, 0.6);
  pointer-events: none;
  transition: all 500ms ease-in-out;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image a:hover img, .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image a:focus img {
  filter: blur(0);
  scale: 1.05;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image a:hover::after, .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image a:focus::after {
  background: rgba(16, 31, 91, 0.7);
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__inset-image img {
  --img-width: 100%;
  --img-height: 100%;
  --img-object-fit: cover;
  position: absolute;
  inset: 0;
  filter: blur(2px);
  transition: all 500ms ease-in-out;
}
.paragraph--callout-header.paragraph--has-related-content .paragraph__image {
  --img-width: 100%;
  --img-height: 62%;
}
@media (min-width: 48em) {
  .paragraph--callout-header.paragraph--has-related-content .paragraph__image {
    --img-width: 100%;
    --img-height: 72%;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__content {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "head head" "ic1  ic2";
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 .paragraph__inset-image {
    margin-right: 0;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 .paragraph__inset-title {
    padding-right: 35.53778px;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--2 .paragraph__inset-image {
    margin-left: 0;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--2 .paragraph__inset-title {
    padding-left: 35.53778px;
  }
  .paragraph--callout-header .paragraph__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 72em) {
  .paragraph--callout-header.paragraph--has-related-content .paragraph__image {
    --img-width: 68%;
    --img-height: 100%;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__content {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "head head head head head head . . ic1 ic1 ic1 ic1" "head head head head head head . . ic2 ic2 ic2 ic2";
    grid-template-rows: 1fr 1fr;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 .paragraph__inset-image {
    margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
    margin-left: 0;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 .paragraph__inset-title {
    padding-right: 0;
    padding-left: 35.53778px;
  }
  .paragraph--callout-header .paragraph__header {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--1 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
  }
  .paragraph--callout-header.paragraph--has-related-content .paragraph__inset-content--2 {
    -ms-grid-row: 2;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
  }
}