@charset "UTF-8";
/*** AI Custom Styles ***/
/* CSS Variables Do Not Work in Media Queries */
:root {
  --ps-lions-roar-light: #fffcec;
  --ps-lions-roar-max-light: #FFFAF2 ;
  --font-serif: "ivyora-text"; /* 300, 400, 500, 700 */
  --line-height-medium: 1.3;
  --color-highlighter: var(--ps-invent-orange-100);
}

.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button {
  outline: 1px solid rgba(var(--ps-creek-rgb), 0.5);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:hover,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:focus {
  background: linear-gradient(to bottom, var(--ps-beaver-blue-500) 0%, var(--ps-creek-600) 100%);
  outline: 1px solid rgba(var(--ps-creek-rgb), 0.75);
}

.wrap-cta .cta-button {
  outline: 1px solid var(--ps-creek-500);
}

.gradient-button-hover:hover, .gradient-button-hover:focus {
  background: linear-gradient(to bottom, var(--ps-beaver-blue-500) 0%, var(--ps-creek-600) 100%);
}

.full-width-nav .primary-brand-bar .header-cta-buttons .button {
  text-transform: none;
  font-style: normal;
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button {
  font-size: var(--small-1);
}

.wrap-cta .cta-button {
  text-transform: none;
  font-style: normal;
}

.entry_type_homePage p.hero-header {
  text-wrap: balance;
}

#navigation .brand > ul li:nth-child(n+4) .dropdown-content {
  left: 0; /* need to re-set this */
  right: auto;
}

#navigation .brand > ul li:nth-child(n+5) { /* add 4 or greater? */ }
#navigation .brand > ul li:nth-child(n+5) .dropdown-content {
  position: absolute;
  left: auto;
  right: 0;
}

@media (min-width: 1080px) {
  .full-width-nav #navigation .brand > ul > li.open:nth-child(n+4) > .dropdown-content:after {
    background-position: top left;
    left: 0.5rem;
  }
  .full-width-nav #navigation .brand > ul > li.open:nth-child(n+5) > .dropdown-content:after {
    background-position: right top;
    position: absolute;
    right: 110px;
    left: 0;
  }
}
.full-width-nav .primary-brand-bar {
  padding: var(--spacing-medium-large) 0;
  position: relative;
}
.full-width-nav .primary-brand-bar::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.4;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: overlay;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

.full-width-nav.flexNav2026 #navigation .col {
  align-items: center;
}

.full-width-nav.flexNav2026 .hamburger .hamburger-more,
.full-width-nav.flexNav2026 .hamburger .hamburger-menu {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-x-small);
}

.full-width-nav #navigation .col .brand ul#main-nav > li {
  position: relative;
}

.full-width-nav.flexNav2026 #navigation .brand.main-nav-wrap > ul > li {
  padding-top: 0;
  padding-bottom: 0;
}

.flexNav2026 #navigation .brand > ul > li > .dropdown-content {
  border-radius: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: calc(100% + var(--spacing-minimum));
  margin-top: 0;
}

.flexNav2026 #navigation .brand > ul > li.open > .dropdown-content {
  margin-top: 0;
}

.flexNav2026 #navigation .brand > ul > li.open > .dropdown-content:after {
  content: none;
}

.full-width-nav.flexNav2026 #navigation .brand > ul > li {
  border-bottom: var(--spacing-minimum) solid transparent;
}
.full-width-nav.flexNav2026 #navigation .brand > ul > li:hover {
  border-color: var(--ps-pugh-blue-500);
}

@media (min-width: 1080px) {
  .flexNav2026 #navigation .brand > ul > li > .dropdown-content {
    margin-top: 0;
  }
  .full-width-nav.flexNav2026 #navigation .main-nav-wrap {
    height: auto;
  }
}
.flexNav2026 #navigation .brand li {
  list-style-type: none;
  display: inline-block;
  color: var(--reverse-text-color);
  position: relative;
  padding-right: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xx-small);
}
.flexNav2026 #navigation .brand li:hover span.navigation-carat {
  transform: rotate(180deg);
}
@media (min-width: 1080px) {
  .flexNav2026 #navigation .brand li {
    /* padding-top: 0;
    padding-bottom: 0.25rem; */
  }
}

.flexNav2026 #navigation .brand .has-submenu span.navigation-carat {
  width: 14px;
  height: 14px;
  display: flex;
  cursor: pointer;
  transition: var(--transition-base);
}

.flexNav2026 #navigation .brand > ul > li > a {
  font-size: var(--font-size-lg);
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-x-small);
  padding-top: 1.25rem;
  padding-bottom: calc(1.25rem - var(--spacing-minimum));
}

@media (min-width: 1080px) {
  .full-width-nav.flexNav2026 #navigation .brand .has-submenu button {
    padding: 0;
  }
  .flexNav2026 #navigation .brand li {
    padding-bottom: 0;
  }
}
.flexNav2026 .full-menu-update ul li.open .dropdown-content {
  margin-left: 0;
}

.flexNav2026 .full-menu-update ul li.has-submenu button > span.navigation-carat::before,
.flexNav2026 .full-menu-update ul li.has-submenu button > span.navigation-carat::after {
  content: none;
}

.flexNav2026 .brand .submenu-links > ul li {
  border-bottom: 1px dashed rgba(112, 112, 112, 0.25);
}

.flexNav2026 .brand .submenu-links > ul > li > a {
  padding: 0.75rem 0.625rem !important;
}
.flexNav2026 .brand .submenu-links > ul > li > a:hover {
  background-color: var(--ps-pugh-blue-100);
}

.flexNav2026 .full-menu-update button.submenu-toggle span {
  display: block;
  width: 1.5rem;
  height: auto;
}

.flexNav2026 .full-menu-update button.submenu-toggle {
  float: none;
  top: auto;
  display: flex;
}

.flexNav2026 .full-menu-update li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.flexNav2026 .full-menu-update ul li.open ul li a:hover {
  font-style: normal;
}

.flexNav2026 .full-menu-update ul li.open .dropdown-content {
  flex: 0 0 100%;
}

.flexNav2026 #navigation .has-submenu > a:after {
  content: none;
}

.flexNav2026 #navigation .brand .has-submenu:hover > a:hover:after,
.flexNav2026 #navigation .has-submenu > a:focus:after {
  content: none;
}

.flexNav2026 #navigation .brand .has-submenu button > span {
  display: none;
}

.flexNav2026 #navigation .brand .has-submenu button > span:before,
.flexNav2026 #navigation .brand .has-submenu button > span:after {
  content: none;
}

.flexNav2026 #navigation .brand .has-submenu button > span:before {
  display: none;
}

.flexNav2026 #navigation .brand .has-submenu button > span:after {
  display: none;
}

/* modal carat */
.flexNav2026 ul#modal-main-nav .full-menu-update ul li.open > a {
  font-style: normal;
}
.flexNav2026 ul#modal-main-nav button.submenu-toggle span.navigation-carat {
  transition: var(--transition-base);
}
.flexNav2026 ul#modal-main-nav button.submenu-toggle span.navigation-carat:hover {
  fill: var(--link-color);
}
.flexNav2026 ul#modal-main-nav button.submenu-toggle[aria-expanded=true] span.navigation-carat {
  transform: rotate(180deg);
}

main.main {
  position: relative;
  isolation: isolate; /* allow grain on main w/out re-stacking over all containers */
  background: radial-gradient(ellipse 120% 150% at 0% 100%, var(--ps-pugh-blue-250) 0%, transparent 40%), radial-gradient(ellipse 150% 120% at 100% 0%, var(--ps-pugh-blue-100) 0%, transparent 80%), radial-gradient(ellipse 60% 60% at 50% 50%, var(--ps-pugh-blue-100) 0%, transparent 40%);
  background-color: var(--ps-pugh-blue-50);
}
main.main::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.25;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: luminosity;
  z-index: -1;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

