:root {
  --tx-navy: #102f59;
  --tx-blue: #17447d;
  --tx-gold: #c79a49;
  --tx-green: #7b9e3a;
  --tx-text: #53647f;
}
.transactions-page {
  overflow: hidden;
  background: linear-gradient(180deg, #faf8f2, #f6f3ec 55%, #fffdfa);
  color: var(--tx-navy);
  font-family: Poppins, sans-serif;
}
.transactions-page em {
  color: var(--tx-green);
  font-style: italic;
}
.transactions-page__hero {
  min-height: 560px;
  position: relative;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(6, 27, 56, 0.95), rgba(8, 40, 78, 0.7)),
    url("../about-img/about-banner-premium.png") center/cover no-repeat;
}
.transactions-page__hero::after {
  content: "CAPITAL";
  position: absolute;
  right: -26px;
  bottom: -35px;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.13);
  font:
    700 clamp(110px, 18vw, 280px)/1 "Cormorant Garamond",
    serif;
}
.transactions-page__hero-art {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  background:
    linear-gradient(
      120deg,
      transparent 48%,
      rgba(215, 183, 109, 0.4) 49%,
      transparent 49.5%
    ),
    linear-gradient(
      120deg,
      transparent 63%,
      rgba(215, 183, 109, 0.24) 63.3%,
      transparent 64%
    );
  background-size:
    320px 100%,
    480px 100%;
}
.transactions-page__hero-inner {
  width: min(1220px, calc(100% - 56px));
  margin: 0 auto;
  padding-bottom: 76px;
}
.transactions-page__eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  color: var(--tx-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.transactions-page__eyebrow span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9ac047;
  box-shadow: 0 0 0 5px rgba(154, 192, 71, 0.14);
}
.transactions-page__hero .transactions-page__eyebrow {
  color: #ddc47d;
}
.transactions-page h1,
.transactions-page h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  line-height: 0.94;
}
.transactions-page h1 {
  max-width: 850px;
  margin: 0 0 22px;
  font-size: clamp(58px, 8vw, 112px);
  letter-spacing: -0.03em;
}
.transactions-page__hero h1 em {
  color: #e4ca7b;
}
.transactions-page__intro {
  max-width: 550px;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 15px;
  line-height: 1.75;
}
.transactions-page__hero-meta {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 45px;
  color: #e4ca7b;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.transactions-page__hero-meta i {
  width: 58px;
  height: 1px;
  background: #c79a49;
}
.transactions-page__overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 90px;
  align-items: center;
  width: min(1120px, calc(100% - 56px));
  margin: 0 auto;
  padding: 105px 0 86px;
}
.transactions-page__overview-copy {
  max-width: 670px;
}
.transactions-page h2 {
  margin: 0 0 25px;
  font-size: clamp(50px, 6vw, 82px);
}
.transactions-page__overview p:not(.transactions-page__eyebrow) {
  margin: 0 0 16px;
  color: var(--tx-text);
  font-size: 14px;
  line-height: 1.9;
}
.transactions-page__stat {
  padding: 38px 28px;
  border: 1px solid rgba(199, 154, 73, 0.35);
  background: linear-gradient(145deg, #fff, #f4f2e9);
  box-shadow: 0 25px 55px rgba(16, 47, 89, 0.12);
}
.transactions-page__stat strong {
  display: block;
  font:
    600 92px/0.8 "Cormorant Garamond",
    serif;
}
.transactions-page__stat span {
  display: block;
  margin-top: 15px;
  color: var(--tx-text);
  font-size: 14px;
  line-height: 1.45;
}
.transactions-page__stat i {
  display: block;
  width: 42px;
  height: 2px;
  margin: 25px 0 18px;
  background: var(--tx-gold);
}
.transactions-page__stat small {
  color: var(--tx-green);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.transactions-page__grid-section {
  position: relative;
  padding: 100px max(28px, calc((100% - 1320px) / 2)) 125px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.36),
    rgba(242, 240, 232, 0.72)
  );
}
.transactions-page__section-head,
.transactions-page__grid {
  position: relative;
  z-index: 1;
}
.transactions-page__section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 46px;
}
.transactions-page__section-head h2 {
  margin-bottom: 0;
}
.transactions-page__section-head > p {
  max-width: 260px;
  margin: 0 0 10px;
  color: var(--tx-text);
  font-size: 13px;
  line-height: 1.7;
}
.transactions-page__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
.transaction-detail-card {
  position: relative;
  min-height: 465px;
  padding: 18px 16px 0;
  border: 1px solid #ded9ce;
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 30px rgba(16, 47, 89, 0.045);
  text-align: center;
  overflow: hidden;
  transition: 0.3s;
}
.transaction-detail-card:hover {
  transform: translateY(-7px);
  border-color: rgba(199, 154, 73, 0.65);
  box-shadow: 0 22px 42px rgba(16, 47, 89, 0.14);
}
.transaction-detail-card::before {
  content: "";
  position: absolute;
  top: -62px;
  right: -38px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(199, 154, 73, 0.17);
  transform: rotate(45deg);
}
.transaction-detail-card__index {
  position: absolute;
  top: 17px;
  left: 18px;
  color: rgba(16, 47, 89, 0.28);
  font:
    600 12px "Cormorant Garamond",
    serif;
}
.transaction-detail-card__badge {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 7px 15px;
  border-radius: 8px;
  background: var(--tx-blue);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.transaction-detail-card--green .transaction-detail-card__badge {
  background: var(--tx-green);
}
.transaction-detail-card__logo {
  display: grid;
  place-items: center;
  height: 100px;
  margin: 16px 3px 3px;
}
.transaction-detail-card__logo img {
  max-width: 82%;
  max-height: 72px;
  object-fit: contain;
}
.transaction-detail-card__rule {
  width: 32px;
  height: 3px;
  margin: 0 auto 14px;
  background: var(--tx-gold);
}
.transaction-detail-card__kicker {
  margin: 0 0 6px;
  color: var(--tx-text);
  font-size: 12px;
}
.transaction-detail-card h3 {
  min-height: 47px;
  margin: 0 auto 12px;
  font:
    600 21px/1.08 "Cormorant Garamond",
    serif;
}
.transaction-detail-card__amount {
  display: block;
  min-height: 30px;
  font:
    600 22px/1.1 "Cormorant Garamond",
    serif;
}
.transaction-detail-card__role {
  min-height: 38px;
  margin: 9px 8px 0;
  color: var(--tx-text);
  font-size: 12px;
  line-height: 1.5;
}
.transaction-detail-card__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 0;
  padding: 14px 3px;
  border-top: 1px solid #d8e0ea;
  text-align: left;
}
.transaction-detail-card__footer span {
  display: grid;
  place-items: center;
  flex: 0 0 47px;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #eef1f3;
  color: #6a8ec7;
  font-size: 18px;
}
.transaction-detail-card__footer b {
  font-size: 13px;
}
.transaction-detail-card__footer > i {
  margin-left: auto;
  color: #a2afc0;
  font-size: 11px;
}
@media (max-width: 1050px) {
  .transactions-page__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .transactions-page__hero {
    min-height: 520px;
  }
  .transactions-page__hero-inner,
  .transactions-page__overview {
    width: calc(100% - 34px);
  }
  .transactions-page__hero-inner {
    padding-bottom: 55px;
  }
  .transactions-page__overview {
    display: block;
    padding: 75px 0 55px;
  }
  .transactions-page__stat {
    margin-top: 35px;
  }
  .transactions-page__grid-section {
    padding: 70px 17px 85px;
  }
  .transactions-page__section-head {
    display: block;
    margin-bottom: 32px;
  }
  .transactions-page__section-head > p {
    margin-top: 18px;
  }
  .transactions-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }
  .transaction-detail-card {
    min-height: 420px;
    padding-inline: 11px;
  }
  .transaction-detail-card h3 {
    font-size: 19px;
  }
  .transaction-detail-card__amount {
    font-size: 19px;
  }
}
@media (max-width: 460px) {
  .transactions-page__grid {
    grid-template-columns: 1fr;
  }
  .transaction-detail-card {
    min-height: 445px;
  }
  .transactions-page h1 {
    font-size: 56px;
  }
} /* Legacy transaction topology: sector navigation on the left, selected work on the right. */
.transactions-page__grid-section {
  padding-top: 70px;
  background: #fff;
}
.transactions-page__sector-layout {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 54px;
  max-width: 1280px;
  margin: 0 auto;
}
.transactions-page__sidebar {
  align-self: start;
  position: sticky;
  top: 105px;
  padding: 24px 0 0;
  border: 1px solid #ddd9d0;
  background: #fff;
  box-shadow: 0 10px 24px rgba(16, 47, 89, 0.06);
}
.transactions-page__sidebar h2 {
  padding: 0 24px;
  margin: 0;
  font-size: 30px;
  text-align: center;
}
.transactions-page__sidebar-rule {
  width: 90px;
  height: 2px;
  margin: 13px auto 17px;
  background: var(--tx-green);
}
.transactions-page__sidebar nav {
  display: block;
}
.transactions-page__sector-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border-top: 1px solid #e3e0d9;
  color: #53647f;
  text-decoration: none;
  font:
    500 13px/1.35 "Cormorant Garamond",
    serif;
  transition: 0.2s;
}
.transactions-page__sector-link span {
  color: var(--tx-gold);
  font:
    700 18px/1 Poppins,
    sans-serif;
}
.transactions-page__sector-link:hover {
  color: var(--tx-blue);
  background: #f7f8f3;
}
.transactions-page__sector-link.is-active {
  color: #fff;
  background: #09518b;
  font-weight: 700;
}
.transactions-page__sector-link.is-active span {
  color: #9bc04a;
}
.transactions-page__sector-content {
  min-width: 0;
}
.transactions-page__sector-content .transactions-page__section-head {
  display: block;
  text-align: center;
  margin-bottom: 36px;
}
.transactions-page__sector-content .transactions-page__eyebrow {
  justify-content: center;
}
.transactions-page__sector-content .transactions-page__section-head > p {
  max-width: 700px;
  margin: 0 auto;
  color: var(--tx-text);
}
.transactions-page__sector-content h2 {
  font-size: clamp(42px, 5vw, 70px);
}
.transactions-page__sector-content .transactions-page__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.transactions-page__sector-content .transaction-detail-card {
  min-height: 430px;
}
.transactions-page__sector-content .transaction-detail-card__logo {
  height: 110px;
}
@media (max-width: 1050px) {
  .transactions-page__sector-layout {
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 28px;
  }
  .transactions-page__sector-content .transactions-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .transactions-page__sector-layout {
    display: block;
  }
  .transactions-page__sidebar {
    position: relative;
    top: auto;
    margin-bottom: 36px;
  }
  .transactions-page__sector-content .transactions-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 460px) {
  .transactions-page__sector-content .transactions-page__grid {
    grid-template-columns: 1fr;
  }
}
.transaction-detail-card__initials {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: linear-gradient(145deg, #edf2f3, #dce5e9);
  color: var(--tx-blue);
  font:
    700 24px/1 Poppins,
    sans-serif;
  letter-spacing: 0.08em;
}
/* Match the image-led banner used by About Us. */
.transactions-page-banner {
  min-height: 60vh;
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(
      90deg,
      rgba(4, 21, 45, 0.82),
      rgba(7, 29, 60, 0.48),
      rgba(4, 21, 45, 0.76)
    ),
    url("../about-img/about-banner-premium.png") center center/cover no-repeat;
}
.transactions-page-banner::before,
.transactions-page-banner::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(215, 179, 103, 0.2);
  transform: rotate(45deg);
}
.transactions-page-banner::before {
  width: 280px;
  height: 280px;
  left: -105px;
  top: -205px;
}
.transactions-page-banner::after {
  width: 220px;
  height: 220px;
  right: -74px;
  bottom: -165px;
}
.transactions-page-banner__pattern {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.3;
  background-image: linear-gradient(
    90deg,
    transparent 49.8%,
    rgba(255, 255, 255, 0.08) 50%,
    transparent 50.2%
  );
  background-size: 72px 100%;
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 20%,
    #000 80%,
    transparent
  );
}
@media (max-width: 760px) {
  .transactions-page-banner {
    min-height: 42vh;
  }
  .transactions-page-banner::before {
    width: 190px;
    height: 190px;
    left: -105px;
    top: -130px;
  }
  .transactions-page-banner::after {
    width: 160px;
    height: 160px;
    right: -75px;
    bottom: -115px;
  }
}
/* Keep the transaction content shell aligned with About Us. */
.transactions-page__grid-section {
  padding-left: 0;
  padding-right: 0;
}
.transactions-page__sector-layout {
  width: 83%;
  max-width: none;
}
@media (max-width: 760px) {
  .transactions-page__sector-layout {
    width: calc(100% - 34px);
  }
}
@media (min-width: 761px){.transactions-page__sector-content .transactions-page__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.transactions-page__sector-link{font-size:16px;line-height:1.4;padding-top:15px;padding-bottom:15px}.transactions-page__sidebar h2{font-size:34px}
@media(max-width:760px){.transactions-page__sector-link{font-size:15px}}
/* Creative interaction layer for the new transaction experience. */
.transactions-page__grid-section{background:radial-gradient(circle at 82% 12%,rgba(199,154,73,.12),transparent 22%),linear-gradient(135deg,#fffdfa 0%,#f4f7f5 52%,#fff 100%)}
.transactions-page__sector-layout{position:relative}
.transactions-page__sector-layout::before{content:'';position:absolute;left:-90px;top:120px;width:180px;height:180px;border:1px solid rgba(199,154,73,.2);border-radius:50%;pointer-events:none;animation:tx-orbit 14s linear infinite}
.transactions-page__sidebar{border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(241,246,244,.82));box-shadow:0 25px 55px rgba(16,47,89,.12),inset 0 1px rgba(255,255,255,.9);overflow:hidden;animation:tx-sidebar-in .8s cubic-bezier(.2,.75,.25,1) both}
.transactions-page__sidebar h2{font-family:'Cormorant Garamond',serif;letter-spacing:-.02em;color:var(--tx-navy)}
.transactions-page__sidebar-rule{position:relative;width:110px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--tx-green),var(--tx-gold));overflow:hidden}
.transactions-page__sidebar-rule::after{content:'';position:absolute;inset:0;background:#fff;transform:translateX(-100%);animation:tx-line-sweep 1.5s .45s ease-out forwards}
.transactions-page__sector-link{position:relative;isolation:isolate;border-top:1px solid rgba(16,47,89,.09);transition:color .3s ease,background .3s ease,padding-left .3s ease,transform .3s ease}
.transactions-page__sector-link::before{content:'';position:absolute;z-index:-1;inset:4px 6px;border-radius:10px;background:linear-gradient(100deg,rgba(23,68,125,.98),rgba(10,46,92,.9));opacity:0;transform:translateX(-14px);transition:opacity .3s ease,transform .3s ease}
.transactions-page__sector-link::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--tx-gold),#e9c775);transform:scaleY(0);transform-origin:center;transition:transform .3s ease}
.transactions-page__sector-link:hover{padding-left:22px;background:transparent;color:#fff}
.transactions-page__sector-link:hover::before,.transactions-page__sector-link.is-active::before{opacity:1;transform:none}
.transactions-page__sector-link:hover::after,.transactions-page__sector-link.is-active::after{transform:scaleY(1)}
.transactions-page__sector-link.is-active{background:transparent;color:#fff;box-shadow:0 8px 18px rgba(16,47,89,.16);transform:translateX(5px)}
.transactions-page__sector-link.is-active span,.transactions-page__sector-link:hover span{color:#d9b45b}
.transactions-page__sector-content{animation:tx-content-in .85s .1s cubic-bezier(.2,.75,.25,1) both}
.transactions-page__sector-content .transactions-page__section-head{position:relative;padding-bottom:24px}
.transactions-page__sector-content .transactions-page__section-head::after{content:'';position:absolute;left:50%;bottom:0;width:90px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--tx-green),var(--tx-gold));transform:translateX(-50%);animation:tx-line-grow .8s .4s ease both}
.transaction-detail-card{animation:tx-card-in .7s cubic-bezier(.2,.75,.25,1) both;backdrop-filter:blur(8px)}
.transaction-detail-card:nth-child(1){animation-delay:.12s}.transaction-detail-card:nth-child(2){animation-delay:.19s}.transaction-detail-card:nth-child(3){animation-delay:.26s}.transaction-detail-card:nth-child(4){animation-delay:.33s}.transaction-detail-card:nth-child(5){animation-delay:.40s}.transaction-detail-card:nth-child(6){animation-delay:.47s}.transaction-detail-card:nth-child(7){animation-delay:.54s}.transaction-detail-card:nth-child(8){animation-delay:.61s}.transaction-detail-card:nth-child(9){animation-delay:.68s}.transaction-detail-card:nth-child(10){animation-delay:.75s}.transaction-detail-card:nth-child(11){animation-delay:.82s}.transaction-detail-card:nth-child(12){animation-delay:.89s}
.transaction-detail-card::after{content:'';position:absolute;inset:0;border-radius:19px;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 36%);opacity:0;pointer-events:none;transition:opacity .35s ease}.transaction-detail-card:hover::after{opacity:1}.transaction-detail-card:hover .transaction-detail-card__logo{transform:scale(1.06) rotate(-1deg)}.transaction-detail-card__logo{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
@keyframes tx-sidebar-in{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes tx-content-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes tx-card-in{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}@keyframes tx-line-grow{from{width:0;opacity:0}to{width:90px;opacity:1}}@keyframes tx-line-sweep{to{transform:translateX(100%)}}@keyframes tx-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.transactions-page__sidebar,.transactions-page__sector-content,.transaction-detail-card,.transactions-page__sector-layout::before,.transactions-page__sidebar-rule::after,.transactions-page__sector-content .transactions-page__section-head::after{animation:none!important}.transaction-detail-card,.transactions-page__sidebar,.transactions-page__sector-content{opacity:1;transform:none}}
.transactions-page__sector-content{opacity:1;transform:none;transition:opacity .22s ease,transform .22s ease}.transactions-page.is-sector-switching .transactions-page__sector-content{opacity:0;transform:translateY(12px)}
@media (min-width:1300px){.transactions-page__sector-content .transactions-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.transaction-detail-card__logo{height:128px;margin:15px 3px 8px}.transaction-detail-card__logo img{max-width:88%;max-height:112px}.transaction-detail-card h3{min-height:48px;margin:0 auto 10px}.transaction-detail-card__rule{margin-bottom:12px}
/* Capital Goods uses the original legacy transaction artwork, including its black detail line. */
.transaction-detail-card--legacy-image{min-height:0;padding:16px;background:rgba(255,255,255,.88)}.transaction-detail-card--legacy-image .transaction-detail-card__logo{height:auto;aspect-ratio:.79;margin:14px auto 0}.transaction-detail-card--legacy-image .transaction-detail-card__logo img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.transaction-detail-card--legacy-image h3,.transaction-detail-card--legacy-image .transaction-detail-card__rule,.transaction-detail-card--legacy-image .transaction-detail-card__kicker,.transaction-detail-card--legacy-image .transaction-detail-card__amount,.transaction-detail-card--legacy-image .transaction-detail-card__role,.transaction-detail-card--legacy-image .transaction-detail-card__footer{display:none}.transaction-detail-card--legacy-image .transaction-detail-card__badge{position:absolute;top:18px;left:18px;z-index:2;opacity:.96}.transaction-detail-card--legacy-image .transaction-detail-card__index{z-index:2}
/* Keep only a compact logo crop; never render the legacy artwork as a full card image. */
.transaction-detail-card--legacy-crop{min-height:430px;padding:18px 16px 0}.transaction-detail-card--legacy-crop .transaction-detail-card__logo{height:104px;aspect-ratio:auto;margin:16px 3px 8px;overflow:hidden}.transaction-detail-card--legacy-crop .transaction-detail-card__logo img{width:88%;height:170px;max-width:88%;max-height:none;object-fit:cover;object-position:center top}.transaction-detail-card--legacy-crop h3,.transaction-detail-card--legacy-crop .transaction-detail-card__rule,.transaction-detail-card--legacy-crop .transaction-detail-card__kicker,.transaction-detail-card--legacy-crop .transaction-detail-card__amount,.transaction-detail-card--legacy-crop .transaction-detail-card__role,.transaction-detail-card--legacy-crop .transaction-detail-card__footer{display:block}.transaction-detail-card--legacy-crop .transaction-detail-card__badge{position:relative;top:auto;left:auto}.transaction-detail-card--legacy-crop .transaction-detail-card__footer{display:flex}
.transaction-detail-card--legacy-crop .transaction-detail-card__kicker:empty,.transaction-detail-card--legacy-crop .transaction-detail-card__amount:empty,.transaction-detail-card--legacy-crop .transaction-detail-card__role:empty{display:none}
/* Show only the logo portion of legacy artwork, followed by text details. */
.transaction-detail-card--legacy-crop .transaction-detail-card__badge{display:none}.transaction-detail-card--legacy-crop .transaction-detail-card__logo img{width:88%;height:auto;max-width:88%;max-height:none;object-fit:initial;object-position:initial;transform:translateY(-74px)}.transaction-detail-card--legacy-crop .transaction-detail-card__logo{height:92px;margin-top:16px;margin-bottom:8px}.transaction-detail-card--legacy-crop .transaction-detail-card__amount{font-size:21px;line-height:1.2}.transaction-detail-card--legacy-crop .transaction-detail-card__role{font-size:13px;font-weight:600;color:var(--tx-navy);text-transform:uppercase}
.transaction-detail-card--legacy-crop .transaction-detail-card__kicker{display:none}.transaction-detail-card--legacy-crop .transaction-detail-card__amount,.transaction-detail-card--legacy-crop .transaction-detail-card__role{margin-top:8px}
/* Local logo crops: show the entire mark, never a clipped strip of the legacy card. */
.transaction-detail-card--legacy-crop .transaction-detail-card__logo{height:112px;overflow:visible;display:grid;place-items:center}.transaction-detail-card--legacy-crop .transaction-detail-card__logo img{width:auto;height:100%;max-width:92%;max-height:112px;object-fit:contain;transform:none}.transaction-detail-card--legacy-crop .transaction-detail-card__amount,.transaction-detail-card--legacy-crop .transaction-detail-card__role{overflow-wrap:anywhere;word-break:normal}.transaction-detail-card--legacy-crop h3{overflow-wrap:anywhere}
/* Remote legacy source fallback while preserving a logo-only presentation. */
.transaction-detail-card--legacy-crop .transaction-detail-card__logo{height:112px;overflow:hidden;display:grid;place-items:center}.transaction-detail-card--legacy-crop .transaction-detail-card__logo img{width:88%;height:auto;max-width:88%;max-height:none;object-fit:initial;transform:translateY(-70px)}
/* Exact company-logo crops from the legacy artwork, shown without the full card image. */
.transaction-detail-card--legacy-crop .transaction-detail-card__logo{height:112px;overflow:hidden;display:grid;place-items:center;background:transparent}.transaction-detail-card--legacy-crop .transaction-detail-card__logo img{width:auto;height:auto;max-width:92%;max-height:104px;object-fit:contain;transform:none}
/* The same logo-first treatment applies to every sector tab. */
.transaction-detail-card--text .transaction-detail-card__logo{height:112px;overflow:hidden;display:grid;place-items:center}.transaction-detail-card--text .transaction-detail-card__logo img{width:88%;height:auto;max-width:88%;max-height:none;object-fit:initial;transform:translateY(-70px)}