/* Thanks Up main page only. Two columns, fifth access centered.
   Approved contour/colors; internal glyphs share a 42 x 42 grid and 2.8-unit stroke.
   Complete official logo is used unchanged; it is never animated or recolored. */
.thanks-up-page .tu-verticals {
  padding-block: 88px 96px;
  background: #fff;
  --vertical-gray: #5b6670;
  --vertical-orange: #f5a800;
  --vertical-rule: #d2d5d7;
}
.thanks-up-page .tu-verticals-heading {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 10%;
  align-items: end;
  margin-bottom: 64px;
}
.thanks-up-page .tu-verticals-heading .eyebrow { color: var(--vertical-gray); margin-bottom: 20px; }
.thanks-up-page .tu-verticals h2 { font-size: clamp(32px, 3vw, 44px); letter-spacing: -.04em; font-weight: 500; line-height: 1.15; }
.thanks-up-page .tu-verticals-heading > p { max-width: 460px; font-size: 16px; line-height: 1.75; color: var(--vertical-gray); padding-bottom: 2px; }
.thanks-up-page .tu-verticals-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 48px 48px;
  list-style: none;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
.thanks-up-page .tu-vertical-entry { display: grid; grid-column: span 2; min-width: 0; }
.thanks-up-page .tu-vertical-entry:nth-child(5) { grid-column: 2 / span 2; }
.thanks-up-page .tu-vertical-link {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 14px;
  align-content: start;
  padding: 0;
  margin: 0;
  color: var(--up-dark);
}
.thanks-up-page .tu-vertical-symbol { display: block; width: 126px; height: auto; margin-bottom: 0; }
.thanks-up-page .tu-verticals h3 { font-size: clamp(27px, 2.2vw, 32px); line-height: 1.2; letter-spacing: -.035em; font-weight: 500; margin: 0; text-wrap: balance; }
.thanks-up-page .tu-vertical-prefix { display: block; width: 184px; padding: 16px; margin: -2px 0 2px -16px; }
.thanks-up-page .tu-vertical-prefix img { display: block; width: 152px; height: auto; }
.thanks-up-page .tu-vertical-description { font-size: 16px; line-height: 1.7; color: var(--vertical-gray); min-height: 3.4em; }
.thanks-up-page .tu-vertical-cta {
  justify-self: start;
  align-self: end;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 550;
  padding-block: 5px;
  border-bottom: 1px solid var(--vertical-rule);
}
.thanks-up-page .tu-vertical-link:hover h3,
.thanks-up-page .tu-vertical-link:focus-visible h3 { color: var(--vertical-gray); }
.thanks-up-page .tu-vertical-link:hover .tu-vertical-cta,
.thanks-up-page .tu-vertical-link:focus-visible .tu-vertical-cta { border-bottom-color: var(--vertical-orange); }
.thanks-up-page main .tu-vertical-link:focus-visible { outline: 3px solid var(--vertical-gray); outline-offset: 7px; }
@media (prefers-reduced-motion: no-preference) {
  .thanks-up-page .tu-vertical-symbol { transition: transform .25s ease; }
  .thanks-up-page .tu-verticals h3 { transition: color .25s ease; }
  .thanks-up-page .tu-vertical-cta { transition: border-color .25s ease; }
  .thanks-up-page .tu-vertical-link:hover .tu-vertical-symbol,
  .thanks-up-page .tu-vertical-link:focus-visible .tu-vertical-symbol { transform: translateY(-3px); }
}
@media (max-width: 1100px) {
  .thanks-up-page .tu-verticals-list { column-gap: 36px; }
  .thanks-up-page .tu-vertical-symbol { width: 116px; }
  .thanks-up-page .tu-vertical-description { font-size: 15px; }
  .thanks-up-page .tu-verticals h3 { font-size: 27px; }
}
@media (max-width: 900px) {
  .thanks-up-page .tu-verticals { padding-block: 64px 72px; }
  .thanks-up-page .tu-verticals-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 48px; }
  .thanks-up-page .tu-verticals-heading > p { max-width: 580px; }
  .thanks-up-page .tu-verticals-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 42px 40px; }
  .thanks-up-page .tu-vertical-entry:nth-child(4) { grid-column: span 2; }
  .thanks-up-page .tu-vertical-entry:nth-child(5) { grid-column: 2 / span 2; }
}
@media (max-width: 600px) {
  .thanks-up-page .tu-verticals { padding-block: 52px 64px; }
  .thanks-up-page .tu-verticals h2 { font-size: clamp(29px, 8vw, 38px); }
  .thanks-up-page .tu-verticals-heading { margin-bottom: 48px; }
  .thanks-up-page .tu-verticals-heading .eyebrow { font-size: 10px; margin-bottom: 18px; }
  .thanks-up-page .tu-verticals-list { grid-template-columns: 1fr; row-gap: 36px; }
  .thanks-up-page .tu-vertical-entry,
  .thanks-up-page .tu-vertical-entry:nth-child(4),
  .thanks-up-page .tu-vertical-entry:nth-child(5) { grid-column: 1; }
  .thanks-up-page .tu-vertical-link { grid-template-columns: 92px minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 14px 22px; }
  .thanks-up-page .tu-vertical-symbol { width: 92px; margin: 0; align-self: start; }
  .thanks-up-page .tu-verticals h3 { font-size: clamp(23px, 6.5vw, 30px); align-self: center; text-wrap: initial; }
  .thanks-up-page .tu-vertical-prefix { width: 156px; padding: 14px; margin: -12px 0 0 -14px; }
  .thanks-up-page .tu-vertical-prefix img { width: 128px; }
  .thanks-up-page .tu-vertical-description { grid-column: 1 / -1; min-height: 0; font-size: 15px; }
  .thanks-up-page .tu-vertical-cta { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  .thanks-up-page .tu-vertical-link { grid-template-columns: 77px minmax(0, 1fr); column-gap: 18px; }
  .thanks-up-page .tu-vertical-symbol { width: 77px; }
}
@media (prefers-reduced-motion: reduce) {
  .thanks-up-page .tu-verticals * { animation: none !important; transition: none !important; }
}
