/* CMT HERO V1 — isolated to CMT */

.cmt-hero-v1 {
  direction: rtl;
  padding: 22px 0 35px;
  background:
    radial-gradient(circle at 78% 30%, #dbeaf3 0, transparent 42%),
    linear-gradient(115deg, #f8fbfd, #edf3f8);
  overflow: hidden;
}

.cmt-hero-v1 * { box-sizing: border-box; }

.cmt-hero-breadcrumb {
  display:flex;
  align-items:center;
  gap:13px;
  flex-wrap:wrap;
  color:#64748b;
  font-size:13px;
  margin-bottom:35px;
}

.cmt-hero-breadcrumb a {
  color:inherit;
  text-decoration:none;
}

.cmt-hero-layout {
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:32px;
  align-items:center;
  min-height:440px;
}

.cmt-hero-copy {
  position:relative;
  z-index:2;
}

.cmt-hero-eyebrow {
  display:inline-flex;
  padding:8px 14px;
  border-radius:100px;
  background:#e0ecf9;
  color:#174b83;
  font-size:12px;
  font-weight:800;
  direction:ltr;
}

.cmt-hero-copy h1 {
  font-size:clamp(65px,8vw,112px);
  line-height:1.05;
  letter-spacing:-4px;
  color:#0a1930;
  margin:17px 0 0;
}

.cmt-hero-copy h2 {
  font-size:clamp(24px,3vw,42px);
  line-height:1.25;
  color:#132b43;
  direction:ltr;
  text-align:right;
  margin:0 0 16px;
  font-weight:800;
}

.cmt-hero-lead {
  color:#45586c;
  font-size:20px;
  font-weight:700;
  line-height:1.9;
  margin:0 0 12px;
}

.cmt-hero-description {
  color:#64748b;
  font-size:16px;
  line-height:2;
  max-width:660px;
}

.cmt-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:25px;
}

.cmt-hero-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:14px 22px;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
}

.cmt-hero-primary {
  background:#08458d;
  color:white !important;
}

.cmt-hero-secondary {
  background:white;
  color:#173b61 !important;
  border:1px solid #dce5ee;
}

.cmt-hero-art {
  position:relative;
  height:400px;
  isolation:isolate;
}

.cmt-art-screen {
  position:absolute;
  top:5%;
  right:5%;
  width:90%;
  height:66%;
  border:13px solid #1a2938;
  border-radius:18px;
  background:linear-gradient(145deg,#152b39,#091522);
  box-shadow:0 24px 55px #142c4050;
  transform:perspective(700px) rotateY(-9deg);
}

.cmt-art-chart {
  display:flex;
  align-items:end;
  gap:12px;
  height:100%;
  padding:35px 28px;
}

.cmt-art-chart span {
  flex:1;
  background:linear-gradient(#39b7a2,#166b75);
  height:40%;
  border-radius:3px;
}

.cmt-art-chart span:nth-child(2){height:54%}
.cmt-art-chart span:nth-child(3){height:36%}
.cmt-art-chart span:nth-child(4){height:65%}
.cmt-art-chart span:nth-child(5){height:51%}
.cmt-art-chart span:nth-child(6){height:76%}
.cmt-art-chart span:nth-child(7){height:61%}
.cmt-art-chart span:nth-child(8){height:85%}
.cmt-art-chart span:nth-child(9){height:72%}

.cmt-art-books {
  position:absolute;
  bottom:7%;
  right:8%;
  width:64%;
  transform:skewY(-4deg);
}

.cmt-art-books div {
  padding:12px 15px;
  margin-top:4px;
  color:#e5edf5;
  background:linear-gradient(90deg,#111f30,#334a5c);
  border-radius:5px;
  box-shadow:0 5px 10px #0003;
  font-size:12px;
  font-weight:800;
  direction:ltr;
}

.cmt-art-emblem {
  position:absolute;
  left:1%;
  bottom:1%;
  width:160px;
  height:185px;
  border:5px solid #b23d3d;
  border-radius:22px;
  background:linear-gradient(140deg,#fff,#e7edf3);
  box-shadow:0 18px 35px #142c4050;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  transform:rotate(-4deg);
}

.cmt-art-emblem span {
  font-size:42px;
  color:#b23d3d;
}

.cmt-art-emblem strong {
  font-size:42px;
  color:#142333;
  line-height:1;
}

.cmt-art-emblem small {
  font-size:9px;
  text-align:center;
  color:#334155;
  font-weight:800;
}

.cmt-hero-facts {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:#ffffffed;
  border:1px solid #e0e8ef;
  border-radius:20px;
  box-shadow:0 10px 35px #173b6110;
  margin-top:15px;
  padding:22px 10px;
}

.cmt-hero-facts > div {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
  padding:8px;
  border-left:1px solid #e2e8f0;
}

.cmt-hero-facts > div:last-child {
  border-left:0;
}

.cmt-hero-facts span {
  color:#64748b;
  font-size:12px;
}

.cmt-hero-facts strong {
  color:#122b45;
  font-size:14px;
}

@media(max-width:900px) {
  .cmt-hero-layout {
    grid-template-columns:1fr;
    gap:20px;
  }
  .cmt-hero-art {
    height:310px;
  }
  .cmt-hero-facts {
    grid-template-columns:repeat(2,1fr);
  }
  .cmt-hero-facts > div {
    border-left:0;
    border-bottom:1px solid #e2e8f0;
  }
}

@media(max-width:520px) {
  .cmt-hero-v1 {padding:16px 0 25px}
  .cmt-hero-copy h1 {font-size:66px}
  .cmt-hero-copy h2 {font-size:25px}
  .cmt-hero-lead {font-size:17px}
  .cmt-hero-description {font-size:14px}
  .cmt-hero-actions a {width:100%}
  .cmt-hero-art {height:270px}
  .cmt-art-emblem {transform:scale(.75) rotate(-4deg);transform-origin:bottom left}
  .cmt-hero-facts {padding:10px}
}