.component-text h2, .component-text p.h2,
.hero-text-primary h2,
.hero-text-primary p.h2 {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: 500;
  line-height: var(--line-height-medium);
}

.hero-text-primary h2 {
  font-size: var(--h2);
  padding-top: 0;
}

.standard-hero h1 {
  font-size: var(--display-3);
}

.primary-headings-sans h1, .primary-headings-sans p.h1, .primary-headings-sans p.hero-header, .primary-headings-sans .hero-group-text p.hero-header, .primary-headings-sans h1.hero-header, .primary-headings-sans .standard-hero h1, .primary-headings-sans h2, .primary-headings-sans p.h2 {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: 500;
}

.entry_type_homePage h1.hero-header,
a.block .block-content h2,
a.block .block-content h3 {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}

h2, p.h2,
h3, p.h3 {
  line-height: var(--line-height-medium);
}

h2, p.h2 {
  text-wrap: pretty;
}

.offset-preview-block-content h2 {
  font-size: var(--h2);
}

.preview-cards-stacked-capsules {
  border-radius: 12px;
}
.preview-cards-stacked-capsules h3 {
  font-size: var(--h5);
  text-wrap: pretty;
  padding-top: 0;
}

.col .button {
  border-radius: var(--spacing-standard);
  padding: var(--spacing-medium-small) var(--spacing-standard);
  margin: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
}

.col .button.button-primary,
.reverse .col .button.button-primary {
  background: radial-gradient(ellipse 30% 150% at 0% 0%, var(--ps-creek-150) 0%, transparent 95%), radial-gradient(ellipse 30% 150% at 100% 100%, var(--ps-creek-150) 0%, transparent 95%);
  background-color: var(--ps-creek-250);
  box-shadow: 3px 3px 0 var(--ps-creek-550);
}
.col .button.button-primary:hover,
.reverse .col .button.button-primary:hover {
  background: var(--ps-creek-150);
}

.col .button.button-secondary,
.reverse .col .button.button-secondary {
  box-shadow: 3px 3px 0 var(--ps-pugh-blue-500);
  background: radial-gradient(ellipse 30% 150% at 0% 0%, var(--ps-pugh-blue-200) 0%, transparent 95%), radial-gradient(ellipse 30% 150% at 100% 100%, var(--ps-pugh-blue-200) 0%, transparent 95%);
  background-color: var(--ps-pugh-blue-350);
}
.col .button.button-secondary:hover,
.reverse .col .button.button-secondary:hover {
  background: var(--ps-pugh-blue-250);
}

.col .button.button-subtle,
.reverse .col .button.button-subtle {
  border: 1px solid var(--ps-creek-350);
}

.entry_type_homePage .hero-text-primary {
  padding-bottom: var(--spacing-xx-large);
}
.entry_type_homePage .antihero + .container-standard-y-padding {
  padding-top: 0;
}
.entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text {
  padding-top: var(--spacing-xx-large);
}
@media (min-width: 1080px) {
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text {
    padding-top: 10rem;
  }
}
.entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text h1 {
  font-size: var(--font-size-lg);
  color: var(--ps-pugh-blue-500);
}
@media (min-width: 768px) {
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text h1 {
    font-size: var(--h4);
  }
}
.entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p {
  font-size: var(--display-5);
  padding-top: var(--spacing-x-small);
}
@media (min-width: 1080px) {
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p {
    font-size: var(--display-4);
  }
}
.entry_type_homePage p.lead,
.entry_type_homePage div.lead p {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: var(--letter-spacing-xx-small);
  text-wrap: pretty;
}
@media (min-width: 768px) {
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide.container-news-explore {
    grid-template-columns: 5fr 5fr;
  }
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide.hero-primary {
    grid-template-columns: 8fr 2fr;
  }
}
@media (min-width: 1080px) {
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide {
    align-items: flex-start;
  }
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide.container-news-explore {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: dense;
    grid-row-gap: var(--grid-gap-standard);
  }
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide.hero-primary {
    grid-template-columns: 8fr 2fr;
  }
  .entry_type_homePage .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p {
    font-size: var(--display-4);
  }
}

.feature-story-grid {
  display: grid;
  grid-gap: var(--spacing-large);
  padding-top: var(--spacing-xx-large);
}
@media (min-width: 768px) {
  .feature-story-grid {
    grid-template-columns: 25fr 75fr;
  }
}
.feature-story-grid .feature-story-image {
  width: 50%;
}
@media (min-width: 768px) {
  .feature-story-grid .feature-story-image {
    width: 100%;
  }
}
.feature-story-grid .feature-story-image img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.feature-story-grid .feature-story-content h2.eyebrow-featured {
  background: rgba(var(--white-rgb), 0.25);
  padding-left: var(--spacing-xx-small); /* match border */
  font-size: var(--font-size-xl);
  color: var(--ps-beaver-blue-500);
  font-weight: var(--font-weight-bold);
  position: relative;
  padding: var(--spacing-x-small) var(--spacing-standard);
  margin-top: 0;
  display: inline-block;
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}
@media (min-width: 768px) {
  .feature-story-grid .feature-story-content h2.eyebrow-featured {
    margin-top: var(--spacing-x-large);
  }
}
.feature-story-grid .feature-story-content h2.eyebrow-featured span {
  font-weight: var(--font-weight-regular);
}
.feature-story-grid .feature-story-content h2.eyebrow-featured::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--spacing-xx-small);
  background: linear-gradient(to bottom, rgba(var(--ps-future-green-rgb), 0.5), rgba(var(--ps-creek-rgb), 0.5));
}
.feature-story-grid .feature-story-content h3 {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-size: var(--display-5);
  font-weight: 400;
  text-wrap: pretty;
}
.feature-story-grid .feature-story-content p {
  color: var(--ps-beaver-blue-500);
  font-size: var(--h5);
  font-weight: var(--font-weight-regular);
}
.feature-story-grid .feature-story-content .feature-story-cta-buttons {
  margin-top: var(--spacing-standard);
}

.the-latest a.block {
  margin-top: var(--spacing-medium-small);
  display: block;
  position: relative;
  text-decoration: none;
  padding-left: var(--spacing-xx-small); /* match border */
}
.the-latest a.block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--spacing-xx-small);
  background: linear-gradient(to bottom, rgba(var(--ps-future-green-rgb), 0.35), rgba(var(--ps-creek-rgb), 0.35));
}
.the-latest a.block .card-content {
  display: grid;
  grid-template-columns: 3fr 7fr;
  grid-gap: var(--spacing-standard);
  background: rgba(var(--ps-nittany-navy-rgb), 0.25);
}
@media (min-width: 768px) {
  .the-latest a.block .card-content {
    grid-template-columns: 2fr 8fr;
  }
}
.the-latest a.block .block-image {
  margin: var(--spacing-x-small) 0 var(--spacing-x-small) var(--spacing-x-small);
  height: fit-content;
}
.the-latest a.block .block-content {
  padding: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
  align-content: center;
}
.the-latest a.block .block-content h3 {
  color: var(--reverse-header-color);
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: 500;
  font-size: var(--h5);
  line-height: var(--line-height-medium);
  padding-top: 0;
  text-wrap: pretty;
}
@media (min-width: 768px) {
  .the-latest a.block .block-content h3 {
    font-size: var(--h5);
  }
}

.component-id-247174 blockquote.quote-simple {
  text-align: left;
  padding: 0;
}
.component-id-247174 blockquote.quote-simple p {
  font-size: var(--h2);
  text-wrap: pretty;
}
.component-id-247174 blockquote.quote-simple p.quote-inline-module__quoteAttribution {
  font-size: var(--h4);
}
@media (min-width: 768px) {
  .component-id-247174 blockquote.quote-simple {
    padding: var(--spacing-xx-large) 0 0 0;
  }
  .component-id-247174 blockquote.quote-simple p:first-of-type {
    font-size: var(--h2);
  }
  .component-id-247174 blockquote.quote-simple p.quote-inline-module__quoteAttribution {
    font-size: var(--h4);
  }
}

