/* Contentus special project · Figma 1:169–1:182. No global styles. */
.contentus-special,
.contentus-special *,
.contentus-special *::before,
.contentus-special *::after { box-sizing: border-box; }
.contentus-special {
  display: block;
  width: calc(100% - 48px);
  max-width: 1125px;
  margin: 51px auto 90px;
  padding: 0;
  border: 0;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  color: #8f92ab;
  container-type: inline-size;
}
.contentus-special .contentus-special-card {
  position: relative;
  isolation: isolate;
  min-height: 519px;
  overflow: hidden;
  border-radius: 48px;
  background: #f5f8fe;
}
.contentus-special .contentus-special-art {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 408px;
  display: block;
  width: 910px;
  height: 519px;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: cover;
  pointer-events: none;
}
.contentus-special .contentus-special-content {
  position: relative;
  width: 603px;
  padding: 49px 0 42px 78px;
}
.contentus-special .contentus-special-label {
  display: flex;
  align-items: center;
  gap: 17px;
  margin: 0 0 17px;
  padding: 0;
  font: 300 20px/23px Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #8f92ab;
}
.contentus-special .contentus-special-label::before {
  content: "";
  flex: 0 0 18px;
  height: 18px;
  border-radius: 50%;
  background: #5865e8;
}
.contentus-special .contentus-special-title {
  margin: 0;
  padding: 0;
  font: 400 40px/46px Helvetica, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  color: #2b2f52;
}
.contentus-special .contentus-special-line,
.contentus-special .contentus-special-accent { display: block; }
.contentus-special .contentus-special-accent { color: #3c56bf; }
.contentus-special .contentus-special-description {
  margin: 24px 0 0;
  padding: 0;
  font: 300 20px/23px Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #8f92ab;
}
.contentus-special .contentus-special-credit {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 60px;
  margin: 51px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: 300 20px/23px Helvetica, "Helvetica Neue", Arial, sans-serif;
  color: #8f92ab;
  text-decoration: none;
}
.contentus-special .contentus-special-credit-text { display: block; }
.contentus-special .contentus-special-arrow-box {
  display: flex;
  flex: 0 0 59px;
  align-items: center;
  justify-content: flex-end;
  height: 60px;
  margin-left: 26px;
  border-left: 1px solid #d9d9d9;
}
.contentus-special .contentus-special-arrow {
  display: block;
  width: 32px;
  height: 32px;
  max-width: none;
  margin: 0;
  border: 0;
  object-fit: contain;
}
.contentus-special .contentus-special-credit:hover { color: #3c56bf; }
.contentus-special .contentus-special-credit:focus-visible {
  outline: 2px solid #3c56bf;
  outline-offset: 6px;
  border-radius: 4px;
}
/* Container queries also support embedding in a narrower site column. */
@container (max-width: 1050px) {
  .contentus-special .contentus-special-content { width: 57%; padding: 40px 0 40px 40px; }
  .contentus-special .contentus-special-title { font-size: 32px; line-height: 1.15; }
  .contentus-special .contentus-special-art { left: calc(57% - 180px); }
  .contentus-special .contentus-special-credit { font-size: 18px; }
  .contentus-special .contentus-special-arrow-box { margin-left: 16px; flex-basis: 48px; }
}
@container (max-width: 820px) {
  .contentus-special .contentus-special-card { display: flex; flex-direction: column; min-height: 0; border-radius: 32px; }
  .contentus-special .contentus-special-content { order: 0; width: 100%; padding: 36px 36px 0; }
  .contentus-special .contentus-special-title { font-size: 36px; line-height: 1.15; }
  .contentus-special .contentus-special-description { max-width: 570px; }
  .contentus-special .contentus-special-credit { margin-top: 28px; }
  .contentus-special .contentus-special-art { position: relative; order: 1; left: auto; top: auto; align-self: center; width: 100%; height: auto; aspect-ratio: 910 / 519; margin-top: 24px; }
}
@container (max-width: 480px) {
  .contentus-special .contentus-special-card { border-radius: 24px; }
  .contentus-special .contentus-special-content { padding: 28px 22px 0; }
  .contentus-special .contentus-special-label { font-size: 16px; line-height: 20px; gap: 12px; }
  .contentus-special .contentus-special-label::before { flex-basis: 12px; height: 12px; }
  .contentus-special .contentus-special-title { font-size: clamp(24px, 6.7cqi, 30px); line-height: 1.15; }
  .contentus-special .contentus-special-description { margin-top: 20px; font-size: 17px; line-height: 1.35; }
  .contentus-special .contentus-special-credit { font-size: 15px; line-height: 1.35; }
  .contentus-special .contentus-special-arrow-box { flex-basis: 38px; margin-left: 12px; height: 52px; }
  .contentus-special .contentus-special-arrow { width: 26px; height: 26px; }
  .contentus-special .contentus-special-art { width: 135%; max-width: none; }
}
@media (max-width: 600px) {
  .contentus-special { width: calc(100% - 32px); margin-top: 32px; margin-bottom: 48px; }
}