/* Corner beams: the red triangle plus a thin white sliver beside it, drawn with one
   clip-path + a two-colour gradient. Loaded last so it overrides the plain red corners. */

:root { --beam-blue: #0EA0DC; }

/* top-right corners (header, "even" sections, Selected experience) */
.home header::after,
.inner header::after,
.home .home-exp::after,
.inner main section:not(.inner-hero):not(.cta-band):nth-of-type(even)::after {
  width: 80px;
  height: 80px;
  background: linear-gradient(225deg, var(--red) 0 35%, #ffffff 35% 100%);
  clip-path: polygon(100% 0, 30% 0, 65% 35%, 100% 100%);
}

/* top-left corners (hero, "odd" sections, Leadership) */
.home #team::before,
.inner .inner-hero::after,
.inner main section:not(.inner-hero):not(.cta-band):nth-of-type(odd)::before {
  width: 80px;
  height: 90px;
  background: linear-gradient(135deg, var(--red) 0 35%, #ffffff 35% 100%);
  clip-path: polygon(0 0, 70% 0, 35% 35%, 0 100%);
}

@media (max-width: 1024px) {
  .home header::after,
  .inner header::after,
  .home .home-exp::after,
  .inner main section:not(.inner-hero):not(.cta-band):nth-of-type(even)::after,
  .home #team::before,
  .inner .inner-hero::after,
  .inner main section:not(.inner-hero):not(.cta-band):nth-of-type(odd)::before {
    width: 57px;
    height: 57px;
  }
}