/* Adopted background B: one blue reading plane behind three chapters. */
@media (min-width: 901px) {
  body.background-plane #cases,
  body.background-plane #youtube,
  body.background-plane #svc {
    position: relative;
    isolation: isolate;
    background: #eef5f9;
  }
  body.background-plane #cases::before,
  body.background-plane #youtube::before,
  body.background-plane #svc::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 auto 0 0;
    width: clamp(180px, 19vw, 330px);
    background: #2c7fbc;
    pointer-events: none;
  }
  body.background-plane #cases::before {
    clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
  }
  body.background-plane #svc::before {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  }
  body.background-plane #cases > .rc-wrap,
  body.background-plane #youtube > .rc-wrap,
  body.background-plane #svc > .rc-wrap {
    position: relative;
    z-index: 1;
  }
  body.background-plane #cases > .rc-wrap::before,
  body.background-plane #youtube > .rc-wrap::before,
  body.background-plane #svc > .rc-wrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -30px 36px;
    background: #fff;
    box-shadow: 15px 15px 0 rgba(20, 75, 112, .13);
    pointer-events: none;
  }
  body.background-plane #youtube .ytb__head h2,
  body.background-plane #youtube .ytb__head p {
    color: #102b45;
  }
  body.background-plane .recruit-proposal {
    background: #eef5f9;
  }
  body.background-plane .recruit-proposal::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 auto 0 0;
    width: clamp(180px, 19vw, 330px);
    background: #2c7fbc;
  }
}