.col-sidenav li.nav-item:first-of-type {
  border-top: 1px solid var(--color-standard-border);
}
.col-sidenav li.nav-item {
  border-bottom: 1px solid var(--color-standard-border);
}
.col-sidenav li.nav-item.active > a:link,
.col-sidenav li.nav-item.active > a:visited,
.col-sidenav li.nav-item.active > a:hover {
  background: rgba(var(--white-rgb), 0.5);
}

ol.list-type-numeric.list-type-numeric-vertical li {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
ol.list-type-numeric.list-type-numeric-vertical li :is(h1, h2, h3, h4, h5, h6, p) {
  margin-top: calc(0.3 * var(--spacing-xx-large));
}
ol.list-type-numeric.list-type-numeric-vertical li::before {
  width: var(--spacing-xx-large);
  height: var(--spacing-xx-large);
  font-size: var(--h3);
  background-image: url(/assets/uploads/globals/bg-bloom-water-circle.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
ol.list-type-numeric.list-type-numeric-vertical li span {
  margin-left: var(--spacing-small);
}
ol.list-type-numeric.list-type-numeric-vertical li p {
  line-height: var(--line-height-medium);
}

img.icon-file-type {
  height: 28px;
  width: auto;
  display: inline;
  margin-right: var(--spacing-xx-small);
  vertical-align: top;
}

.preview-cards-wrap.preview-cards-wrap-rows .preview-cards p.documents-preview {
  font-weight: var(--font-weight-bold);
  color: var(--link-color);
  padding-left: var(--spacing-standard);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards a:hover p.documents-preview,
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards a:hover h3 {
  text-decoration: underline;
  color: var(--link-color-hover);
}

.preview-cards-research-centers .preview-cards {
  grid-template-columns: 1fr;
}
.preview-cards-research-centers .preview-cards .card-research-center {
  padding: var(--spacing-small);
  background: rgba(var(--white-rgb), 0.5);
  border-radius: var(--spacing-standard);
}
@media (min-width: 1080px) {
  .preview-cards-research-centers .preview-cards .card-research-center {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--grid-gap-small);
  }
}
.preview-cards-research-centers .preview-cards p.research-acronym {
  font-size: var(--display-3);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-medium);
  color: var(--color-primary-header);
  padding-top: 0;
}
.preview-cards-research-centers .preview-cards h3 {
  font-size: var(--h4);
  font-weight: var(--font-weight-medium);
  padding-top: 0;
}
.preview-cards-research-centers .preview-cards div.research-center-affiliation p {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-medium);
  text-wrap: pretty;
}
.preview-cards-research-centers .preview-cards p.positioning-question {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  color: var(--color-primary-header);
  font-weight: 500;
  font-size: var(--h3);
  line-height: var(--line-height-medium);
}
.preview-cards-research-centers .preview-cards p.h4 {
  font-weight: var(--font-weight-bold);
}
.preview-cards-research-centers .preview-cards .card-research-center-overview {
  padding: var(--spacing-medium-small) var(--spacing-medium-small) 0 var(--spacing-medium-small);
}
@media (min-width: 1080px) {
  .preview-cards-research-centers .preview-cards .card-research-center-overview {
    border-right: 1px solid var(--ps-pugh-blue-250);
    padding: var(--spacing-medium-small);
  }
}
.preview-cards-research-centers .preview-cards .button-mobile {
  display: flex;
  clear: both;
  padding-top: var(--spacing-standard);
}
@media (min-width: 1080px) {
  .preview-cards-research-centers .preview-cards .button-mobile {
    display: none;
  }
}
.preview-cards-research-centers .preview-cards .button-desktop {
  display: none;
  line-height: var(--line-height-base);
}
@media (min-width: 1080px) {
  .preview-cards-research-centers .preview-cards .button-desktop {
    display: inline-flex;
  }
}
.preview-cards-research-centers .preview-cards .engagement-list ul {
  padding-left: var(--spacing-small);
}
.preview-cards-research-centers .preview-cards .engagement-list ul li {
  margin-bottom: var(--spacing-xx-small);
}
.preview-cards-research-centers .preview-cards .card-research-center-details {
  padding: 0 var(--spacing-medium-small) var(--spacing-medium-small) var(--spacing-medium-small);
}
@media (min-width: 1080px) {
  .preview-cards-research-centers .preview-cards .card-research-center-details {
    padding: var(--spacing-medium-small);
  }
}
.preview-cards-research-centers .preview-cards .card-research-center-director img {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 1rem;
  margin-top: 1rem;
}
.preview-cards-research-centers .preview-cards .card-research-center-director p.directory-name {
  font-weight: var(--font-weight-bold);
  color: var(--ps-beaver-blue-500);
  line-height: var(--line-height-base);
  padding-top: var(--spacing-small);
}
.preview-cards-research-centers .preview-cards .card-research-center-director p.job-title {
  font-size: var(--font-size-lg);
  padding-top: 0;
  line-height: var(--line-height-base);
}

.block-psucampus-homepage-hero .hero-vid-wrapper {
  aspect-ratio: 16/7;
}
@media (max-aspect-ratio: 3/4) {
  .block-psucampus-homepage-hero .hero-vid-wrapper {
    aspect-ratio: 4/3;
  }
}

@media (max-width: 1080px) { /* blue bg white text for below desktop when text not over hero */
  .block-psucampus-homepage-hero + .container-standard-y-padding {
    padding-top: 0;
  }
  .block-psucampus-homepage-hero .hero-container {
    background: var(--ps-beaver-blue-500);
    padding-top: var(--spacing-medium-small);
    padding-bottom: var(--spacing-large);
  }
  .block-psucampus-homepage-hero .hero-container h1, .block-psucampus-homepage-hero .hero-container p {
    color: var(--reverse-header-color);
  }
}
.full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-group-text h1.hero-header,
.full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-group-text p.hero-header,
.full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-group-text p:not(.hero-header) {
  color: var(--reverse-header-color);
}

@media (max-width: 1080px) { /* below desktop - swap to dark bg, light text */
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text {
    background-color: transparent;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text h1.hero-header,
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text p.hero-header,
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text p:not(.hero-header) {
    color: var(--reverse-header-color);
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo {
  height: 40px;
  border-right: 1px solid var(--ps-pugh-blue-500);
  padding-right: var(--spacing-medium-small);
}
@media (min-width: 576px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo {
    height: 40px;
  }
}
@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo {
    height: 50px;
    border-right: 2px solid var(--ps-pugh-blue-500);
    padding-right: var(--spacing-standard);
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo {
    height: 56px;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo {
    height: 56px;
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three {
  padding-left: var(--spacing-medium-small);
}
@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three {
    padding-left: var(--spacing-standard);
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo {
  height: 24px;
  display: block;
  border-right: none;
}
@media (min-width: 576px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo {
    height: 24px;
  }
}
@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo {
    height: 28px;
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo {
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo {
    height: 32px;
  }
}

.antihero.bg-light-green,
.antihero.bg-light-green-gradient,
.container-grid-builder.bg-light-green,
.container-grid-builder.bg-light-green-gradient {
  background-image: radial-gradient(ellipse 100% 120% at 0% 100%, var(--ps-creek-150) 0%, transparent 65%), radial-gradient(ellipse 120% 100% at 80% 0%, var(--ps-pugh-blue-200) 0%, transparent 80%), radial-gradient(ellipse 50% 50% at 50% 50%, var(--ps-pugh-blue-100) 0%, transparent 90%);
  background-color: var(--ps-lions-roar-light);
  background-size: 100%, 100%;
  background-position: top;
  background-repeat: no-repeat;
}
.antihero.bg-light-green::after,
.antihero.bg-light-green-gradient::after,
.container-grid-builder.bg-light-green::after,
.container-grid-builder.bg-light-green-gradient::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.25;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: normal;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

@media (min-width: 768px) {
  .container-grid-builder.bg-light-green-gradient::before {
    z-index: 0;
    background-image: url(/assets/uploads/globals/ai-bloom-green-blue-gradient-2px.svg);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    opacity: 0.3;
    background-size: 75vh;
    background-position: 75vw -15vw;
    mix-blend-mode: darken;
  }
}

.antihero.bg-light-salmon-gradient,
.container-grid-builder.bg-light-salmon-gradient {
  background: radial-gradient(ellipse 80% 80% at 0% 100%, var(--ps-discovery-salmon-100) 0%, transparent 65%), radial-gradient(ellipse 80% 80% at 80% 0%, var(--ps-pugh-blue-200) 0%, transparent 80%), radial-gradient(ellipse 50% 50% at 50% 50%, var(--ps-lions-roar-light) 0%, transparent 50%);
  background-color: var(--ps-lions-roar-light);
}
.antihero.bg-light-salmon-gradient::after,
.container-grid-builder.bg-light-salmon-gradient::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.25;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: luminosity;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

@media (min-width: 768px) {
  .container-grid-builder.bg-light-salmon-gradient::before {
    z-index: 0;
    background-image: url(/assets/uploads/globals/ai-bloom-green-blue-gradient-2px.svg);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.4;
    background-size: 75vh;
    background-position: 75vw 15vw;
    mix-blend-mode: darken;
  }
}

.antihero.bg-creek-navy,
.container-grid-builder.bg-creek-navy {
  background: radial-gradient(ellipse 75% 50% at 120% 100%, var(--ps-beaver-blue-450) 0%, transparent 65%), radial-gradient(ellipse 55% 70% at -10% -10%, var(--ps-beaver-blue-550) 0%, transparent 65%), radial-gradient(ellipse 150% 150% at -25% 100%, var(--ps-beaver-blue-500) 0%, transparent 55%), radial-gradient(ellipse 60% 110% at 95% 0%, var(--ps-beaver-blue-550) 0%, transparent 55%), radial-gradient(ellipse 90% 90% at 55% 50%, var(--ps-creek-600) 0%, transparent 80%);
  background-color: var(--ps-creek-700);
}
.antihero.bg-creek-navy::after,
.container-grid-builder.bg-creek-navy::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.3;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: overlay;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

@media (max-width: 1080px) { /* blue bg white text for below desktop when text not over hero - simpler bg */
  .block-psucampus-homepage-hero .hero-container {
    background: radial-gradient(ellipse 75% 90% at 100% 0%, var(--ps-beaver-blue-400) 0%, transparent 85%), radial-gradient(ellipse 75% 90% at 0% 100%, var(--ps-beaver-blue-400) 0%, transparent 85%), radial-gradient(ellipse 55% 55% at 50% 50%, var(--ps-nittany-navy-450) 0%, transparent 85%), radial-gradient(ellipse 30% 30% at 50% 50%, var(--ps-nittany-navy-500) 0%, transparent 100%);
    background-color: var(--ps-nittany-navy-600);
  }
  .block-psucampus-homepage-hero .hero-container::after { /* noise */
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
    background-repeat: repeat;
    background-size: 500px;
    opacity: 0.3;
    isolation: isolate;
    aspect-ratio: unset;
    filter: blur(0);
    mix-blend-mode: overlay;
  }
}
.container-grid-builder.bg-beaver-blue,
.antihero.bg-beaver-blue {
  background: radial-gradient(ellipse 75% 100% at 0% 0%, var(--ps-beaver-blue-450) 0%, transparent 85%), radial-gradient(ellipse 75% 100% at 100% 0%, var(--ps-beaver-blue-400) 0%, transparent 85%), radial-gradient(ellipse 75% 100% at 0% 100%, var(--ps-beaver-blue-400) 0%, transparent 85%), radial-gradient(ellipse 75% 100% at 100% 100%, var(--ps-beaver-blue-450) 0%, transparent 85%), radial-gradient(ellipse 75% 75% at 50% 50%, var(--ps-nittany-navy-450) 0%, transparent 95%), radial-gradient(ellipse 50% 50% at 50% 50%, var(--ps-nittany-navy-500) 0%, transparent 90%);
  background-color: var(--ps-nittany-navy-550);
}
.container-grid-builder.bg-beaver-blue::after,
.antihero.bg-beaver-blue::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.125;
  isolation: isolate;
  aspect-ratio: unset;
  filter: blur(0);
}

.entry_type_homePage .bg-beaver-blue.antihero { /* home gradient is stronger */
  background: radial-gradient(ellipse 75% 70% at 0% 0%, var(--ps-beaver-blue-450) 0%, transparent 65%), radial-gradient(ellipse 75% 70% at 100% 0%, var(--ps-beaver-blue-400) 0%, transparent 65%), radial-gradient(ellipse 75% 70% at 0% 100%, var(--ps-beaver-blue-400) 0%, transparent 65%), radial-gradient(ellipse 75% 70% at 100% 100%, var(--ps-beaver-blue-450) 0%, transparent 65%), radial-gradient(ellipse 55% 55% at 50% 50%, var(--ps-nittany-navy-450) 0%, transparent 75%), radial-gradient(ellipse 30% 30% at 50% 50%, var(--ps-nittany-navy-500) 0%, transparent 70%);
  background-color: var(--ps-nittany-navy-550);
}
.entry_type_homePage .bg-beaver-blue.antihero::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.125;
  isolation: isolate;
  aspect-ratio: unset;
  filter: blur(0);
}

.antihero.bg-beaver-blue::after,
.container-grid-builder.bg-beaver-blue::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.3;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: overlay;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

.container-grid-builder.bg-beaver-blue::before {
  z-index: 0;
  background-image: url(/assets/uploads/globals/ai-wave-pugh-blue-bottom-left.svg);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.1;
  mix-blend-mode: color-dodge;
  background-size: 100vw;
  background-position: bottom left;
}
@media (min-width: 768px) {
  .container-grid-builder.bg-beaver-blue::before {
    background-size: 85vw;
  }
}
@media (min-width: 1080px) {
  .container-grid-builder.bg-beaver-blue::before {
    background-size: 75vw;
  }
}
@media (min-width: 1440px) {
  .container-grid-builder.bg-beaver-blue::before {
    background-size: 50vw;
  }
}

.entry_type_homePage .standard-hero-wrap::before,
.entry_type_homePage .container-grid-builder.bg-beaver-blue:first-of-type::before {
  z-index: 0;
  background-image: url(/assets/uploads/globals/ai-bloom-green-blue-gradient-2px.svg);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.25;
  background-size: 120vw;
  background-position: 35vw -60vw;
}
@media (min-width: 768px) {
  .entry_type_homePage .standard-hero-wrap::before,
  .entry_type_homePage .container-grid-builder.bg-beaver-blue:first-of-type::before {
    opacity: 0.25;
    background-size: 100vh;
    background-position: 50vw -50vh;
  }
}

.bg-pattern-ai-bloom {
  background-image: url(/assets/uploads/globals/ai-bloom-green-blue-gradient-2px.svg);
  background-repeat: no-repeat;
  background-size: 80vh;
  background-position: 60vw -40vh;
}

.bg-pattern-ai-wave {
  background-image: url(/assets/uploads/globals/ai-wave-pugh-blue-bottom-right-antihero.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
}
@media (min-width: 768px) {
  .bg-pattern-ai-wave {
    background-size: 50vh;
  }
}

.antihero.bg-light-green .bg-pattern.bg-pattern-ai-bloom,
.antihero.bg-light-green-gradient .bg-pattern.bg-pattern-ai-bloom {
  opacity: 0.5;
}

.antihero.bg-beaver-blue .bg-pattern.bg-pattern-ai-wave,
.antihero.bg-beaver-blue .bg-pattern.bg-pattern-ai-bloom {
  opacity: 0.33;
  mix-blend-mode: luminosity;
}

.antihero.bg-creek-navy .bg-pattern.bg-pattern-ai-bloom,
.antihero.bg-creek-navy .bg-pattern.bg-pattern-ai-wave {
  opacity: 0.33;
  mix-blend-mode: luminosity;
}

.antihero.bg-light-blue .bg-pattern.bg-pattern-ai-bloom {
  opacity: 0.35;
  mix-blend-mode: luminosity;
}

.antihero.bg-light-blue .bg-pattern.bg-pattern-ai-wave {
  opacity: 0.625;
  mix-blend-mode: normal;
}

p.past-event-alert {
  line-height: var(--line-height-medium);
  display: inline-block;
  color: var(--ps-danger-red);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-small);
  padding-top: var(--spacing-xx-small);
}

@media (min-width: 768px) {
  .new-events .event-feed-event .date {
    padding-left: 0;
    padding-right: var(--spacing-medium-small);
  }
}
@media (min-width: 1080px) {
  .new-events .event-feed-event .date {
    width: 12.5%;
  }
}
@media (min-width: 1440px) {
  .new-events .event-feed-event .date {
    width: 10%;
  }
}
.new-events .event-feed-event .date div {
  background: linear-gradient(to top, var(--ps-pugh-blue-50) 0%, #ffffff 100%);
}
.new-events .event-feed-event .date .month {
  font-size: var(--font-size-lg);
  background: var(--ps-creek-100);
  border-bottom: 1px solid var(--white);
}
.new-events .event-feed-event .date .day {
  font-size: var(--h4);
  padding-top: var(--spacing-minimum);
  line-height: var(--line-height-medium);
  width: auto;
  height: auto;
  border: none;
  border-radius: unset;
}
@media (min-width: 1080px) {
  .new-events .event-feed-event .date .day {
    width: auto;
    height: auto;
  }
}
.new-events .event-feed-event .date .year {
  font-size: var(--font-size-base);
  padding-top: 0;
}

ol.breadcrumb { /* line-clamp not official spec, 2026 */
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin: var(--spacing-medium-small) 0 var(--spacing-large) 0;
}

ol.breadcrumb > li {
  display: inline;
  line-height: var(--line-height-medium);
}

/* testing - already put on core */
.preview-cards-wrap.preview-cards-textCards a.block {
  padding: var(--spacing-large) var(--spacing-x-large) var(--spacing-large) var(--spacing-standard);
  background-color: var(--ps-limestone-gray-0);
  transform: var(--link-transition);
  border: 2px solid var(--ps-limestone-gray-100);
  height: 100%;
  display: flex;
  align-items: center;
  box-shadow: 4px 4px 0 var(--ps-pugh-blue-250);
  border: none;
}
.preview-cards-wrap.preview-cards-textCards a.block:hover {
  border: none;
}
.preview-cards-wrap.preview-cards-textCards a.block:nth-of-type(odd)::before {
  z-index: 0;
  background-image: url(/assets/uploads/globals/ai-wave-pugh-blue-bottom-left.svg);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.2;
  background-position: bottom left;
  background-size: 150%;
}
.preview-cards-wrap.preview-cards-textCards a.block:nth-of-type(even)::before {
  z-index: 0;
  background-image: url(/assets/uploads/globals/ai-wave-pugh-blue-bottom-left.svg);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.2;
  background-position: bottom left;
  background-size: 120%;
  transform: rotate(180deg);
}

@media (min-width: 1080px) {
  .grid-preconfigured-one-to-two > div:nth-of-type(1) .latest-news-new-feed,
  .grid-preconfigured-two-to-one > div:nth-of-type(2) .latest-news-new-feed,
  .grid-preconfigured-one-to-three > div:nth-of-type(1) .latest-news-new-feed,
  .grid-preconfigured-three-to-one > div:nth-of-type(2) .latest-news-new-feed {
    flex-flow: column;
  }
  .grid-preconfigured-one-to-two > div:nth-of-type(1) .latest-news-new-feed a,
  .grid-preconfigured-two-to-one > div:nth-of-type(2) .latest-news-new-feed a,
  .grid-preconfigured-one-to-three > div:nth-of-type(1) .latest-news-new-feed a,
  .grid-preconfigured-three-to-one > div:nth-of-type(2) .latest-news-new-feed a {
    width: 100%;
  }
}

section.content-warnings {
  width: calc(100% - 2 * var(--spacing-standard));
  padding: var(--spacing-large);
  background: var(--white);
  border: var(--spacing-x-small) solid var(--ps-danger-red);
  position: absolute;
  top: 0;
  z-index: 99999;
  margin: var(--spacing-standard);
}
section.content-warnings h2.text-warning {
  color: var(--ps-danger-red);
}

header .header-logo-primary,
footer .footer-logo-primary,
header .header-subsite-logo-reverse,
footer .footer-subsite-logo-reverse { /* reverse */
  display: block;
}

header .header-logo-secondary,
footer .footer-logo-secondary,
header .header-subsite-logo-standard,
footer .footer-subsite-logo-standard { /* standard */
  display: none;
}

.hero-group-text p {
  text-wrap: pretty;
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-xx-small);
}

.separating-line-primary {
  display: none;
}

.antihero.bg-light-blue {
  /* background: linear-gradient(150deg, var(--ps-pugh-blue-200) 40%, var(--ps-pugh-blue-100) 45%, var(--ps-pugh-blue-100), var(--ps-pugh-blue-200) 100%); */
  background: radial-gradient(ellipse 120% 150% at 0% 100%, var(--ps-pugh-blue-250) 0%, transparent 60%), radial-gradient(ellipse 150% 120% at 100% 0%, var(--ps-pugh-blue-100) 0%, transparent 65%), radial-gradient(ellipse 60% 60% at 50% 50%, var(--ps-pugh-blue-100) 0%, transparent 55%);
  background-color: var(--ps-pugh-blue-300);
}
.antihero.bg-light-blue::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.25;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: luminosity;
  /* Freeze it on its own layer */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

.container-service.bg-light-blue,
.container-grid-builder.bg-light-blue {
  background: radial-gradient(ellipse 120% 150% at 0% 100%, var(--ps-pugh-blue-250) 0%, transparent 60%), radial-gradient(ellipse 150% 120% at 100% 0%, var(--ps-pugh-blue-100) 0%, transparent 65%), radial-gradient(ellipse 60% 60% at 50% 50%, var(--ps-pugh-blue-100) 0%, transparent 55%);
  background-color: var(--ps-pugh-blue-300);
}
.container-service.bg-light-blue::before,
.container-grid-builder.bg-light-blue::before {
  z-index: 0;
  background-image: url(/assets/uploads/globals/ai-wave-pugh-blue-top-left.svg), url(/assets/uploads/globals/ai-wave-pugh-blue-bottom-right.svg);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.5;
  background-size: 75vw, 75vw;
  background-position: top left, bottom right;
}
@media (min-width: 768px) {
  .container-service.bg-light-blue::before,
  .container-grid-builder.bg-light-blue::before {
    background-size: 60vw, 60vw;
  }
}
@media (min-width: 1080px) {
  .container-service.bg-light-blue::before,
  .container-grid-builder.bg-light-blue::before {
    background-size: 50vw, 50vw;
  }
}
@media (min-width: 1440px) {
  .container-service.bg-light-blue::before,
  .container-grid-builder.bg-light-blue::before {
    background-size: 33.33vw, 45vw;
  }
}
.container-service.bg-light-blue::after,
.container-grid-builder.bg-light-blue::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.25;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: luminosity;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}

.container-grid-builder.bg-creek-navy::before {
  z-index: 0;
  background-image: url(/assets/uploads/globals/ai-wave-pugh-blue-top-right-alt.svg);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.1;
  mix-blend-mode: color-dodge;
  background-size: 100vw;
  background-position: top right;
}
@media (min-width: 768px) {
  .container-grid-builder.bg-creek-navy::before {
    background-size: 85vw;
  }
}
@media (min-width: 1080px) {
  .container-grid-builder.bg-creek-navy::before {
    background-size: 75vw;
  }
}
@media (min-width: 1440px) {
  .container-grid-builder.bg-creek-navy::before {
    background-size: 50vw;
  }
}

.ai-blob {
  color: var(--ps-pugh-blue-350);
}

.video-hero + script + .container-content-builder {
  padding-top: 0;
}

.preview-cards-wrap.preview-cards-tags {
  /* Enhancement: mask technique — only when supported */
}
.preview-cards-wrap.preview-cards-tags .preview-cards {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--grid-gap-x-small);
}
@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-tags .preview-cards {
    grid-template-columns: none;
  }
  .preview-cards-wrap.preview-cards-tags .preview-cards a {
    grid-column: span 3;
  }
}
@media (min-width: 1440px) {
  .preview-cards-wrap.preview-cards-tags .preview-cards a {
    grid-column: span 2;
  }
}
.preview-cards-wrap.preview-cards-tags a.block {
  display: inline-block;
  border-radius: var(--spacing-standard);
  padding: var(--spacing-x-small) var(--spacing-standard);
  border: 2px solid var(--ps-creek-500);
  font-size: var(--small-2);
}
@media (min-width: 768px) {
  .preview-cards-wrap.preview-cards-tags a.block {
    font-size: var(--font-size-lg);
  }
}
@supports (mask-composite: exclude) or (-webkit-mask-composite: xor) {
  .preview-cards-wrap.preview-cards-tags a.block {
    padding: 0;
    background: none;
    border: none;
  }
  .preview-cards-wrap.preview-cards-tags a.block:hover .card-content {
    background: linear-gradient(135deg, var(--ps-pugh-blue-300), var(--ps-creek-300));
    color: var(--black);
  }
  .preview-cards-wrap.preview-cards-tags .card-content {
    position: relative;
    border-radius: var(--spacing-standard);
    padding: var(--spacing-x-small) var(--spacing-standard);
    z-index: 0;
  }
  .preview-cards-wrap.preview-cards-tags .card-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--spacing-standard);
    padding: 2px;
    background: linear-gradient(135deg, var(--ps-pugh-blue-500) 50%, var(--ps-creek-500));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
  }
  .preview-cards-wrap.preview-cards-tags .card-content::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: calc(var(--spacing-standard) - 2px);
    background: rgba(255, 255, 255, 0);
    z-index: -2;
  }
}
.preview-cards-wrap.preview-cards-tags .block-content h2, .preview-cards-wrap.preview-cards-tags .block-content h3 {
  font-size: var(--font-size-base);
  padding-top: 0;
}
.preview-cards-wrap.preview-cards-tags .block-content p {
  line-height: var(--line-height-medium);
  text-wrap: pretty;
}

@media (min-width: 768px) {
  .image-gallery-staggered div[data-width-adjustment="1"] > span,
  .image-gallery-staggered div[data-width-adjustment="2"] > span,
  .image-gallery-staggered div[data-width-adjustment="3"] > span {
    max-width: none;
    width: auto;
  }
}
.entry_type_homePage .image-gallery-staggered {
  margin-top: var(--spacing-large);
}

.image-gallery-staggered {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  position: relative;
}
@media (min-width: 768px) {
  .image-gallery-staggered {
    column-count: unset;
    column-gap: 0;
  }
  .image-gallery-staggered > div > span {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.image-gallery-staggered div:nth-of-type(1) {
  grid-row: 1;
  grid-column: 1/span 10;
}
.image-gallery-staggered div:nth-of-type(1)::before { /* color bar */
  content: "";
  display: block;
  width: 30%; /* 3 columm width for bar */
  aspect-ratio: 12/1; /* height match to half one column */
  background: linear-gradient(to bottom, var(--ps-future-green-500) 0%, var(--ps-creek-500) 100%);
  position: absolute;
  left: calc(-1 * var(--grid-gap-standard));
  top: var(--spacing-x-large);
  z-index: 1;
}
@media (min-width: 768px) {
  .image-gallery-staggered div:nth-of-type(1) {
    grid-column: 3/span 8;
  }
  .image-gallery-staggered div:nth-of-type(1)::before {
    width: 50%; /* 4 col for bar */
    left: -33.33%;
  }
}
.image-gallery-staggered div:nth-of-type(2) {
  grid-row: 1;
  grid-column: 10/-1;
}
.image-gallery-staggered div:nth-of-type(2)::before { /* 1 col spacer */
  content: "";
  display: block;
  width: 14.2857142857%; /* 7 col, 1/7th width = 1 column */
  aspect-ratio: 2/1; /* height match to half one column */
}
@media (min-width: 768px) {
  .image-gallery-staggered div:nth-of-type(2) {
    grid-column: 10/-3;
  }
  .image-gallery-staggered div:nth-of-type(2)::before { /* 1 col spacer */
    content: "";
    display: block;
    width: 20%; /* 5 col, 1/5th width = 1 column */
    aspect-ratio: 2/1; /* height match to half one column */
  }
}

.preview-cards-tags a:not([href*="ai.psu.edu"]) .block-content::after {
  content: "";
  background: url(/assets/uploads/accents/ai-icon-external-link.svg) no-repeat;
  background-size: contain;
  background-position: center center;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: var(--spacing-minimum);
  position: relative;
}
.preview-cards-tags a:not([href*="ai.psu.edu"]):hover .block-content::after {
  filter: invert(100%);
}

.component-text h3 {
  margin-top: var(--spacing-small);
}

.accordion-content h3 {
  padding-top: 0;
  font-weight: var(--font-weight-medium);
}

.full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta {
  justify-content: space-between;
}
.full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}
.full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo {
  height: 32px;
  position: relative;
}
@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo {
    height: 40px;
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo {
    height: 48px;
  }
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo::after { /* bloom hover only desktop up */
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(/assets/uploads/globals/bloom-image.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 2px); /* offset a nudge to center AI text */
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo:hover::after {
    opacity: 0.5;
    width: 110px;
    height: 110px;
    mix-blend-mode: screen;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo {
    height: 56px;
  }
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo::after {
    left: calc(50% + 3px); /* offset a nudge to center AI text */
  }
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta .brand-tier-three .header-logo:hover::after {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 576px) {
  .full-width-nav .primary-brand-bar .ai-brand-cta .brand-tier-three { /* AI */
    padding-right: 0;
    border-left: 0;
    padding-left: 0;
  }
}
.full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta.tierOne .header-logo { /* PS */
  padding-right: 0;
  border-right: 0;
}

@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .ai-brand-cta.brand-cta.tierOne .header-logo { /* PS */
    padding-right: 0;
    border-right: 0;
  }
  .full-width-nav .primary-brand-bar .ai-brand-cta .brand-tier-three { /* AI */
    padding-right: 0;
    border-left: 0;
    padding-left: 0;
  }
}
.full-width-nav .ai-brand-cta .more-menu-buttons {
  flex: 1;
}

.notTierThree.full-width-nav .ai-brand-cta.brand-cta .more-menu-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 1080px) {
  .notTierThree.full-width-nav .ai-brand-cta.brand-cta .more-menu-buttons {
    display: none;
  }
}

@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .ai-brand-cta .header-cta-buttons {
    flex: 1;
    justify-content: flex-end;
  }
}
.sticky-col-header {
  position: fixed;
  top: 0;
  z-index: 100;
  overflow: hidden;
  display: none;
  pointer-events: none;
}
.sticky-col-header table {
  border-collapse: collapse;
  table-layout: fixed;
  width: max-content;
  margin-top: 0;
}
.sticky-col-header th {
  background-color: rgba(var(--white-rgb), 1);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-medium-small) var(--spacing-x-small);
  border: 1px solid var(--color-standard-border);
  white-space: nowrap;
}

.table-maker-table.table-ai-tools {
  position: relative;
}
.table-maker-table.table-ai-tools tr {
  vertical-align: top;
}
.table-maker-table.table-ai-tools thead tr th {
  padding: var(--spacing-medium-small) var(--spacing-x-small);
}
.table-maker-table.table-ai-tools thead tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 102;
}
.table-maker-table.table-ai-tools tbody tr th[scope=row] {
  position: sticky;
  left: 0;
  z-index: 101;
}
.table-maker-table.table-ai-tools th {
  background-color: var(--white);
}

