.cu-logo--ilr-wordmark {
  margin-bottom: var(--cu-vr2);
  width: 175px; }

:root {
  --frame-width: 10px;
  --notchSize: calc(var(--frame-width) / 10); }
  @media (min-width: 37.5rem) {
    :root {
      --frame-width: 20px; } }

.framed {
  display: grid;
  min-height: 90%; }
  .framed > *:first-child {
    position: relative;
    clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
    display: grid;
    grid-column-gap: 2em;
    position: relative;
    height: 100%; }
    .framed > *:first-child::before {
      position: relative;
      clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
      content: '';
      display: block;
      grid-row: 1;
      background: white;
      height: var(--frame-width); }
  .framed > *:last-child {
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: fit-content(75%) auto;
    justify-items: start;
    align-content: end;
    margin-bottom: 0; }
    .framed > *:last-child > * {
      grid-column: 1; }
    .framed > *:last-child::after {
      position: relative;
      clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
      justify-self: stretch;
      align-self: end;
      content: '';
      display: block;
      bottom: 0;
      background: white;
      height: var(--frame-width); }

.framed--left {
  border-left: var(--frame-width) solid white;
  grid-template-columns: 2rem fit-content(75%) auto; }
  .framed--left::before {
    grid-column-start: span 2;
    left: calc(var(--notchSize) * -1); }
  .framed--left > *:first-child {
    padding-top: 2rem; }
  .framed--left > * {
    grid-column: 2;
    display: grid; }
  .framed--left > *:last-child {
    grid-template-columns: 2rem fit-content(50%) auto; }
    .framed--left > *:last-child > * {
      grid-column: 2; }
    .framed--left > *:last-child::after {
      grid-column: 1 / 3;
      left: calc(var(--notchSize) * -1); }

.framed--right {
  position: relative;
  clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
  border-right: var(--frame-width) solid white; }
  .framed--right > * {
    max-width: 75%; }
    @media (min-width: 37.5rem) {
      .framed--right > * {
        max-width: 60%; } }
  .framed--right > *:first-child {
    grid-template-columns: fit-content(90%) 1fr;
    margin-right: -2px;
    max-width: 110%; }
    @media (min-width: 37.5rem) {
      .framed--right > *:first-child {
        grid-template-columns: fit-content(75%) 1fr; } }
    .framed--right > *:first-child::before {
      grid-column: 2;
      right: calc(var(--notchSize) * -1); }
  .framed--right > *:last-child {
    max-width: 100%; }
    .framed--right > *:last-child::after {
      right: calc(var(--notchSize) * -1); }
/*# sourceMappingURL=components.css.map */