.su-indent { padding-left: 8%; }

  .su-about .bleed-right {
    width: auto;
    margin: 0 calc(50% - 50vw) 0 47%;
  }

  .su-about-head {
    position: absolute;
    top: 190px;
    left: 0;
    z-index: 1;
  }

  .su-scatter {
    grid-template-columns: repeat(12, 1fr);
    gap: 0;
    margin-top: 14rem;
  }
  .su-scatter-a { grid-column: 1 / 5;  grid-row: 1; }
  .su-scatter-b { grid-column: 6 / 9;  grid-row: 1; margin-top: 7rem; }

  .su-scatter-txt {
    grid-column: 7 / 13;
    grid-row: 2;
    margin-top: 2.5rem;
  }

  .su-curve {
    position: absolute;
    top: -25rem;
    left: 0;
    z-index: -1;
    display: block;
    width: 1064px;
    opacity: .75;
    pointer-events: none;
  }

  .su-news { grid-template-columns: 10rem 1fr; gap: 3rem; }

  .info-list--2col { column-gap: 3rem; }
  .info-list dl { grid-template-columns: 8em 1fr; gap: .5rem; }

  .collage-item--low { margin-top: 6rem; }

  #site-drawer .drawer-menu { flex: 0 0 46%; margin-left: auto; }
  #site-drawer .drawer-brand-col { flex: 1; }

.site-header--overlay .header-fix .btn { top: 358px; }
.site-header--overlay .head-nav { right: 30px; }
.sec-ttl-main { font-size: 28px; }

.gallery-cat .gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.site-header--overlay .hamburger { width: 58px; height: 58px; }
.site-header--overlay .hamburger span,
.site-header--overlay .hamburger span::before,
.site-header--overlay .hamburger span::after { width: 26px; }
.site-header--overlay .hamburger span::before { top: -9px; }
.site-header--overlay .hamburger span::after { top: 9px; }
.site-header--overlay .hamburger::after { bottom: -19px; font-size: 12px; }