.page-all-media {
  background: #fff;
  color: #1a1a1a;
}

.page-all-media .mobile-menu__panel {
  border: none;
  margin: 0;
}

.all-media-hero {
  height: 357px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: url('../assets/images/marketing/all-media-hero-bg@2x.png') center / cover no-repeat;
}

.all-media-hero__panel {
  width: 408px;
  height: 110px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  margin-top: 60px;
}

.all-media-hero__panel h1 {
  margin: 0;

  font-size: 32px;
  line-height: 1.2;
  font-weight: 600;
}

.all-media-hero__panel p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-indent: 0.72em;
}

.all-media-overview {
  padding: 23px 0 118px;
  background: #fafafa;
}

.page-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  color: #999;
  font-size: 12px;
  line-height: 22px;
}

.page-breadcrumb a {
  color: inherit;
  transition: color var(--transition);
}

.page-breadcrumb a:hover,
.page-breadcrumb span:last-child {
  color: #111;
}

.media-service {
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 72px;
}

.media-service--planning {
  grid-template-columns: minmax(0, 746px) minmax(0, 554px);
  margin-top: 65px;
}

.media-service--monitoring {
  grid-template-columns: minmax(0, 637px) minmax(0, 652px);
}

.media-service__visual {
  margin: 0;
}

.media-service__visual img {
  display: block;
  width: 100%;
  height: auto;
}

.media-service__content {
  min-width: 0;
}

.media-section-heading h2 {
  margin: 0;
  font-size: 30px;
  line-height: 46px;
  font-weight: 500;
  color: #111;
}

.media-section-heading p {
  margin: -8px 0 0;
  font-size: 16px;
  line-height: 46px;
  color: #111;
  text-transform: uppercase;
}

.media-section-heading span {
  display: block;
  width: 67px;
  height: 3px;
  margin-top: 8px;
  background: #d82f2f;
}

.media-service__content > p {
  margin: 25px 0 0;
  color: #666;
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
}

.media-tag-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 22px 34px;
}

.media-tag-list li {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #111;
  font-size: 20px;
  line-height: 46px;
  white-space: nowrap;
}

.media-tag-list li::before {
  content: '';
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  background: #d82f2f;
}

.media-tag-list--wide {
  gap: 10px 28px;
  margin-top: 18px;
}

.media-contact {
  margin-top: 48px;
  /* width: 135px; */
  padding: 0 26px;
  height: 45px;
  border-radius: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  transition: transform var(--transition), box-shadow var(--transition);
}

.media-contact:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(216, 47, 47, 0.18);
}

.media-contact img {
  width: 15px;
  height: 9px;
}

.media-contact--outline {
  border: 1px solid #d82f2f;
  color: #d82f2f;
}

.media-contact--solid {
  margin-top: 58px;
  background: #d82f2f;
  color: #fff;
}

.all-media-monitoring {
  padding: 127px 0 125px;
  background: #fff;
}

.media-resources {
  min-height: 1093px;
  padding: 102px 0 121px;
  background: url('../assets/images/marketing/all-media-resources-bg@2x.png') center / cover no-repeat;
}

.media-resources__card {
  min-height: 870px;
  padding: 52px 98px 58px;
  border-radius: 57px;
  background: #fff;
  box-shadow: 0 4px 32px 2px rgba(0, 0, 0, 0.09);
}

.media-resources__heading {
  margin-bottom: 31px;
}

.media-resources__grid {
  display: grid;
  grid-template-columns: 583px 596px;
  gap: 31px 43px;
}

.media-resource-card {
  min-height: 163px;
  padding: 17px 42px 28px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.09);
}

.media-resource-card--tall {
  min-height: 246px;
}

.media-resource-card h3 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 46px;
  font-weight: 400;
  color: #000;
}

.media-resource-card img {
  display: block;
  max-width: 100%;
  height: 55px;
}
.media-resource-card--tall img {
  height: 136px;
}