/* Extra-large screen adjustments (min-width: 2560px) */
@media screen and (min-width: 2560px) {
  :root {
    --multiplier: 1.25;
    --base-font-size: calc(1.8rem * var(--multiplier));
    --space: calc(3.2rem * var(--multiplier));

    --width-max: 2000px;
    --width-wide: 2400px;
    --width-wider: 2800px;
    --width-widest: 3200px;
    --width-grid-max: var(--width-wider);

    --gutter: 3rem;
  }

  /* Slightly narrower page gutter for very wide viewports */
  .row {
    width: 86%;
  }

  /* Increase headline and display sizes */
  h1,
  .h1 {
    font-size: calc(var(--text-display-1) * 1.15);
    line-height: calc(var(--vspace-2) * 1.05);
  }

  .text-display-title {
    font-size: calc(3rem * 1.25);
  }

  /* Hero title scale */
  .s-intro__title span {
    font-size: 14rem;
  }

  .s-intro__video {
    width: 120vw;
  }

  /* Increase lightbox iframe size */
  .basicLightbox iframe {
    width: 1200px;
  }

  /* Give section headers more room */
  .section-header {
    max-width: 1100px;
  }

  /* Slightly larger button / controls */
  .btn,
  button,
  input[type="submit"] {
    font-size: calc(var(--text-size) * 1.05);
    padding: .8rem 2.4rem;
  }

  /* Improve spacing on large portfolio bricks */
  /* Make folio items smaller and fit 4 per row */
  .folio-list .brick {
    flex: none;
    width: 25%;
    padding: 20px;
  }

  /* Reduce overlay/info padding for smaller bricks */
  .folio-item__info {
    padding: 0 2.4rem 0 var(--vspace-1);
    min-height: auto;
  }

  .folio-item__thumb img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* Make social / fixed elements sit farther from edges */
  .s-intro__social {
    left: 6.6rem;
  }

  .s-intro__scroll {
    right: 8.2rem;
  }

    .godrays {
        width: 100vw;
    height: 180vh;
    }

    .s-header__nav {
        width: 500px;
    }

}