.rayou-about-profile {
  display: grid;
  grid-template-columns: 1.06fr 1fr;
  align-items: start;
  gap: clamp(36px, 4vw, 76px);
  width: calc(100% - 140px);
  max-width: 1600px;
  margin: 64px auto 80px;
  background: #fff;
}
.rayou-about-copy { position: relative; align-self: stretch; min-width: 0; min-height: 0; }
.company-profile-content { position: absolute; inset: 0; display: flex; flex-direction: column; min-height: 0; }
.company-profile-scroll { flex: 1; min-height: 0; overflow-y: auto; padding-right: 16px; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: #9aa6ad #edf1f3; overscroll-behavior-y: contain; }
.company-profile-scroll::-webkit-scrollbar { width: 6px; }
.company-profile-scroll::-webkit-scrollbar-track { background: #edf1f3; }
.company-profile-scroll::-webkit-scrollbar-thumb { background: #9aa6ad; border-radius: 4px; }
.company-profile-scroll:focus-visible { outline: 2px solid #0089a5; outline-offset: 3px; }
.rayou-about-copy h1 {
  margin: 0 0 26px;
  color: #222833;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(30px, 2.5vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.5px;
}
.rayou-about-copy p {
  margin: 0 0 20px;
  color: #424952;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(16px, .95vw, 18px);
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: normal;
  text-align: left;
  text-indent: 0;
  overflow-wrap: break-word;
}
.rayou-about-copy p:last-child { margin-bottom: 0; }
.rayou-about-copy h2 { font-size: 22px; line-height: 1.5; margin: 30px 0 18px; color: #222833; }
.rayou-about-copy .company-name { flex: none; margin: 0 0 22px; font-size: clamp(23px, 1.8vw, 32px); line-height: 1.4; }
.rayou-about-image { min-width: 0; }
.rayou-about-image img {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.rayou-about-media-column { min-width: 0; }
.company-media { position: relative; width: 100%; background: #edf1f3; aspect-ratio: 4 / 3; overflow: hidden; }
.company-media .company-cover { display: block; width: 100%; height: 100%; object-fit: cover; }
.company-media .company-play { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; border: 0; background: linear-gradient(transparent, #0003); color: #fff; cursor: pointer; }
.company-play-icon { display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; padding-left: 5px; border: 2px solid #fff; border-radius: 50%; background: #f5aa00e6; font: 30px/1 Arial, sans-serif; box-shadow: 0 4px 20px #0003; }
.company-play-label { padding: 5px 14px; border-radius: 3px; background: #15242db3; font-size: 15px; }
.company-media .company-play:hover .company-play-icon { background: #df9700; }
.company-media .company-play:focus-visible { outline: 4px solid #0089a5; outline-offset: -4px; }
.company-media .company-video { display: block; width: 100%; height: 100%; object-fit: contain; background: #111; }
.company-media [hidden] { display: none !important; }
.company-equipment .witr_sb_thumb { aspect-ratio: 4 / 3; overflow: hidden; }
.company-equipment .witr_sb_thumb img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 1199px) {
  .rayou-about-profile { width: calc(100% - 80px); gap: 36px; margin: 48px auto 64px; }
}
@media (max-width: 991px) {
  .rayou-about-profile { width: calc(100% - 48px); grid-template-columns: 1fr; gap: 32px; margin: 40px auto 56px; }
  .rayou-about-copy h1 { margin-bottom: 22px; }
  .rayou-about-copy { padding-right: 0; }
  .company-profile-content { position: static; }
  .company-profile-scroll { flex: none; max-height: 440px; max-height: min(55vh, 440px); }
}
@media (max-width: 600px) {
  .rayou-about-profile { width: calc(100% - 36px); margin: 32px auto 44px; gap: 28px; }
  .rayou-about-copy h1 { font-size: 30px; }
  .rayou-about-copy { padding-right: 0; }
  .rayou-about-copy p { font-size: 16px; line-height: 1.85; margin-bottom: 18px; }
}