.reverse.bg-white.component table.table-maker-table.table-ai-tools thead tr th:first-child,
.reverse.bg-color:not(.reverse).component table.table-maker-table.table-ai-tools thead tr th:first-child,
.reverse.bg-color:not(.reverse).bg-transparent.component table.table-maker-table.table-ai-tools thead tr th:first-child,
.reverse.bg-transparent.bg-color:not(.reverse).component table.table-maker-table.table-ai-tools thead tr th:first-child {
  background-color: rgba(var(--white-rgb), 0.75);
}
.reverse.bg-white.component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(odd) th[scope=row],
.reverse.bg-color:not(.reverse).component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(odd) th[scope=row],
.reverse.bg-color:not(.reverse).bg-transparent.component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(odd) th[scope=row],
.reverse.bg-transparent.bg-color:not(.reverse).component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(odd) th[scope=row] {
  background-color: var(--ps-pugh-blue-50);
}
.reverse.bg-white.component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(even) th[scope=row],
.reverse.bg-color:not(.reverse).component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(even) th[scope=row],
.reverse.bg-color:not(.reverse).bg-transparent.component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(even) th[scope=row],
.reverse.bg-transparent.bg-color:not(.reverse).component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(even) th[scope=row] {
  background-color: rgba(var(--white-rgb), 0.75);
}

