@font-face {
  font-family: Gt America Compressed;
  src: url('../fonts/GT-America-Compressed-Bold.woff') format("woff"), url('../fonts/GT-America-Compressed-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Standard;
  src: url('../fonts/GT-America-Standard-Bold.woff') format("woff"), url('../fonts/GT-America-Standard-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Compressed;
  src: url('../fonts/GT-America-Compressed-Black.woff') format("woff"), url('../fonts/GT-America-Compressed-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Compressed;
  src: url('../fonts/GT-America-Compressed-Regular.woff') format("woff"), url('../fonts/GT-America-Compressed-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Compressed;
  src: url('../fonts/GT-America-Compressed-Light.woff') format("woff"), url('../fonts/GT-America-Compressed-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Standard;
  src: url('../fonts/GT-America-Standard-Regular-Italic.woff') format("woff"), url('../fonts/GT-America-Standard-Regular-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt America Standard;
  src: url('../fonts/GT-America-Standard-Regular.woff') format("woff"), url('../fonts/GT-America-Standard-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Standard;
  src: url('../fonts/GT-America-Standard-Medium.woff') format("woff"), url('../fonts/GT-America-Standard-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America Standard;
  src: url('../fonts/GT-America-Standard-Bold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --gta-standard: "Gt America Standard", Arial, sans-serif;
  --brand-white: white;
  --bold-700: 700;
  --gray-nav-4e4e50: #4e4e50;
  --brand-red: #e2231a;
  --brand-black: black;
  --regular-400: 400;
  --medium-500: 500;
  --brand-red-dark: #9e1812;
  --gray-63666a: #63666a;
  --brand-red-light: #e73f36;
  --gta-compressed: "Gt America Compressed", Arial, sans-serif;
  --black-900: 900;
  --light-300: 300;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.skip-link {
  color: #e2231a;
  text-align: center;
  width: 100%;
  height: 40px;
  margin-top: -40px;
  padding-top: 10px;
  font-family: Gt America Standard, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.skip-link:focus-visible, .skip-link[data-wf-focus-visible] {
  margin-top: 0;
}

.skip-link.w--current {
  margin-top: -40px;
  padding-top: 10px;
}

.skip-link.w--current:focus-visible, .skip-link.w--current[data-wf-focus-visible] {
  margin-top: 0;
}

.btn-animated-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  font-weight: var(--bold-700);
  text-align: center;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  top: 0;
}

.btn-animated-text.btn-animated-text-uppercase {
  text-transform: uppercase;
}

.nav-sticky-wrapper {
  z-index: 100;
  width: 100%;
  height: 120px;
  position: fixed;
}

.mobile-menu-btn-text {
  color: #fff;
  font-family: Gt America Standard, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.nav-menu {
  margin-right: 40px;
  display: none;
}

.navbar {
  z-index: 10;
  background-color: var(--gray-nav-4e4e50);
  width: 100%;
}

.mobile-nav-menu {
  z-index: 1001;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
}

.logo {
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-wrapper {
  z-index: 20;
  pointer-events: auto;
  width: 100%;
}

.mobile-menu-btn-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.menu-btn-stripe {
  background-color: #fff;
  width: 100%;
}

.menu-btn-stripe.menu-btn-stripe-1 {
  height: 1px;
}

.menu-btn-stripe.menu-btn-stripe-2 {
  height: 2px;
}

.menu-btn-stripe.menu-btn-stripe-3 {
  height: 3px;
}

.nav-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.btn-animated-link-block {
  vertical-align: middle;
  cursor: pointer;
  background-color: #0000;
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 60px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.btn-animated {
  background-color: var(--brand-red);
  cursor: pointer;
  flex: 0 auto;
  display: inline-block;
  position: relative;
}

.btn-animated.btn--hero {
  text-align: center;
  width: 100%;
}

.mobile-menu-btn {
  z-index: 1001;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  background-color: #e2231a;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero {
  aspect-ratio: 9 / 10;
  background-color: var(--brand-white);
  margin-top: 120px;
  padding: 80px 20px;
  position: relative;
  overflow-x: hidden;
}

.hero-text-wrap {
  z-index: 1;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-header {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 96px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.hero-header-group {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.hero-subheader {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 40px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  margin-bottom: 0;
}

.hero-background {
  z-index: 0;
  background-image: linear-gradient(0deg, #fff0 75%, #fff), url('../images/hero-yasin-dr-thanjan_1.png');
  background-position: 0 0, 50% 75%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
  inset: 0%;
}

.tribute-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.tribute-text-wrapper {
  width: 50%;
  max-width: 750px;
  padding-bottom: 75px;
}

.btn-wrapper {
  margin-top: 40px;
}

.tribute-header {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 64px;
  line-height: 1.1;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}

.tribute-img {
  width: 100%;
  margin-bottom: 10px;
}

.triubute {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: var(--brand-black);
  align-items: stretch;
  padding-top: 75px;
  padding-right: 40px;
  display: flex;
}

.tribute-image-wrapper {
  width: 50%;
  position: relative;
}

.logo-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 32px;
  line-height: 1;
  font-weight: var(--medium-500);
  margin-bottom: 0;
  margin-left: 20px;
}

.welcome {
  background-color: var(--brand-black);
}

.hero-feature-tab {
  z-index: 2;
  background-color: var(--brand-white);
  padding: 55px 40px 25px;
  text-decoration: none;
  position: absolute;
  inset: 40% 0% auto auto;
}

.hero-feature-tab-label {
  background-color: var(--brand-red);
  vertical-align: middle;
  height: 60px;
  padding: 0 15px;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: -40px;
  overflow: hidden;
}

.hero-feature-tab-label-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  font-weight: var(--bold-700);
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
}

.hero-feature-tab-text {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  max-width: 300px;
  margin-bottom: 0;
}

.hero-feature-tab-corner-icon {
  width: 50px;
  position: absolute;
  inset: 15px 15px auto auto;
  transform: rotate(-90deg);
}

.letter-1 {
  background-color: var(--brand-white);
  width: 100%;
  padding: 100px 20px 50px;
}

.letter-1-column-primary {
  width: 70%;
}

.letter-1-column-secondary {
  width: 30%;
}

.letter-1-text {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.letter-1-wrap {
  grid-column-gap: 61px;
  grid-row-gap: 61px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.letter-1-img {
  object-fit: cover;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

.text-square {
  background-color: var(--brand-red);
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.tribute-text-square {
  background-color: var(--brand-red);
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.tribute-profile-img {
  float: right;
  border: 3px solid var(--brand-white);
  width: 240px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.welcome-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 33.333%;
}

.welcome-gradient {
  z-index: 4;
  background-image: linear-gradient(0deg, #000, #0000 95%);
  width: 100%;
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.welcome-images {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.welcome-bottom {
  background-color: var(--brand-black);
  width: 100%;
  padding: 20px 20px 90px;
}

.welcome-header {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 96px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.welcome-header-small {
  font-size: 48px;
  position: relative;
  left: -10px;
}

.welcome-header-wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.welcome-header-red {
  color: var(--brand-red);
}

.text-intro {
  font-weight: var(--bold-700);
  text-transform: uppercase;
}

.tribute-image-group {
  padding-bottom: 10px;
  position: sticky;
  top: 0;
}

.tribute-caption {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  max-width: 800px;
  margin-left: 20px;
}

.feature {
  z-index: 1;
  background-color: var(--brand-white);
  width: 100%;
  padding: 100px 20px;
  position: relative;
}

.feature-header {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 48px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  max-width: 500px;
  margin-bottom: 20px;
}

.feature-img {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--brand-white) 5%, #fff0 60%), linear-gradient(90deg, var(--brand-white) 5%, #fff0 50%), url('../images/feature-permar-bottom-fade.jpg');
  background-position: 0 0, 0 0, 100% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, 100%;
  width: 60%;
  height: 90%;
  position: absolute;
  inset: 20px 20px auto auto;
}

.feature-wrap {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.feature-column-primary {
  width: 70%;
}

.feature-text {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.feature-column-secondary {
  flex-flow: column;
  justify-content: flex-end;
  width: 30%;
  display: flex;
}

.feature-quote-citation {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--regular-400);
  text-align: right;
}

.feature-quote {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 24px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-align: right;
}

.feature-quote-box {
  background-color: var(--brand-black);
  margin-bottom: 100px;
  padding: 40px 50px;
  position: relative;
}

.letter-1-name {
  font-family: var(--gta-standard);
  color: var(--brand-red);
  font-size: 32px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  margin-bottom: 4px;
}

.letter-1-position {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.faq {
  background-color: var(--brand-black);
  background-image: url('../images/q-and-a-desai.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 50%;
  padding: 100px 20px;
  overflow: hidden;
}

.faq-wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.faq-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 100px;
  display: flex;
}

.faq-header-title {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 96px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
}

.faq-subheader {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--regular-400);
}

.faq-header-text {
  flex: none;
  width: 50%;
  margin-right: 20px;
}

.faq-header-caption {
  background-color: var(--brand-red);
  padding: 20px;
  position: relative;
}

.faq-header-caption-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  line-height: 1.4;
  font-weight: var(--regular-400);
  text-wrap: balance;
  margin-bottom: 0;
}

.accordion-list {
  margin-bottom: 60px;
  padding-left: 0;
  list-style-type: none;
}

.accordion-item {
  background-color: var(--brand-white);
  margin-bottom: 20px;
}

.accordion-label-text {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 24px;
  line-height: 1.2;
  font-weight: var(--regular-400);
  margin-bottom: 0;
  margin-right: 10px;
}

.accordion-letter {
  font-family: var(--gta-standard);
  color: var(--brand-red);
  font-size: 64px;
  line-height: 1;
  font-weight: var(--bold-700);
}

.accordion-trigger {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  display: flex;
}

.accordion-label-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.accordion-trigger-icon {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--brand-red);
  border-radius: 100vmax;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 32px;
  height: 32px;
  position: relative;
}

.accordion-trigger-icon-vertical {
  z-index: 2;
  background-color: var(--brand-white);
  border-radius: 4px;
  width: 3px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.accordion-trigger-icon-horizontal {
  z-index: 2;
  background-color: var(--brand-white);
  border-radius: 4px;
  width: 14px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.accordion-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-start;
  padding: 10px 30px;
  display: flex;
}

.accordion-body-text-wrapper {
  max-width: 800px;
  margin-top: 20px;
}

.accordion-body-text {
  font-family: var(--gta-standard);
  font-size: 24px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.philanthropy {
  padding: 100px 20px;
}

.philanthropy-wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.letter-2 {
  background-image: linear-gradient(280deg, #fff0 30%, #fff 60%), url('../images/letter-2-kids.png');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 100px 20px;
  position: relative;
}

.letter-2-wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.footer {
  background-color: var(--brand-black);
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.philanthropy-header {
  font-family: var(--gta-standard);
  color: var(--brand-red);
  font-size: 96px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 20px;
}

.philanthropy-intro {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 24px;
  line-height: 1.4;
  font-weight: var(--bold-700);
  max-width: 1000px;
  margin-bottom: 60px;
}

.philanthropy-cards {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 448px;
  display: flex;
}

.philanthropy-card {
  flex-flow: column;
  flex: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 624px;
  height: 448px;
  display: flex;
  position: relative;
}

.philanthropy-card.card--2 {
  background-image: url('../images/philanthropy-in-action-lang-program.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--1 {
  background-image: url('../images/philanthropy-in-action-plates.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--3 {
  background-image: url('../images/hudson-valley-hospital.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--4 {
  background-image: url('../images/chanel-luncheon.png');
  background-position: 50% 30%;
  background-size: cover;
}

.philanthropy-card.card--5 {
  background-image: url('../images/peter-francis-james-peter-gallagher-julianna-margulies-kate-maccluggage.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--6 {
  background-image: url('../images/Kate-Owen_Vogue-Youth-Mental-Health-2025_0433.png');
  background-position: 50% 100%;
  background-size: auto;
}

.philanthropy-card.card--7 {
  background-image: url('../images/team-nyp-nyc-marathon.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--8 {
  background-image: url('../images/friends-of-iris-cantor.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--9 {
  background-image: url('../images/amazing-kids-amazing-care.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--10 {
  background-image: url('../images/morgan-stanley-comedy-night.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--11 {
  background-image: url('../images/white-plains-the-one.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card.card--12 {
  background-image: url('../images/the-one.png');
  background-position: 50% 0;
  background-size: cover;
}

.philanthropy-card.card--13 {
  background-image: url('../images/nataraj.png');
  background-position: 50% 20%;
  background-size: cover;
}

.philanthropy-card.card--14 {
  background-image: url('../images/milstein-cocktail.png');
  background-position: 50%;
  background-size: cover;
}

.philanthropy-card-text-wrapper {
  z-index: 1;
  width: 100%;
  padding: 20px;
  position: relative;
}

.philanthropy-card-header {
  z-index: 1;
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--bold-700);
  position: relative;
}

.philanthropy-card-bg {
  z-index: 0;
  background-color: var(--brand-red-dark);
  opacity: .9;
  position: absolute;
  inset: 0%;
}

.philanthropy-card-text {
  z-index: 1;
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 0;
  position: relative;
}

.philanthropy-cards-wrapper {
  pointer-events: none;
  position: relative;
}

.philanthropy-cards-gradient {
  z-index: 1;
  background-image: linear-gradient(90deg, #0000, #fff);
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 448px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.philanthropy-cards-row {
  height: 448px;
}

.philanthropy-chev {
  z-index: 2;
}

.letter-2-corner {
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-180deg);
}

.letter-2-text {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.letter-2-column {
  max-width: 650px;
}

.letter-2-name {
  font-family: var(--gta-standard);
  color: var(--brand-red);
  font-size: 32px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  margin-bottom: 10px;
}

.letter-2-img {
  width: 150px;
  margin-bottom: 20px;
}

.letter-2-position {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.letter-2-citation {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.letter-2-citation-text {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.letter-2-img-wrap {
  aspect-ratio: 1;
  width: 150px;
  overflow: hidden;
}

.footer-img {
  width: 100%;
}

.footer-img-wrap {
  position: relative;
}

.footer-img-gradient {
  background-image: linear-gradient(0deg, #000 10%, #fff0 50%);
  position: absolute;
  inset: 0%;
}

.footer-row {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-button-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-btn-wrapper {
  overflow: hidden;
}

.footer-logo {
  width: 30%;
  margin-bottom: 40px;
}

.article-columns {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
  margin-top: 120px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.article-image-wrapper {
  width: 50%;
  position: relative;
}

.article-text-wrapper {
  width: 50%;
  max-width: 750px;
  margin-top: 40px;
  padding-bottom: 75px;
  position: relative;
}

.article-image-group {
  padding-bottom: 10px;
  position: sticky;
  top: 0;
}

.article-img {
  width: 100%;
}

.article-caption-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 14px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 0;
}

.article-header-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 64px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}

.article-text-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.article-text-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.article-text-square {
  background-color: var(--brand-red);
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.article-audio-white {
  background-color: var(--brand-white);
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
}

.article-video {
  margin-top: 40px;
  margin-bottom: 20px;
}

.article-caption {
  background-color: var(--brand-red);
  max-width: 80%;
  margin-top: -60px;
  padding: 10px 18px;
  display: inline-block;
  position: relative;
  top: 0;
}

.article-caption.article-caption--quote {
  margin-bottom: 40px;
  padding: 0;
}

.article-thin-corner {
  width: 45px;
  position: absolute;
  inset: -10px auto auto -10px;
}

.article-subheader-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 24px;
  line-height: 1.1;
  font-weight: var(--bold-700);
  margin-top: 0;
  margin-bottom: 40px;
}

.article-header-red {
  font-family: var(--gta-standard);
  color: var(--brand-red);
  font-size: 64px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}

.article-text-intro-white {
  font-weight: var(--bold-700);
  text-transform: uppercase;
}

.article-subheader-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 24px;
  line-height: 1.1;
  font-weight: var(--bold-700);
  margin-top: 0;
  margin-bottom: 40px;
}

.article-text-intro-black {
  font-weight: var(--bold-700);
  text-transform: uppercase;
}

.article-img-wrapper {
  position: relative;
}

.article-img-wrapper.img-wrapper-padding {
  padding: 60px;
}

.article-img-gradient-black {
  background-image: linear-gradient(180deg, transparent 50%, var(--brand-black)), linear-gradient(90deg, transparent 50%, var(--brand-black));
  position: absolute;
  inset: 0%;
}

.article-img-gradient-black.img-gradient-hide {
  display: none;
}

.article-img-gradient-white {
  background-image: linear-gradient(180deg, transparent 50%, var(--brand-white)), linear-gradient(90deg, transparent 50%, var(--brand-white));
  position: absolute;
  inset: 0%;
}

.article-thumbnail {
  width: 100%;
}

.article-thumbnail-white {
  border: 3px solid var(--brand-white);
  width: 100%;
}

.article-thumbnail-wrapper {
  float: right;
  clear: both;
  width: 240px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.article-thumbnail-caption {
  background-color: var(--brand-red);
  padding: 10px 18px;
}

.article-thumbnail-caption-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 0;
}

.article-audio-text {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.article-audio-title-black {
  border-bottom: 1px solid var(--brand-black);
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-decoration: none;
}

.article-audio-line-black {
  background-color: var(--brand-black);
  width: 2px;
  height: 18px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.article-audio-transcript-black {
  border-bottom: 1px solid var(--brand-black);
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--regular-400);
  text-decoration: none;
}

.article-video-embed {
  border: 3px solid var(--brand-white);
  margin-bottom: 10px;
}

.article-video-header-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--bold-700);
  margin-bottom: 6px;
}

.article-video-subheader-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
}

.article-video-header-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--bold-700);
  margin-bottom: 6px;
}

.article-video-subheader-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 18px;
  line-height: 1.4;
  font-weight: var(--regular-400);
}

.article-audio-red {
  background-color: var(--brand-red);
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
}

.article-audio-title-white {
  border-bottom: 1px solid var(--brand-white);
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-decoration: none;
}

.article-audio-line-white {
  background-color: var(--brand-white);
  width: 2px;
  height: 18px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.article-audio-transcript-white {
  border-bottom: 1px solid var(--brand-white);
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 20px;
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--regular-400);
  text-decoration: none;
}

.article-grid-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.article-grid-row.mt-40 {
  margin-top: 40px;
}

.article-grid-row.mt-40.mb-10 {
  margin-bottom: 10px;
}

.article-grid-img-caption-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 0;
}

.article-grid-img-caption {
  background-color: var(--brand-red);
  padding: 10px 18px;
  position: absolute;
  inset: 40px auto auto 0;
}

.article-grid-img-3up-white {
  border: 3px solid var(--brand-white);
  width: 33.3%;
  min-width: 0;
}

.article-grid-img-3up-white.img-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.article-grid-img-2up-white, .article-grid-img-1up-white {
  border: 3px solid var(--brand-white);
  min-width: 0;
}

.article-grid-img-wrapper {
  position: relative;
}

.article-grid-img-3up, .article-grid-img-2up, .article-grid-img-1up {
  min-width: 0;
}

.body-article-black {
  background-color: var(--brand-black);
}

.article-quote-red {
  background-color: var(--brand-red);
  padding: 50px 60px 40px 50px;
  position: relative;
}

.article-quote-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 24px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-align: right;
  margin-bottom: 20px;
}

.article-quote-text-black {
  color: var(--brand-black);
}

.article-quote-attribution {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 16px;
  font-style: italic;
  line-height: 1.4;
  font-weight: var(--regular-400);
  text-align: right;
}

.article-quote-corner-white {
  position: absolute;
  inset: 15px 15px auto auto;
}

.article-quote-black {
  background-color: var(--brand-black);
  padding: 50px 60px 40px 50px;
  position: relative;
}

.article-quote-text-red {
  color: var(--brand-red);
}

.article-quote-corner-red {
  position: absolute;
  inset: 15px 15px auto auto;
}

.article-quote-img {
  background-color: var(--gray-63666a);
  background-image: url('../images/rachel-rim.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 190px;
}

.article-quote-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.article-quote-wrapper.mt-40 {
  margin-top: 40px;
}

.article-quote-wrapper.article-quote-wrapper--in-caption {
  margin-bottom: 0;
}

.nav-item-chev {
  flex: none;
  width: 16px;
  height: 10px;
  margin-left: 6px;
  position: relative;
}

.nav-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-list.nav-list--mobile {
  flex-flow: column;
  align-items: flex-end;
  width: 100%;
}

.nav-item {
  margin-bottom: 0;
  position: relative;
}

.nav-item.nav-item--mobile {
  width: 100%;
}

.nav-item-trigger {
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 200px;
  padding: 20px;
  display: flex;
}

.nav-item-trigger.nav-item-trigger--mobile {
  width: 100%;
}

.nav-item-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--brand-white);
  flex-flow: column;
  align-items: flex-start;
  width: 200px;
  padding: 20px;
  display: flex;
  position: absolute;
}

.nav-item-body.nav-item-body--mobile {
  width: 100%;
  position: static;
}

.nav-item-text {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 18px;
  line-height: 1.2;
  font-weight: var(--regular-400);
  margin-bottom: 0;
}

.nav-item-link {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--regular-400);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.article-nav-white {
  background-color: var(--brand-white);
  align-items: stretch;
  display: flex;
}

.article-nav-img-wrapper {
  aspect-ratio: 3 / 2;
  flex: none;
  width: 33.3%;
  position: relative;
}

.article-nav-img {
  z-index: 0;
  background-image: url('../images/hero-yasin-dr-thanjan.png');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.article-nav-img-gradient-white {
  z-index: 2;
  background-image: linear-gradient(180deg, transparent 50%, var(--brand-white)), linear-gradient(270deg, #fff0 75%, var(--brand-white)), linear-gradient(90deg, transparent 75%, var(--brand-white));
  position: absolute;
  inset: 0%;
}

.article-nav-link-prev {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: right;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-decoration: none;
  display: flex;
}

.article-nav-link-next {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.article-nav-link-text-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 48px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  max-width: 275px;
  margin-bottom: 0;
}

.article-nav-home-row-white {
  background-color: var(--brand-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.article-nav-home-link {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.article-nav-home-link-text-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-align: center;
  text-transform: uppercase;
  text-underline-offset: 3px;
  margin-bottom: 0;
  text-decoration: underline;
}

.article-nav-link-prev-chev {
  width: 60px;
  height: 60px;
  transform: rotate(-180deg);
}

.article-nav-link-next-chev {
  width: 60px;
  height: 60px;
}

.article-nav-img-prev {
  z-index: 1;
  opacity: 0;
  background-image: url('../images/kids-group.png');
  background-position: 50%;
  background-size: cover;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.article-nav-img-prev.img-prev-going-the-extra-mile-for-children {
  background-image: url('../images/henry-vredenburgh.png');
  background-position: 50% 10%;
}

.article-nav-img-prev.img-prev-at-the-heart-of-our-mission {
  background-image: url('../images/skaats.png');
}

.article-nav-img-prev.img-prev-dr-juan-pascual-no-stone-unturned {
  background-image: url('../images/dr-pascual.png');
}

.article-nav-img-prev.img-prev-pediatrics-at-the-one {
  background-image: url('../images/dr-mencin.png');
}

.article-nav-img-prev.img-prev-laughter-is-the-best-medicine {
  background-image: url('../images/gotham-comedy-club.png');
}

.article-nav-img-prev.img-prev-sesame-workshop-partners-with-nyp {
  background-image: url('../images/sesame-street-sleep.png');
  background-position: 50% 100%;
}

.article-nav-img-prev.img-prev-compassion-in-action {
  background-image: url('../images/compassion-in-action.png');
}

.article-nav-img-prev.img-prev-dr-marie-laure-romneys-vision-for-pediatrics {
  background-image: url('../images/dr-romney.png');
  background-position: 50% 10%;
}

.article-nav-img-prev.img-prev-a-breath-of-life {
  background-image: url('../images/ashley-merchant.png');
}

.article-nav-img-prev.img-prev-olivias-story {
  background-image: url('../images/olivia-kelly.png');
}

.article-nav-img-prev.img-prev-an-unexpected-lifeline-child-life {
  background-image: url('../images/stella-safo-with-child.png');
}

.article-nav-img-prev.img-prev-a-new-era-of-care-for-children-in-westchester {
  background-image: url('../images/carey-family.png');
  background-position: 50% 20%;
}

.article-nav-img-prev.img-prev-jonathans-story {
  background-image: url('../images/kid-with-basketball.png');
}

.article-nav-img-next {
  z-index: 1;
  opacity: 0;
  background-image: url('../images/vredenburgh-family.png');
  background-position: 50%;
  background-size: cover;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.article-nav-img-next.img-next-dr-juan-pascual-no-stone-unturned {
  background-image: url('../images/dr-pascual.png');
}

.article-nav-img-next.img-next-pediatrics-at-the-one {
  background-image: url('../images/dr-mencin.png');
}

.article-nav-img-next.img-next-laughter-is-the-best-medicine {
  background-image: url('../images/gotham-comedy-club.png');
}

.article-nav-img-next.img-next-sesame-workshop-partners-with-nyp {
  background-image: url('../images/sesame-street-sleep.png');
  background-position: 50% 100%;
}

.article-nav-img-next.img-next-compassion-in-action {
  background-image: url('../images/compassion-in-action.png');
}

.article-nav-img-next.img-next-dr-marie-laure-romneys-vision-for-pediatrics {
  background-image: url('../images/dr-romney.png');
  background-position: 50% 10%;
}

.article-nav-img-next.img-next-a-breath-of-life {
  background-image: url('../images/ashley-merchant.png');
}

.article-nav-img-next.img-next-olivias-story {
  background-image: url('../images/olivia-kelly.png');
}

.article-nav-img-next.img-next-an-unexpected-lifeline-child-life {
  background-image: url('../images/stella-safo-with-child.png');
  background-position: 50%;
}

.article-nav-img-next.img-next-a-new-era-of-care-for-children-in-westchester {
  background-image: url('../images/carey-family.png');
  background-position: 50% 20%;
}

.article-nav-img-next.img-next-jonathans-story {
  background-image: url('../images/kid-with-basketball.png');
}

.article-nav-img-next.img-next-going-the-extra-mile-for-children {
  background-image: url('../images/henry-vredenburgh.png');
  background-position: 50% 10%;
}

.article-nav-img-next.img-next-at-the-heart-of-our-mission {
  background-image: url('../images/skaats.png');
}

.article-nav-black {
  background-color: var(--brand-black);
  align-items: stretch;
  display: flex;
}

.article-nav-home-row-black {
  background-color: var(--brand-black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.article-nav-home-link-text-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 20px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-align: center;
  text-transform: uppercase;
  text-underline-offset: 3px;
  margin-bottom: 0;
  text-decoration: underline;
}

.article-nav-link-text-white {
  font-family: var(--gta-standard);
  color: var(--brand-white);
  font-size: 48px;
  line-height: .9;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  max-width: 275px;
  margin-bottom: 0;
}

.article-nav-img-gradient-black {
  z-index: 2;
  background-image: linear-gradient(180deg, transparent 50%, var(--brand-black)), linear-gradient(270deg, #fff0 75%, var(--brand-black)), linear-gradient(90deg, transparent 75%, var(--brand-black));
  position: absolute;
  inset: 0%;
}

.article-nav-title-prev {
  z-index: 3;
  opacity: 0;
  font-family: var(--gta-standard);
  font-size: 24px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-align: center;
  text-transform: uppercase;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 20px;
}

.article-nav-title-prev.article-nav-title--black {
  color: var(--brand-black);
}

.article-nav-title-prev.article-nav-title--white {
  opacity: 0;
  color: var(--brand-white);
}

.article-nav-title-next {
  z-index: 3;
  opacity: 0;
  font-family: var(--gta-standard);
  font-size: 24px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-align: center;
  text-transform: uppercase;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 20px;
}

.article-nav-title-next.article-nav-title--black {
  opacity: 0;
  color: var(--brand-black);
}

.article-nav-title-next.article-nav-title--white {
  opacity: 0;
  color: var(--brand-white);
}

.bold-text-2 {
  line-height: 1.2;
}

.philanthropy-img-mobile {
  object-fit: cover;
  width: 100%;
  height: 200px;
  display: none;
}

.footer-grid {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.tribute-subheader {
  color: var(--brand-white);
  font-family: Gt America Standard, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  text-transform: uppercase;
  margin-bottom: 4px;
}

.tribute-text-intro {
  font-weight: var(--bold-700);
  text-transform: uppercase;
}

.feature-img-mobile {
  aspect-ratio: 3 / 2;
  background-image: url('../images/feature-permar-bottom-fade.jpg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: none;
}

.article-thumbnail-caption-text-black {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  line-height: 1.4;
  font-weight: var(--regular-400);
  max-width: 600px;
  margin-bottom: 0;
}

.feature-wrap--mobile {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.feature-header--mobile {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 48px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  max-width: 500px;
  margin-bottom: 20px;
}

.philanthropy-img-gradient {
  z-index: 0;
  background-image: linear-gradient(#fff0 75%, #fff);
  display: none;
  position: absolute;
  inset: 0%;
}

.letter-1b {
  background-color: var(--brand-white);
  width: 100%;
  padding: 50px 20px 100px;
}

.letter-1b-wrap {
  grid-column-gap: 61px;
  grid-row-gap: 61px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.letter-1b-column-primary {
  width: 70%;
}

.letter-1b-text {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

.letter-1b-column-secondary {
  width: 30%;
}

.letter-1b-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

.letter-1b-name {
  font-family: var(--gta-standard);
  color: var(--brand-red);
  font-size: 32px;
  line-height: 1.2;
  font-weight: var(--bold-700);
  margin-bottom: 4px;
}

.letter-1b-position {
  font-family: var(--gta-standard);
  color: var(--brand-black);
  font-size: 16px;
  font-style: italic;
  line-height: 1.2;
  font-weight: var(--regular-400);
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .nav-menu {
    background-color: #000;
    display: none;
  }

  .nav-wrapper {
    position: relative;
  }

  .menu-btn-stripe {
    background-color: #fff;
    flex: none;
    align-self: auto;
    width: 100%;
    height: 4px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-menu-btn:hover {
    z-index: 1001;
  }

  .hero {
    aspect-ratio: 1;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-header {
    font-size: 72px;
  }

  .hero-subheader {
    font-size: 32px;
  }

  .hero-background {
    background-position: 0 0, 50% 100%;
  }

  .tribute-text-wrapper {
    padding-bottom: 60px;
  }

  .triubute {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 60px;
  }

  .logo-text {
    font-size: 26px;
  }

  .welcome {
    flex-flow: column;
    display: flex;
  }

  .hero-feature-tab {
    inset: auto 0% 40px auto;
  }

  .letter-1 {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .tribute-profile-img {
    width: 160px;
  }

  .welcome-img {
    border-bottom: 2px solid #000;
    width: 100%;
  }

  .welcome-img.welcome-img--last {
    border-bottom-style: none;
    border-bottom-width: 0;
  }

  .welcome-gradient {
    height: 250px;
    display: none;
  }

  .welcome-images {
    flex-flow: column;
    order: 9999;
  }

  .welcome-bottom {
    order: -9999;
    padding-bottom: 40px;
  }

  .feature {
    padding: 0 0 60px;
  }

  .feature-header {
    margin-top: 0;
    display: none;
  }

  .feature-img {
    display: none;
  }

  .feature-wrap {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-column-primary, .feature-column-secondary {
    width: 100%;
  }

  .feature-quote-box {
    margin-bottom: 0;
  }

  .faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-header {
    margin-bottom: 40px;
  }

  .faq-header-title {
    font-size: 72px;
  }

  .accordion-list {
    margin-bottom: 40px;
  }

  .philanthropy {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .letter-2 {
    background-image: url('../images/letter-2-kids-cropped-mobile.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 500px;
    padding-bottom: 60px;
  }

  .footer {
    padding-bottom: 60px;
  }

  .philanthropy-header {
    max-width: 600px;
    font-size: 72px;
  }

  .philanthropy-intro {
    line-height: 1.2;
  }

  .philanthropy-card.card--12 {
    background-position: 50% 10%;
  }

  .footer-logo {
    width: 50%;
  }

  .article-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .article-text-wrapper {
    padding-bottom: 60px;
  }

  .article-caption.article-caption--quote {
    max-width: 100%;
  }

  .article-img-wrapper.img-wrapper-padding {
    padding: 20px;
  }

  .article-thumbnail, .article-thumbnail-wrapper {
    width: 160px;
  }

  .article-audio-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .article-audio-line-black, .article-audio-line-white {
    display: none;
  }

  .article-grid-row {
    flex-flow: column;
    margin-bottom: 20px;
  }

  .article-grid-img-3up-white {
    width: 100%;
  }

  .article-quote-red, .article-quote-black {
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 50px;
  }

  .article-quote-img {
    width: 100%;
    height: 200px;
  }

  .article-quote-wrapper {
    flex-flow: column;
  }

  .article-nav-link-text-black, .article-nav-link-text-white {
    font-size: 32px;
  }

  .article-nav-title-prev, .article-nav-title-next {
    font-size: 20px;
  }

  .feature-img-mobile {
    margin-bottom: 20px;
    display: block;
  }

  .feature-wrap--mobile {
    flex-flow: column;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .feature-header--mobile {
    margin-top: 0;
  }

  .letter-1b {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .nav-menu, .mobile-nav-menu {
    background-color: #000;
  }

  .hero {
    aspect-ratio: 1;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-header {
    font-size: 46px;
  }

  .hero-subheader {
    text-wrap: balance;
    font-size: 28px;
  }

  .tribute-text-wrapper {
    width: 100%;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .tribute-img {
    margin-bottom: 10px;
  }

  .triubute {
    flex-flow: column;
    padding-top: 0;
    padding-right: 0;
  }

  .tribute-image-wrapper {
    width: 100%;
  }

  .logo-text {
    font-size: 20px;
  }

  .letter-1 {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .letter-1-column-primary, .letter-1-column-secondary {
    width: 100%;
  }

  .letter-1-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .tribute-profile-img {
    width: 200px;
  }

  .welcome-bottom {
    padding-bottom: 20px;
  }

  .welcome-header {
    font-size: 48px;
  }

  .welcome-header-small {
    font-size: 24px;
    left: -5px;
  }

  .tribute-image-group {
    position: relative;
  }

  .tribute-caption {
    margin-right: 20px;
  }

  .feature {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .feature-header {
    max-width: none;
    font-size: 36px;
  }

  .feature-quote-box {
    margin-bottom: 0;
  }

  .faq {
    background-size: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-header {
    flex-flow: column-reverse;
    margin-top: 400px;
    margin-bottom: 40px;
  }

  .faq-header-text {
    width: 100%;
    margin-right: 0;
  }

  .accordion-label-text {
    font-size: 20px;
  }

  .accordion-letter {
    font-size: 48px;
  }

  .accordion-body-text {
    font-size: 20px;
  }

  .philanthropy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .letter-2 {
    padding-top: 350px;
  }

  .footer {
    padding-bottom: 40px;
  }

  .philanthropy-header {
    font-size: 48px;
  }

  .philanthropy-cards {
    justify-content: flex-start;
    align-items: flex-start;
    height: 548px;
  }

  .philanthropy-card {
    width: 400px;
  }

  .philanthropy-card.card--6 {
    background-position: 50%;
    background-size: cover;
  }

  .philanthropy-card-text-wrapper {
    min-height: 100px;
    top: 100px;
  }

  .philanthropy-card-header {
    font-size: 18px;
  }

  .philanthropy-card-text {
    font-size: 16px;
  }

  .philanthropy-cards-gradient, .philanthropy-cards-row {
    height: 548px;
  }

  .letter-2-corner {
    width: 60px;
  }

  .article-columns {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-top: 0;
    padding-right: 0;
  }

  .article-image-wrapper {
    width: 100%;
  }

  .article-text-wrapper {
    width: 100%;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .article-image-group {
    position: relative;
  }

  .article-img {
    margin-bottom: 10px;
  }

  .article-caption-text {
    margin-right: 20px;
  }

  .article-caption.article-caption--quote {
    margin-bottom: 0;
  }

  .article-thin-corner {
    left: 20px;
  }

  .article-img-wrapper.img-wrapper-padding {
    padding: 40px;
  }

  .article-thumbnail, .article-thumbnail-wrapper {
    width: 200px;
  }

  .article-audio-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .article-audio-line-black, .article-audio-line-white {
    display: block;
  }

  .article-grid-row {
    flex-flow: row;
    margin-bottom: 30px;
  }

  .article-nav-link-text-black {
    max-width: 125px;
    font-size: 22px;
  }

  .article-nav-home-link {
    width: 100%;
  }

  .article-nav-home-link-text-black {
    font-size: 18px;
  }

  .article-nav-link-prev-chev, .article-nav-link-next-chev {
    width: 30px;
    height: 30px;
  }

  .article-nav-home-link-text-white {
    font-size: 18px;
  }

  .article-nav-link-text-white {
    max-width: 125px;
    font-size: 22px;
  }

  .article-nav-title-prev, .article-nav-title-next {
    font-size: 16px;
  }

  .feature-header--mobile {
    max-width: none;
    font-size: 36px;
  }

  .philanthropy-img-gradient {
    display: block;
  }

  .letter-1b {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .letter-1b-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .letter-1b-column-primary, .letter-1b-column-secondary {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .btn-animated-text {
    font-size: 14px;
  }

  .nyp-logo {
    height: 100px;
  }

  .hero {
    aspect-ratio: 3 / 5;
  }

  .hero-header {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1;
  }

  .hero-subheader {
    max-width: 200px;
    font-size: 18px;
  }

  .hero-background {
    background-position: 0 0, 50% 100%;
  }

  .tribute-text-wrapper {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-wrapper {
    margin-top: 20px;
  }

  .tribute-header {
    font-size: 36px;
  }

  .triubute {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .logo-text {
    margin-left: 10px;
    display: none;
  }

  .hero-feature-tab {
    padding: 40px 0 16px 20px;
    bottom: 20px;
  }

  .hero-feature-tab-label {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    top: -10px;
    left: -20px;
  }

  .hero-feature-tab-label-text {
    font-size: 16px;
  }

  .hero-feature-tab-text {
    max-width: 200px;
    font-size: 16px;
  }

  .hero-feature-tab-corner-icon {
    width: 40px;
    top: 10px;
    right: 10px;
  }

  .letter-1 {
    padding-bottom: 20px;
  }

  .letter-1-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tribute-profile-img {
    width: 100%;
    margin-left: 0;
  }

  .welcome-bottom {
    padding-bottom: 20px;
  }

  .welcome-header {
    font-size: 32px;
  }

  .welcome-header-small {
    font-size: 20px;
  }

  .feature-header {
    font-size: 28px;
  }

  .feature-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .feature-text {
    font-size: 18px;
  }

  .faq-header {
    margin-top: 200px;
  }

  .faq-header-title {
    font-size: 48px;
  }

  .accordion-label-text {
    font-size: 18px;
  }

  .accordion-letter {
    font-size: 28px;
  }

  .accordion-trigger {
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion-label-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .accordion-trigger-icon {
    width: 20px;
    height: 20px;
  }

  .accordion-trigger-icon-vertical {
    width: 2px;
    height: 10px;
  }

  .accordion-trigger-icon-horizontal {
    width: 10px;
    height: 2px;
  }

  .accordion-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion-body-text-wrapper {
    margin-top: 0;
  }

  .accordion-body-text {
    font-size: 18px;
  }

  .letter-2 {
    padding-top: 200px;
  }

  .philanthropy-header {
    font-size: 32px;
  }

  .philanthropy-cards {
    height: 600px;
  }

  .philanthropy-card {
    aspect-ratio: 1;
    width: 100%;
    height: 600px;
  }

  .philanthropy-card.card--2, .philanthropy-card.card--1, .philanthropy-card.card--3, .philanthropy-card.card--4, .philanthropy-card.card--5, .philanthropy-card.card--6, .philanthropy-card.card--7, .philanthropy-card.card--8, .philanthropy-card.card--9, .philanthropy-card.card--10, .philanthropy-card.card--11 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .philanthropy-card.card--12, .philanthropy-card.card--13 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .philanthropy-card.card--14 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .philanthropy-card-text-wrapper {
    height: 400px;
    top: 0;
  }

  .philanthropy-cards-gradient {
    width: 60px;
    height: 600px;
  }

  .philanthropy-cards-row {
    height: 600px;
  }

  .philanthropy-chev {
    width: 40px;
  }

  .footer-logo {
    margin-bottom: 10px;
  }

  .article-columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .article-text-wrapper {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .article-header-white {
    font-size: 36px;
  }

  .article-thin-corner {
    left: 10px;
  }

  .article-header-red, .article-subheader-black {
    font-size: 36px;
  }

  .article-img-wrapper.img-wrapper-padding {
    padding: 20px 20px 0;
  }

  .article-thumbnail {
    width: 100%;
    margin-left: 0;
  }

  .article-thumbnail-white {
    margin-left: 0;
  }

  .article-thumbnail-wrapper {
    width: 100%;
  }

  .article-audio-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .article-audio-line-black, .article-audio-line-white {
    display: none;
  }

  .article-grid-row {
    flex-flow: column;
    margin-bottom: 20px;
  }

  .article-nav-img-wrapper {
    width: 100%;
    display: none;
  }

  .article-nav-link-prev, .article-nav-link-next {
    width: 50%;
    padding: 20px;
  }

  .article-nav-link-text-black {
    max-width: 100px;
    font-size: 16px;
  }

  .article-nav-home-link {
    padding-top: 10px;
  }

  .article-nav-home-link-text-black, .article-nav-home-link-text-white, .article-nav-link-text-white {
    font-size: 16px;
  }

  .bold-text, .italic-text {
    font-size: 18px;
  }

  .philanthropy-img-mobile {
    display: block;
  }

  .philanthropy-img-mobile.philanthropy-img-mobile--12 {
    object-position: 50% 10%;
  }

  .philanthropy-img-mobile.philanthropy-img-mobile--13 {
    object-position: 50% 20%;
  }

  .footer-grid {
    margin-bottom: 0;
  }

  .tribute-subheader {
    font-size: 18px;
  }

  .feature-wrap--mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .feature-header--mobile {
    font-size: 28px;
  }

  .letter-1b {
    padding-top: 20px;
  }

  .letter-1b-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}


@font-face {
  font-family: 'Gt America Compressed';
  src: url('../fonts/GT-America-Compressed-Bold.woff') format('woff'), url('../fonts/GT-America-Compressed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Standard';
  src: url('../fonts/GT-America-Standard-Bold.woff') format('woff'), url('../fonts/GT-America-Standard-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Compressed';
  src: url('../fonts/GT-America-Compressed-Black.woff') format('woff'), url('../fonts/GT-America-Compressed-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Compressed';
  src: url('../fonts/GT-America-Compressed-Regular.woff') format('woff'), url('../fonts/GT-America-Compressed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Compressed';
  src: url('../fonts/GT-America-Compressed-Light.woff') format('woff'), url('../fonts/GT-America-Compressed-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Standard';
  src: url('../fonts/GT-America-Standard-Regular-Italic.woff') format('woff'), url('../fonts/GT-America-Standard-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Standard';
  src: url('../fonts/GT-America-Standard-Regular.woff') format('woff'), url('../fonts/GT-America-Standard-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Standard';
  src: url('../fonts/GT-America-Standard-Medium.woff') format('woff'), url('../fonts/GT-America-Standard-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America Standard';
  src: url('../fonts/GT-America-Standard-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}