/* Styles specific to trade.html. */

.trade-hero {
  background:var(--blue);
  color:var(--white);
  overflow:hidden;
  position:relative;
}

.trade-hero-outline {
  position:absolute;
  left:38%;
  top:-60px;
  width:180px;
  height:640px;
  border:1.5px solid rgba(255,255,255,.22);
  transform:skewX(-9deg);
  border-radius:0 48px 48px 0;
}

.trade-hero-inner {
  max-width:1280px;
  margin:0 auto;
  padding:32px 24px 88px;
  display:flex;
  flex-wrap:wrap;
  gap:56px;
  align-items:center;
  position:relative;
}

.trade-eyebrow {
  margin-top:36px;
  font-size:14px;
  font-weight:700;
  letter-spacing:1px;
}

.trade-description {
  margin:22px 0 0;
  font-size:18px;
  line-height:1.6;
  max-width:540px;
}

.trade-media {
  flex:1 1 440px;
  min-width:0;
  position:relative;
  padding-bottom:40px;
}

.trade-photo {
  height:400px;
  border-radius:0 48px 0 0;
}

.trade-media-badge {
  position:absolute;
  left:-16px;
  bottom:0;
  background:var(--white);
  color:var(--ink);
  padding:20px 24px;
  border-radius:0 20px 0 0;
  box-shadow:0 16px 40px rgba(19,16,13,.2);
  max-width:300px;
}

.trade-badge-description {
  font-size:15px;
  margin-top:6px;
  line-height:1.5;
}