.reverse.component table.table-maker-table.table-ai-tools thead tr th:first-child {
  background-color: rgba(var(--black-rgb), 0.5);
}
.reverse.component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(odd) th[scope=row] {
  background-color: var(--ps-nittany-navy-500);
}
.reverse.component table.table-maker-table.table-ai-tools tbody tr:nth-of-type(even) th[scope=row] {
  background-color: rgba(var(--black-rgb), 0.5);
}

ul.list-flexible.list-type-arrow > li .list-item-inner:before {
  filter: var(--svg-filter-creek);
}

@media (min-width: 1080px) {
  .antihero.antihero-service .container.container-fixed-wide {
    grid-template: none;
  }
}
.antihero.antihero-service .standard-hero {
  display: grid;
}
.antihero.antihero-service .standard-hero .hero-service-content {
  order: 2;
  margin-top: var(--spacing-standard);
}
@media (min-width: 1080px) {
  .antihero.antihero-service .standard-hero .hero-service-content {
    order: 1;
    margin-top: 0;
  }
}
.antihero.antihero-service .standard-hero .hero-service-content .button {
  margin-top: var(--spacing-standard);
}
@media (min-width: 1080px) {
  .antihero.antihero-service .standard-hero {
    grid-template-columns: 6fr 4fr;
    grid-gap: var(--grid-gap-standard);
  }
}
.antihero.antihero-service .standard-hero .hero-service-announcements {
  padding: var(--spacing-small);
  padding-left: calc(var(--spacing-small) + var(--spacing-xx-small));
  height: fit-content;
  margin-top: var(--spacing-large);
  background: var(--ps-pugh-blue-250);
  position: relative;
  order: 1;
  margin-top: 0;
}
.antihero.antihero-service .standard-hero .hero-service-announcements::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--spacing-xx-small);
  background: linear-gradient(to bottom, rgba(var(--ps-future-green-rgb), 0.5), rgba(var(--ps-creek-rgb), 0.5));
}
@media (min-width: 1080px) {
  .antihero.antihero-service .standard-hero .hero-service-announcements {
    order: 2;
    margin-top: 0;
  }
}
.antihero.antihero-service .standard-hero .hero-service-announcements h2 {
  font-size: var(--h3);
  margin-bottom: var(--spacing-x-small);
  padding-top: 0;
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-header);
}
.antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement {
  padding: var(--spacing-small);
  margin-top: var(--spacing-x-small);
  grid-gap: var(--grid-gap-x-small);
  display: grid;
  grid-template-columns: 1fr;
  background: var(--white);
  text-decoration: none;
  position: relative;
}
@media (min-width: 1080px) {
  .antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement {
    grid-template-columns: auto 1fr;
  }
}
.antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement p.announcement-title {
  font-size: var(--font-size-lg);
  padding-top: 0;
}
.antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement .announcement-details {
  align-content: center;
  padding-right: var(--spacing-minimum);
}
.antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement .announcement-text {
  text-wrap: pretty;
  line-height: var(--line-height-medium);
}
.antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement .announcement-text p {
  padding-top: 0;
  color: var(--primary-text-color);
  font-size: var(--font-size-base);
  display: inline;
}
.antihero.antihero-service .standard-hero .hero-service-announcements .service-announcement span.announcement-date {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  padding-top: 0;
  color: var(--ps-creek-200);
  text-decoration: none;
}

