@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Light-s.p.23082874.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Light-s.p.d68cccf5.ttf?v=nuanu-fonts-3") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Regular-s.p.fbe3d914.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Regular-s.p.b7648387.ttf?v=nuanu-fonts-3") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Medium-s.p.27937b21.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Medium-s.p.e141f728.ttf?v=nuanu-fonts-3") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Bold-s.p.e242c6e1.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl";
  src: url("fonts/nuanu/SuisseIntl_Bold-s.p.8d5c57dd.ttf?v=nuanu-fonts-3") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseWorks";
  src: url("fonts/nuanu/SuisseWorks_Regular-s.p.5cadbfc3.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseWorks";
  src: url("fonts/nuanu/SuisseWorks_RegularItalic-s.p.0a6930f9.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "suisseWorks";
  src: url("fonts/nuanu/SuisseWorks_Medium-s.p.9ce9d989.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseWorks";
  src: url("fonts/nuanu/SuisseWorks_MediumItalic-s.p.3590376f.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "suisseWorks";
  src: url("fonts/nuanu/SuisseWorks_Bold-s.p.ab6b44b9.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "suisseWorks";
  src: url("fonts/nuanu/SuisseWorks_BoldItalic-s.p.1a205c8a.otf?v=nuanu-fonts-3") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "suisseIntl Fallback";
  src: local("Arial");
  ascent-override: 95.93%;
  descent-override: 30.26%;
  line-gap-override: 0%;
  size-adjust: 102.79%;
}

@font-face {
  font-family: "suisseWorks Fallback";
  src: local("Arial");
  ascent-override: 93.04%;
  descent-override: 29.35%;
  line-gap-override: 0%;
  size-adjust: 105.97%;
}

:root {
  --ink: #1d2b29;
  --ink-soft: rgba(29, 43, 41, 0.68);
  --font-body: "suisseIntl", "suisseIntl Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --font-display: var(--font-body);
  --font-code: var(--font-body);
  --font-serif: "suisseWorks", "suisseWorks Fallback";
  --section-title-size: 48px;
  --compact-title-size: 48px;
  --intro-text-size: 18.4px;
}

html {
  font-size: 16px;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

body {
  color: var(--ink);
  line-height: 24px;
  font-synthesis: none;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
label,
input,
select,
textarea,
summary,
small,
span,
li,
address {
  font-family: var(--font-body) !important;
  letter-spacing: 0 !important;
}

strong,
b {
  font-family: var(--font-body) !important;
  font-weight: 700;
}

.site-header {
  grid-template-columns: 126px minmax(0, 1fr) 101px;
  gap: 44px;
  min-height: 74px;
  padding-right: max(24px, calc((100vw - 1304px) / 2));
  padding-left: max(24px, calc((100vw - 1304px) / 2));
  color: var(--ink);
}

.brand {
  justify-self: start;
}

.site-nav {
  gap: 32px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.site-nav a {
  display: inline-flex;
  min-height: 24px;
  align-items: flex-start;
  padding: 0 8px;
  line-height: 24px;
}

.site-nav a:not(.active) {
  opacity: 0.64;
}

.site-nav a.active {
  opacity: 1;
}

.site-nav a.active::after,
.site-nav a:hover::after {
  bottom: -13px;
}

.header-cta,
.button,
.newsletter button,
.story-gallery-button,
.hero-feature-copy a,
.footer-newsletter button,
.nu-visit-toggle button,
.nu-visit-segment button,
.nu-invest-tabs button,
.nu-invest-tab-list button,
.nu-events-switch button,
.nu-events-filter-button,
.nu-events-calendar-grid a,
.nu-events-special-card a,
.nu-events-host-card a,
.nu-events-email,
.nu-invest-form button,
.nu-invest-card-link,
.nu-stay-hotel-cta a,
.nu-arts-cta-card a,
.nu-arts-showcase-card button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.header-cta {
  justify-self: end;
  width: 101px;
  min-width: 101px;
  min-height: 42px;
  color: var(--ink);
  padding-right: 0;
  padding-left: 0;
}

.nu-visit-toggle button,
.nu-visit-segment button,
.nu-invest-tabs button,
.nu-invest-tab-list button,
.nu-events-switch button {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.nu-visit-segment button.active,
.nu-invest-tab-list button.active,
.nu-events-switch button.active {
  font-weight: 400;
}

.eyebrow,
.section-kicker,
.project-card p,
.story-card p,
.stay-card p,
.event-grid p,
.showcase-list p,
.nu-events-card-kicker,
.nu-events-grid-list span,
.nu-invest-card-kicker,
.nu-stay-card-kicker,
.nu-arts-kicker {
  font-size: 16.5px;
  font-weight: 400;
  line-height: 24.75px;
  text-transform: none;
}

.hero-content h1,
.page-hero h1,
.nu-arts-hero-copy h1 {
  max-width: 900px;
  margin: 0 0 20px;
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
  text-align: left;
}

.hero-content p,
.page-hero .hero-content p:not(.eyebrow),
.nu-visit-intro p,
.nu-stay-intro p,
.nu-invest-intro p,
.story-gallery-intro p,
.split-intro p,
.fund-impact-intro p,
.commitment-heading p,
.crays-articles-header p,
.stay-landing-intro p,
.stay-collection-header p,
.stay-booking-card p,
.nu-invest-panel-title p,
.nu-invest-project-heading p,
.nu-invest-form-card > p,
.nu-events-host-card p,
.nu-events-contact-card p {
  font-size: 18.4px;
  font-weight: 400;
  line-height: 27.6px;
}

.story-gallery-intro h2,
.split-intro h2,
.fund-impact-intro h2,
.location-map-section h2,
.mission-vision-heading h2,
.commitment-heading h2,
.crays-world-heading h2,
.media-spotlight-section h2,
.crays-articles-header h2,
.stay-collection-header h2,
.stay-copy-card h2,
.stay-hotels-section > h2,
.stay-journey-section h2,
.nu-stay-hotels-section > h2,
.nu-stay-journey-section h2,
.nu-stay-collection h2,
.nu-stay-journey h2,
.visit-flow-title,
.contact-band h2,
.nu-visit-section-head h2,
.nu-visit-projects h2,
.nu-visit-infrastructure h2,
.nu-arts-landmark-title,
.nu-arts-split-heading h2,
.nu-arts-venues-title,
.nu-arts-showcases h2,
.nu-invest-panel-title h2,
.nu-invest-section-title,
.nu-invest-advantages h2,
.nu-events-calendar-head h2,
.nu-events-special h2,
.nu-events-host-card h2,
.nu-events-contact-card h2 {
  font-size: 48px;
  font-weight: 300;
  line-height: 72px;
  letter-spacing: 0;
}

.story-gallery-intro h2 strong,
.split-intro h2 strong,
.fund-impact-intro h2 strong,
.location-map-section h2 strong,
.mission-vision-heading h2 strong,
.commitment-heading h2 strong,
.crays-world-heading h2 strong,
.media-spotlight-section h2 strong,
.crays-articles-header h2 strong,
.stay-collection-header h2 strong,
.stay-hotels-section > h2 strong,
.stay-journey-section h2 strong,
.nu-stay-hotels-section > h2 strong,
.nu-stay-journey-section h2 strong,
.nu-stay-collection h2 strong,
.nu-stay-journey h2 strong,
.visit-flow-title strong,
.nu-visit-section-head h2 strong,
.nu-visit-projects h2 strong,
.nu-visit-infrastructure h2 strong,
.nu-arts-landmark-title strong,
.nu-arts-split-heading h2 strong,
.nu-arts-venues-title strong,
.nu-arts-showcases h2 strong,
.nu-invest-panel-title h2 strong,
.nu-invest-section-title strong,
.nu-invest-advantages h2 strong,
.nu-events-hero-grid h1 strong,
.nu-events-board h1 strong,
.nu-events-calendar-head h2 strong,
.nu-events-special h2 strong,
.nu-events-host-card h2 strong,
.nu-events-contact-card h2 strong {
  font-weight: 700;
}

.story-gallery-intro h2,
.fund-impact-intro h2,
.mission-vision-heading h2,
.commitment-heading h2,
.location-map-section h2,
.visit-flow-title,
.crays-world-heading h2,
.media-spotlight-section h2,
.crays-articles-header h2 {
  line-height: 60px;
}

.nu-visit-intro h1,
.nu-invest-intro h1 {
  font-size: 48px;
  font-weight: 300;
  line-height: 72px;
  text-align: left;
}

.nu-visit-intro h1 strong,
.nu-invest-intro h1 strong,
.nu-stay-intro h1 strong {
  font-weight: 700;
}

.nu-stay-intro h1 {
  font-size: 38px;
  font-weight: 300;
  line-height: 57px;
  text-align: left;
}

.nu-events-board h1 {
  max-width: 930px;
  font-size: 48px;
  font-weight: 300;
  line-height: 72px;
  text-align: center;
}

.mission-vision-card h2,
.crays-world-card h2,
.stay-card h2,
.stay-booking-card h2,
.stay-copy-card h2,
.nu-stay-group-card h2,
.nu-invest-form-card h2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 44px;
}

.mission-vision-card h2,
.crays-world-card h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.mission-vision-layout,
.mission-vision-layout > *,
.mission-vision-card,
.mission-vision-image,
.card-title-with-mark {
  min-width: 0;
}

.mission-vision-card,
.mission-vision-image {
  max-width: 100%;
}

.mission-vision-card h2,
.mission-vision-card p {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.project-card h3,
.story-card h3,
.stay-card h3,
.showcase-list h3,
.tile-grid h3,
.landmark-grid h3,
.feature-list h3,
.visit-route-copy h3,
.visit-route-steps h3,
.commitment-section .tab-panel h3,
.crays-article-card h3,
.crays-ecosystem-copy,
.nu-events-grid-list h2,
.nu-events-special-card h3,
.nu-visit-card h3,
.nu-visit-infrastructure h3,
.nu-stay-card-panel h3,
.nu-invest-project-card h3,
.nu-invest-advantage-card h3,
.nu-arts-collab-card h3,
.nu-arts-venue-card h3,
.nu-arts-showcase-card h3,
.nu-arts-cta-card h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.project-card p,
.story-card span,
.stay-card p,
.showcase-list p,
.tile-grid p,
.landmark-grid p,
.feature-list p,
.visit-route-copy p,
.visit-route-steps p,
.commitment-section .tab-panel p,
.nu-visit-card p,
.nu-visit-infrastructure p,
.nu-stay-card-panel p,
.nu-invest-project-card p,
.nu-invest-advantage-card p,
.nu-arts-collab-card p,
.nu-arts-venue-card p,
.nu-arts-showcase-card p {
  font-size: 16.5px;
  font-weight: 400;
  line-height: 24.75px;
}

.hero-feature-copy p,
.nu-events-floating p,
.nu-events-grid-list time,
.nu-events-special-card time,
.nu-stay-card-price,
.nu-invest-card-price {
  font-size: 18.4px;
  font-weight: 400;
  line-height: 27.6px;
}

.hero-feature-copy a,
.nu-events-floating a,
.nu-events-calendar-grid a,
.nu-events-special-card a,
.nu-events-host-card a,
.nu-invest-card-link,
.nu-stay-hotel-cta a,
.nu-arts-showcase-card button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.nu-events-weekdays span,
.nu-events-calendar-grid time,
.nu-events-price,
.nu-events-date,
.nu-events-card-price {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.nu-events-card-location,
.nu-events-calendar-grid article > span {
  font-size: 16.5px;
  font-weight: 400;
  line-height: 24.75px;
}

.footer-newsletter label {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.footer-kicker,
.footer-menu h3,
.footer-important h3 {
  color: #8c9191;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.footer-contact-link,
.footer-contact address,
.footer-menu a,
.footer-important a {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.footer-socials a,
.footer-bottom,
.footer-bottom a,
.footer-project-note,
.footer-newsletter small,
.contact-form label,
.contact-form legend,
.newsletter small {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.impact-strip strong,
.metric-cards strong {
  font-size: 48px;
  font-weight: 300;
  line-height: 60px;
}

.impact-strip span,
.metric-cards span {
  font-size: 16.5px;
  font-weight: 400;
  line-height: 24.75px;
}

.button,
.story-gallery-button,
.crays-articles-button {
  min-height: 64px;
  padding-right: 32px;
  padding-left: 32px;
  font-size: 18.4px;
  font-weight: 400;
  line-height: 27.6px;
}

.story-gallery-button {
  min-width: 253px;
}

.crays-articles-button {
  width: fit-content;
  min-width: 234px;
}

.story-gallery-button span,
.crays-articles-button span {
  flex: 0 0 auto;
}

.story-gallery-intro h2 {
  max-width: 510px;
}

.story-gallery-intro p {
  max-width: 582px;
}

.hero-feature-copy a,
.crays-ecosystem-more {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.crays-ecosystem-copy {
  max-width: 100%;
  font-size: 18.4px;
  font-weight: 400;
  line-height: 27.6px;
}

.crays-article-image span strong {
  font-size: 18.2px;
  font-weight: 400;
  line-height: 27.3px;
}

.crays-article-image span em {
  font-size: 14.5px;
  font-weight: 400;
  line-height: 21.75px;
}

.story-gallery-intro h2,
.story-gallery-intro p,
.split-intro h2,
.split-intro p,
.fund-impact-intro h2,
.fund-impact-intro p,
.location-map-section h2,
.mission-vision-heading h2,
.commitment-heading h2,
.commitment-heading p,
.crays-world-heading h2,
.media-spotlight-section h2,
.crays-articles-header h2,
.crays-articles-header p,
.crays-ecosystem-copy,
.crays-ecosystem-more {
  color: var(--ink);
}

@media (max-width: 700px) {
  .site-header {
    padding-right: 18px;
    padding-left: 18px;
    grid-template-columns: auto auto;
    gap: 16px;
  }

  .brand {
    justify-self: center;
  }

  .site-nav {
    gap: 0;
    font-size: 24px;
    line-height: 36px;
  }

  .hero-content,
  .page-hero .hero-content {
    text-align: center;
  }

  .hero-content h1,
  .page-hero h1 {
    font-size: 48px;
    line-height: 60px;
    text-align: center;
  }

  .hero-content p,
  .page-hero .hero-content p:not(.eyebrow) {
    font-size: 17.4px;
    line-height: 26.1px;
    text-align: center;
  }

  .button,
  .story-gallery-button,
  .crays-articles-button {
    font-size: 18.4px;
    line-height: 27.6px;
  }

  .crays-articles-button {
    width: 100%;
    min-width: 0;
  }

  .story-gallery-intro h2,
  .split-intro h2,
  .fund-impact-intro h2,
  .location-map-section h2,
  .mission-vision-heading h2,
  .commitment-heading h2,
  .crays-world-heading h2,
  .media-spotlight-section h2,
  .crays-articles-header h2,
  .stay-collection-header h2,
  .stay-hotels-section > h2,
  .stay-journey-section h2,
  .nu-stay-hotels-section > h2,
  .nu-stay-journey-section h2,
  .nu-stay-collection h2,
  .nu-stay-journey h2,
  .visit-flow-title,
  .nu-visit-section-head h2,
  .nu-visit-projects h2,
  .nu-visit-infrastructure h2,
  .nu-arts-landmark-title,
  .nu-arts-split-heading h2,
  .nu-arts-venues-title,
  .nu-arts-showcases h2,
  .nu-invest-panel-title h2,
  .nu-invest-section-title,
  .nu-invest-advantages h2,
  .nu-events-calendar-head h2,
  .nu-events-special h2 {
    font-size: 38px;
    line-height: 57px;
  }

  .nu-visit-intro h1,
  .nu-invest-intro h1 {
    font-size: 48px;
    line-height: 72px;
  }

  .nu-stay-intro h1,
  .nu-events-board h1 {
    font-size: 38px;
    line-height: 57px;
  }

  .footer-newsletter label,
  .footer-kicker,
  .footer-menu h3,
  .footer-important h3,
  .footer-contact-link,
  .footer-contact address,
  .footer-menu a,
  .footer-important a {
    font-size: 24px;
    line-height: 36px;
  }

  .media-marquee-track {
    width: max-content;
    max-width: 100%;
    animation: none;
    transform: none;
  }

  .media-marquee-track img {
    width: 110px;
    height: 110px;
    padding: 14px;
  }

  .media-marquee-track img:nth-child(n + 4) {
    display: none;
  }
}

/* Final Nuanu typography lock: keep old Crays component weights from making text look too heavy. */
.mission-vision-card p,
.crays-world-card p,
.fund-impact-intro p,
.commitment-heading p,
.location-map-section p,
.visit-route-copy p,
.stay-copy-card > p:not(.section-kicker),
.nu-stay-group-card p,
.nu-arts-collab-card p,
.nu-arts-venue-card p,
.nu-arts-showcase-card p {
  font-weight: 400 !important;
}

.fund-impact-button,
.mission-vision-button,
.location-map-link,
.visit-route-tab,
.crays-world-button,
.nu-arts-button,
.nu-events-category-button,
.nu-stay-book-now,
.nu-stay-cta a,
.nu-stay-group-card a,
.nu-visit-project-list a,
.nu-visit-filter-controls button {
  font-weight: 400 !important;
}

.mission-vision-card h2,
.crays-world-card h2,
.nu-arts-venue-card h3,
.nu-arts-venue-card h4,
.nu-arts-open-call h3,
.nu-stay-card-panel h3,
.nu-stay-group-card h2,
.nu-visit-project-list h3,
.nu-visit-infrastructure h3 {
  font-weight: 500 !important;
}

.nu-arts-showcase-panel span,
.nu-stay-pill {
  font-weight: 400 !important;
}

.nu-stay-card-meta {
  line-height: 24px !important;
}

.nu-visit-calendar-board strong {
  line-height: 30px !important;
}

.nu-visit-project-list h3 {
  line-height: 36px !important;
}

.story-gallery-photo-button a,
.fund-impact-card span,
.crays-article-image span,
.disclaimer-section summary {
  font-weight: 400 !important;
}

.nu-visit-intro .nu-stagger-title,
.nu-stay-intro .nu-stagger-title,
.nu-invest-intro .nu-stagger-title,
.nu-events-hero-grid .nu-stagger-title,
.nu-arts-hero-grid .nu-stagger-title {
  max-width: 858px;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 300;
  letter-spacing: 0;
  text-align: left;
}

.nu-visit-intro .nu-stagger-title .nu-stagger-line,
.nu-stay-intro .nu-stagger-title .nu-stagger-line,
.nu-invest-intro .nu-stagger-title .nu-stagger-line,
.nu-events-hero-grid .nu-stagger-title .nu-stagger-line,
.nu-arts-hero-grid .nu-stagger-title .nu-stagger-line {
  display: block;
  width: 100%;
}

.nu-visit-intro .nu-stagger-title .nu-stagger-line-center,
.nu-stay-intro .nu-stagger-title .nu-stagger-line-center,
.nu-invest-intro .nu-stagger-title .nu-stagger-line-center,
.nu-events-hero-grid .nu-stagger-title .nu-stagger-line-center,
.nu-arts-hero-grid .nu-stagger-title .nu-stagger-line-center {
  display: flex;
  column-gap: 0.24em;
  justify-content: center;
}

.nu-visit-intro .nu-stagger-title strong,
.nu-stay-intro .nu-stagger-title strong,
.nu-invest-intro .nu-stagger-title strong,
.nu-events-hero-grid .nu-stagger-title strong,
.nu-arts-hero-grid .nu-stagger-title strong {
  font-weight: 700;
}

/* Homepage spacing follows Nuanu: hero margin first, then content-led sections with only bottom rhythm. */
main.home-main > .home-hero {
  margin-bottom: 132px !important;
}

main.home-main > section:not(.home-hero) {
  padding-top: 0 !important;
  padding-bottom: 132px !important;
}

@media (max-width: 860px) {
  main.home-main > .home-hero {
    margin-bottom: 86px !important;
  }

  main.home-main > section:not(.home-hero) {
    padding-top: 0 !important;
    padding-bottom: 86px !important;
  }
}

/* Shared Nuanu subpage top grid. This overrides the old full-bleed page hero so
   every subpage starts with the same title/media rhythm beneath the header. */
main > section.page-hero {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 32px 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
}

main > section.page-hero .hero-overlay {
  display: none !important;
}

main > section.page-hero .hero-content,
main > section.page-hero .hero-content.narrow {
  position: static !important;
  z-index: auto !important;
  order: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 858px) minmax(360px, 444px) !important;
  justify-content: space-between !important;
  align-items: start !important;
  width: min(calc(100% - 68px), 1302px) !important;
  max-width: 1302px !important;
  min-height: 144px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--ink) !important;
  text-align: left !important;
}

main > section.page-hero .eyebrow {
  display: none !important;
}

main > section.page-hero h1 {
  grid-column: 1 !important;
  max-width: 858px !important;
  margin: 0 !important;
  color: var(--ink) !important;
  font-family: var(--font-body) !important;
  font-size: 48px !important;
  font-weight: 300 !important;
  line-height: 72px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

main > section.page-hero .hero-content p:not(.eyebrow) {
  grid-column: 2 !important;
  max-width: 444px !important;
  margin: 16px 0 0 !important;
  color: var(--ink) !important;
  font-size: 18.4px !important;
  font-weight: 400 !important;
  line-height: 27.6px !important;
  text-align: left !important;
}

main > section.page-hero > img,
main > section.page-hero > video {
  position: static !important;
  inset: auto !important;
  order: 2 !important;
  display: block !important;
  width: min(calc(100% - 68px), 1302px) !important;
  height: 468px !important;
  margin: 32px auto 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  object-fit: cover !important;
  filter: none !important;
}

@media (max-width: 860px) {
  main > section.page-hero {
    padding: 28px 0 !important;
  }

  main > section.page-hero .hero-content,
  main > section.page-hero .hero-content.narrow {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: min(calc(100% - 36px), 1302px) !important;
    min-height: 0 !important;
    text-align: center !important;
  }

  main > section.page-hero h1 {
    grid-column: 1 !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    font-size: 38px !important;
    line-height: 57px !important;
    text-align: center !important;
  }

  main > section.page-hero .hero-content p:not(.eyebrow) {
    grid-column: 1 !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  main > section.page-hero > img,
  main > section.page-hero > video {
    width: min(calc(100% - 36px), 1302px) !important;
    height: 420px !important;
    margin-top: 28px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 520px) {
  main > section.page-hero h1 {
    font-size: 34px !important;
    line-height: 43px !important;
  }

  main > section.page-hero > img,
  main > section.page-hero > video {
    height: 320px !important;
  }
}