/*--
  © 2026 Nereus Games – http://nereus.games/
  ❤︎ Sharing is caring. Please share & reuse as you see fit.
  */


main#studio {
  body:has(&) {
    /*background:     url('/assets/makirama/space.jpg') top / cover fixed;*/
    background:                 url('/assets/studio/wallpaper.png') center / auto repeat fixed;
    }
  display:                      flex;
  flex-flow:                    column nowrap;
  align-items:                  center;
  & section {
    background:                 var(--white);
    width:                      var(--section-width);
    padding:                    2rem 1rem;
    &:first-of-type {
      padding-top:              5rem;
      }
    & + section {
      margin-top:               0;
      padding-top:              3rem;
      }
    &:last-of-type {
      flex:                     1;
      }
    & h1, & h2, & .caption {
      text-align:               center;
      }
    & article {
      padding:                  0 1.8rem;
      @media (max-width: 840px) {
        padding:                0;
        }
      @media (min-width: 1400px) {
        columns:                2;
        column-gap:             2rem;
        }
      }
    & p {
      margin-top:               1.2rem;
      }
    & img {
      width:                    var(--section-width);
      @media (min-width: 1400px) {
        display:                block;
        margin:                 1rem auto 0;
        }
      }
    @media (min-width: 1400px) {
      width:                    min(70rem, 100%);
      &#about p {
        break-inside:           avoid-column;
        margin-top:             0;
        padding-top:            1rem;
        }
      }
    }
  }