.service-support-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--spacing-small);
}
.service-support-status a {
  display: flex;
  align-items: center;
  padding: var(--spacing-x-small) var(--spacing-medium-small);
}
.service-support-status img {
  height: 36px;
  width: auto;
  margin-right: var(--spacing-xx-small);
}
@media (min-width: 1080px) {
  .service-support-status {
    position: absolute;
    top: 0;
    right: 0;
  }
}

:root {
  --cc-container-margin: var(--grid-gap-standard); /* 2rem — matches your mobile container */
  --cc-peek: var(--spacing-standard); /* how much of the next card shows */
  --cc-gap: var(--spacing-standard);
  /* card width = full viewport minus margin from left , minus peek, minus one gap */
  --cc-card-w: calc(100vw - var(--cc-container-margin) - var(--cc-peek) - var(--cc-gap));
  --cc-container-margin: var(--grid-gap-standard);
}

@media (min-width: 576px) {
  .component-id-239096 .widget-wrap {
    aspect-ratio: unset !important;
  }
}
#card-carousel {
  color: var(--color-primary-header);
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: calc(var(--grid-gap-standard) * -1);
  margin-right: calc(var(--grid-gap-standard) * -1);
  width: calc(100% + var(--grid-gap-standard) * 2);
}

/* On wider screens, cap card width so we don't get huge cards */
@media (min-width: 576px) {
  #card-carousel.ai-event-carousel {
    --cc-card-w: clamp(320px, 38vw, 340px);
    --cc-peek: 48px;
  }
  #card-carousel.ai-event-carousel[data-card-count="1"] {
    --cc-card-w: clamp(380px, 46vw, 520px);
  }
  #card-carousel.ai-event-carousel[data-card-count="2"] {
    --cc-card-w: clamp(380px, 46vw, 520px);
  }
  #card-carousel.ai-event-carousel[data-card-count="3"] {
    --cc-card-w: clamp(320px, 40vw, 420px);
  }
}
/* ── Section Header & dots width into std column ── */
/* Controls and dots stay constrained to the standard column */
#card-carousel .cc-section {
  width: 100%;
  padding-left: var(--cc-container-margin);
  padding-right: var(--cc-container-margin);
  box-sizing: border-box;
  text-align: center;
  max-width: calc(1600px - 2 * var(--grid-gap-standard));
}

