/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/blocks/pg-hero.pcss ***!
  \*************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.block-pg-hero.hero-light .hero-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  row-gap: calc(var(--spacing, 0.25rem) * 3);
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light .hero-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light .image-container {
    grid-column: span 6 / span 6;
  }
}
.block-pg-hero.hero-light .image-container .image-frame {
  height: 380px;
  overflow: hidden;
}
@media (width >= 40rem) {
  .block-pg-hero.hero-light .image-container .image-frame {
    height: 480px;
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light .image-container .image-frame {
    height: 520px;
    border-radius: var(--radius-2xl, 1rem);
  }
}
@media (width >= 64rem) {}
.block-pg-hero.hero-light .mission-container {
  z-index: 10;
  margin-top: -18vh;
}
@media (width < 64rem) {
  .block-pg-hero.hero-light .mission-container {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light .mission-container {
    grid-column: span 6 / span 6;
    margin-top: 0px;
    margin-top: -40px;
    margin-left: calc(var(--spacing, 0.25rem) * -28);
  }
}
@media (width >= 64rem) {}
@media (width >= 64rem) {}
@media (width >= 64rem) {}
.block-pg-hero.hero-light .mission-bg {
  border-radius: var(--radius-2xl, 1rem);
  border-bottom-right-radius: var(--radius-shift);
  background-color: var(--color-white);
  padding: calc(var(--spacing, 0.25rem) * 4);
  --tw-shadow: var(--shadow-low);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (width < 64rem) {
  .block-pg-hero.hero-light .mission-bg {
    margin-inline: auto;
    max-width: 720px;
  }
}
@media (width < 64rem) {}
@media (width >= 40rem) {
  .block-pg-hero.hero-light .mission-bg {
    padding: calc(var(--spacing, 0.25rem) * 10);
  }
}
@media (width >= 48rem) {
  .block-pg-hero.hero-light .mission-bg {
    padding: calc(var(--spacing, 0.25rem) * 12);
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light .mission-bg {
    padding: calc(var(--spacing, 0.25rem) * 8);
  }
}
.block-pg-hero.hero-light .photo-caption {
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
}
@media (width < 64rem) {
  .block-pg-hero.hero-light .photo-caption {
    margin-inline: calc(var(--spacing, 0.25rem) * 8);
    margin-top: calc(var(--spacing, 0.25rem) * 3);
  }
}
@media (width < 64rem) {}
@media (width >= 64rem) {
  .block-pg-hero.hero-light .photo-caption {
    grid-column: span 6 / span 6;
  }
}
.block-pg-hero.hero-light.has-surface-default-background-color .mission-bg {
  background-color: var(--color-brand-cloudy);
}
@media (width < 64rem) {
  .block-pg-hero.hero-light-split {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-top: calc(var(--spacing, 0.25rem) * 12);
  }
}
.block-pg-hero.hero-light-split .hero-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  row-gap: calc(var(--spacing, 0.25rem) * 3);
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-split .hero-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing, 0.25rem) * 12);
  }
}
@media (width >= 64rem) {}
.block-pg-hero.hero-light-split .hero-container .image-container {
  grid-column-start: 1;
  grid-row-start: 2;
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-split .hero-container .image-container {
    grid-column-start: 2;
    grid-row-start: 1;
  }
}
@media (width >= 64rem) {}
.block-pg-hero.hero-light-split .hero-container .image-container .image-frame {
  height: 380px;
  overflow: hidden;
  border-radius: var(--radius-2xl, 1rem);
  border-bottom-right-radius: var(--radius-shift);
}
@media (width >= 40rem) {
  .block-pg-hero.hero-light-split .hero-container .image-container .image-frame {
    height: 480px;
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-split .hero-container .image-container .image-frame {
    height: 520px;
  }
}
.block-pg-hero.hero-light-split .hero-container .mission-container {
  grid-column-start: 1;
  grid-row-start: 1;
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-split .hero-container .mission-container {
    grid-column-start: 1;
    grid-row-start: 1;
  }
}
@media (width >= 64rem) {}
.block-pg-hero.hero-light-split .hero-container .photo-caption {
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
}
@media (width < 64rem) {
  .block-pg-hero.hero-light-split .hero-container .photo-caption {
    margin-inline: calc(var(--spacing, 0.25rem) * 8);
    margin-top: calc(var(--spacing, 0.25rem) * 3);
  }
}
@media (width < 64rem) {}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-split .hero-container .photo-caption {
    grid-column-start: 2;
    grid-row-start: 2;
  }
}
@media (width >= 64rem) {}
.block-pg-hero.hero-light-panorama {
  position: relative;
}
@media (width < 64rem) {
  .block-pg-hero.hero-light-panorama {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-top: calc(var(--spacing, 0.25rem) * 12);
  }
}
@media (width < 64rem) {}
.block-pg-hero.hero-light-panorama .hero-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: calc(var(--spacing, 0.25rem) * 3);
}
.block-pg-hero.hero-light-panorama .hero-container .image-container {
  grid-column-start: 1;
  grid-row-start: 2;
}
.block-pg-hero.hero-light-panorama .hero-container .image-container .image-frame {
  height: 380px;
  overflow: hidden;
  border-radius: var(--radius-2xl, 1rem);
  border-bottom-right-radius: var(--radius-shift);
}
@media (width >= 40rem) {
  .block-pg-hero.hero-light-panorama .hero-container .image-container .image-frame {
    height: 480px;
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-panorama .hero-container .image-container .image-frame {
    height: 520px;
  }
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-panorama .hero-container .mission-container {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
  }
}
.block-pg-hero.hero-light-panorama .hero-container .mission-container .mission-bg {
  grid-column-start: 1;
  grid-row-start: 1;
}
@media (width >= 64rem) {
  .block-pg-hero.hero-light-panorama .hero-container .mission-container .mission-bg {
    display: grid;
    grid-template-columns: 3fr 2fr;
    column-gap: calc(var(--spacing, 0.25rem) * 8);
  }
}
@media (width >= 64rem) {}
@media (width >= 64rem) {}
.block-pg-hero.hero-light-panorama .hero-container .hero-header {
  width: 100%;
}
.block-pg-hero.hero-light-panorama .hero-container .photo-caption {
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
}
@media (width < 64rem) {
  .block-pg-hero.hero-light-panorama .hero-container .photo-caption {
    margin-inline: calc(var(--spacing, 0.25rem) * 8);
    margin-top: calc(var(--spacing, 0.25rem) * 3);
  }
}
@media (width < 64rem) {}
.block-pg-hero.hero-light-panorama.no-image .image-container {
  display: none;
}
.block-pg-hero.hero-light-panorama:not(.no-image):before {
  background-color: var(--color-white);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 0;
}
.block-pg-hero.hero-light-panorama.has-surface-default-background-color:before {
  background-color: var(--color-brand-cloudy);
}
.block-pg-hero.hero-dark {
  padding-top: 0px !important;
}
@media (width >= 64rem) {
  .block-pg-hero.hero-dark {
    padding-bottom: calc(var(--spacing, 0.25rem) * 6) !important;
  }
}
@media (width >= 80rem) {
  .block-pg-hero.hero-dark {
    padding-bottom: calc(var(--spacing, 0.25rem) * 12) !important;
  }
}
.block-pg-hero.hero-dark > div {
  margin-inline: auto;
  margin-block: 0px;
  max-width: var(--breakpoint-2xl, 96rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
}
@media (width >= 64rem) {
  .block-pg-hero.hero-dark > div {
    padding-inline: calc(var(--spacing, 0.25rem) * 8);
  }
}
.block-pg-hero.hero-dark .hero-container {
  overflow: hidden;
  border-bottom-right-radius: var(--radius-shift);
  border-bottom-left-radius: var(--radius-2xl, 1rem);
  background-color: var(--color-brand-navy);
  padding-inline: calc(var(--spacing, 0.25rem) * 8);
  padding-top: calc(var(--spacing, 0.25rem) * 12);
  padding-bottom: calc(var(--spacing, 0.25rem) * 6);
}
.block-pg-hero.hero-dark .hero-container .bg-color-fade {
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-neutral-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-via: color-mix(in srgb, #083266 80%, transparent);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
  --tw-gradient-to: color-mix(in srgb, #083266 33%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
@supports (color: color-mix(in lab, red, red)) {
  .block-pg-hero.hero-dark .hero-container .bg-color-fade {
    --tw-gradient-via: color-mix(in oklab, var(--color-brand-navy) 80%, transparent);
    --tw-gradient-to: color-mix(in oklab, var(--color-brand-navy) 33%, transparent);
  }
}
@supports (color: color-mix(in lab, red, red)) {}
@media (width >= 64rem) {
  .block-pg-hero.hero-dark .hero-container .bg-color-fade {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
}
.block-pg-hero.hero-dark .image-container {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.block-pg-hero.hero-dark .mission-container {
  position: relative;
  z-index: 10;
  margin-inline: auto;
  height: 85vh;
  max-height: calc(100vh - 240px);
  min-height: 450px;
  width: 100%;
  align-items: center;
}
@media (width >= 80rem) {
  .block-pg-hero.hero-dark .mission-container {
    max-width: 1280px;
  }
}
.block-pg-hero.hero-dark .mission-container .mission-bg {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
@media (width >= 64rem) {
  .block-pg-hero.hero-dark .mission-container .mission-bg {
    width: 65%;
    max-width: 650px;
  }
}
@media (width >= 64rem) {}
.block-pg-hero.hero-dark .mission-container .hero-header,
      .block-pg-hero.hero-dark .mission-container .hero-body {
  width: 100%;
}
.block-pg-hero.hero-dark .mission-container .introtext > * {
  font-family: var(--font-display);
}
.block-pg-hero.hero-dark .photo-caption {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
  color: var(--color-neutral-400);
}
.block-pg-hero.hero-dark .hero-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.block-pg-hero.hero-dark .hero-bg .hero-bg-layer {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.block-pg-hero.hero-dark .hero-bg .napgn-icon {
  top: calc(var(--spacing, 0.25rem) * 6);
  right: calc(var(--spacing, 0.25rem) * 6);
  bottom: calc(var(--spacing, 0.25rem) * 6);
  left: calc(var(--spacing, 0.25rem) * 6);
  height: auto;
  width: auto;
  background-size: contain !important;
}
@media (width >= 64rem) {
  .block-pg-hero.hero-dark .hero-bg .napgn-icon {
    left: calc(1 / 2 * 100%);
  }
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}


/*# sourceMappingURL=pg-hero.css.map*/