#card-carousel .cc-section.cc-section-dots {
  justify-self: flex-start;
  align-self: flex-start;
}

#card-carousel .cc-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: var(--spacing-small);
  gap: 24px;
  flex-wrap: wrap;
}

#card-carousel .cc-section-title {
  font-size: clamp(36px, 5vw, 58px);
  font-weight: 900;
  line-height: 1.05;
  width: 100%;
  text-wrap: pretty;
}
@media (min-width: 576px) {
  #card-carousel .cc-section-title {
    width: 80%;
  }
}

#card-carousel .cc-section-title em {
  font-style: normal;
  color: var(--ps-pugh-blue-200);
}

#card-carousel .cc-nav-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0;
}

#card-carousel .cc-nav-btn {
  width: var(--spacing-large);
  height: var(--spacing-large);
  border-radius: 50%;
  border: 1px solid var(--primary-link-color);
  background: var(--white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  color: var(--primary-link-color);
}

#card-carousel .cc-nav-btn:hover {
  background: var(--primary-link-color);
  color: var(--white);
}

.reverse #card-carousel .cc-nav-btn {
  border: 2px solid var(--white);
}

#card-carousel .cc-nav-btn:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}

#card-carousel .cc-nav-btn svg {
  width: var(--spacing-medium-small);
  height: var(--spacing-medium-small);
}

#card-carousel .cc-track-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  padding: var(--spacing-medium-small) 0;
  touch-action: pan-y;
  -webkit-mask-image: linear-gradient(to right, black calc(100% - var(--cc-peek)), transparent 100%);
  mask-image: linear-gradient(to right, black calc(100% - var(--cc-peek)), transparent 100%);
}

#card-carousel.cc-track-wrapper,
#card-carousel.cc-track,
#card-carousel.cc-card {
  touch-action: pan-y pinch-zoom; /* try to alleviate vertical scroll issues and weird side swiping */
}

#card-carousel .cc-track {
  display: flex;
  gap: var(--cc-gap);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  padding-left: var(--cc-container-margin);
  padding-right: var(--cc-container-margin);
  padding-bottom: 8px;
}

/* ── Card ── */
#card-carousel .cc-card {
  flex: 0 0 var(--cc-card-w);
  padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 6px; /* 6px to max out width to left edge but have space for focus state */
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium-small);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  justify-content: flex-start;
  color: #fff;
  min-height: 380px;
  border-right: 1px solid rgba(var(--ps-pugh-blue-rgb), 0.5);
}

#card-carousel.ai-event-carousel .cc-card:nth-of-type(6) {
  border-right: none; /* remove as last card has full border */
}

.reverse .component .ai-event-carousel a.cc-card-link:link,
.reverse .component .ai-event-carousel a.cc-card-link:visited {
  text-decoration: none;
}

#card-carousel .cc-card:hover {
  /* transform: translateY(-6px); */
}

#card-carousel .cc-card:hover::before {
  opacity: 1;
}

/* top accent bar per card */
#card-carousel .cc-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
  display: none;
}

/* ── Large background number ── */
#card-carousel .cc-card-number {
  position: absolute;
  top: 0;
  left: 0.5rem;
  font-weight: 900;
  font-size: 100px;
  line-height: 1;
  background: linear-gradient(135deg, var(--ps-pugh-blue-350) 0%, var(--ps-creek-350) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
  transition: opacity 0.3s ease;
}

#card-carousel .cc-card:hover .cc-card-number {
  opacity: 0.16;
}

#card-carousel .cc-card-title {
  font-size: var(--h4);
  font-weight: 500;
  color: var(--color-primary-header);
  position: relative;
  text-wrap: pretty;
  line-height: var(--line-height-medium);
  margin: 0;
  padding: 0;
}

@media (max-width: 576px) {
  #card-carousel .cc-card.cc-card--more {
    flex: 0 0 calc(100vw - var(--cc-container-margin) - var(--cc-gap));
  }
}
/* Meta list */
#card-carousel.ai-event-carousel .cc-card-meta {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-x-small);
}

#card-carousel.ai-event-carousel .cc-meta-item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-x-small);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-small);
}

#card-carousel.ai-event-carousel .cc-meta-item svg {
  flex-shrink: 0;
  width: var(--font-size-xl);
  height: var(--font-size-xl);
  opacity: 1;
  color: var(--ps-pugh-blue-500);
}

/* ── Progress dots ── */
#card-carousel .cc-dots {
  display: inline-flex;
  gap: var(--spacing-small);
  justify-content: center;
  background: white;
  padding: var(--spacing-small) var(--spacing-medium-small);
  border-radius: var(--spacing-standard);
}

#card-carousel button.cc-dot {
  width: var(--spacing-small);
  height: var(--spacing-small);
  border-radius: var(--spacing-standard);
  background: var(--link-color);
  transition: all 0.15s ease;
  cursor: pointer;
  border: none;
}
#card-carousel button.cc-dot:hover {
  outline: 3px dashed var(--ps-sky-blue-500);
  outline-offset: 3px;
  background: var(--ps-pugh-blue-500);
}
#card-carousel button.cc-dot:focus {
  background: var(--ps-pugh-blue-500);
}

#card-carousel button.cc-dot.active {
  width: var(--spacing-x-large);
  background: var(--ps-future-green-500);
  border: none;
}
#card-carousel button.cc-dot.active:hover {
  outline: none;
  background: var(--ps-future-green-500);
}

/* "More Events" promo card */
#card-carousel.ai-event-carousel .cc-card--more {
  background: transparent;
  border: 1px solid rgba(var(--ps-pugh-blue-rgb), 0.5);
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-medium-small);
  padding: var(--spacing-standard);
}

#card-carousel.ai-event-carousel .cc-more-label {
  font-size: var(--h5);
  font-weight: var(--font-weight-bold);
  color: var(--reverse-header-color);
  text-wrap: balance;
  padding-top: 0;
  line-height: var(--line-height-medium);
}

.event-carousel-learn-more {
  align-self: flex-end;
  margin-top: auto;
  font-size: var(--font-size-xl);
}

.component table {
  width: 100%;
}
.component table th[scope=colgroup] {
  text-align: center;
  font-size: var(--font-size-lg);
}
.component table td:empty {
  border: transparent;
}
.component table th[scope=col] {
  border-bottom: transparent;
}
.component table th[headers=accountTypeGroup] {
  text-align: center;
}
.component table td.usage-recommendation {
  text-align: center;
}
.component table th[scope=rowgroup] {
  font-size: var(--h5);
  border-left: 12px solid;
}
.component table th.classification-1 {
  border-left-color: #3C9162;
}
.component table th.classification-2 {
  border-left-color: #FFF52F;
}
.component table th.classification-3 {
  border-left-color: #FEA857;
}
.component table th.classification-4 {
  border-left-color: #E02C20;
}

footer div.footer-list h2, footer li.footer-list h2 {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}

.footer-wrap {
  background: linear-gradient(to bottom, #002e69 0%, var(--ps-link-blue-600) 75%, var(--ps-link-blue-500) 100%);
}

footer div.footer-list ul li, footer li.footer-list ul li {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-weight: var(--font-weight-medium);
}

.superfooter-legal {
  background-color: var(--ps-nittany-navy-500);
}
.superfooter-legal ul li a:link,
.superfooter-legal ul li a:visited {
  color: var(--reverse-link-color);
}

.footer-wrap {
  position: relative;
}

.footer-wrap::after { /* noise */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); /* adjust frequency towards one for finer grain */
  background-repeat: repeat;
  background-size: 500px;
  opacity: 0.25;
  aspect-ratio: unset;
  filter: blur(0);
  mix-blend-mode: overlay;
  /* isolate noise to prevent jitter on mobile */
  isolation: isolate;
  will-change: transform;
  transform: translateZ(0);
  pointer-events: none;
}