#enquirybutton {
  display: none;
  pointer-events: none; }

main, body {
  overflow-x: hidden; }

#landing {
  height: 100svh;
  position: relative;
  display: flex;
  align-items: end; }
  #landing h1 {
    z-index: 10;
    position: relative;
    text-transform: uppercase; }
  #landing a {
    z-index: 10;
    position: absolute;
    bottom: var(--Pm);
    right: var(--Pd);
    mix-blend-mode: difference; }
  #landing .aspectholder {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  #landing .banner-text {
    padding-bottom: 30px;
    width: 50%; }
    #landing .banner-text .hr {
      height: 1px;
      background-color: white;
      position: relative;
      z-index: 10;
      margin: 20px 0; }
  #landing .collab {
    position: relative;
    z-index: 10; }
    #landing .collab .title {
      padding-right: 50px; }

#next {
  padding: 100px var(--Pl);
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--Pm); }
  @media (min-width: 998px) {
    #next {
      padding: 100px var(--Pd); } }
  @media (max-width : 900px) {
    #next {
      grid-template-columns: repeat(4, 1fr);
      row-gap: calc(2 * var(--mainpad)); } }
  #next a {
    grid-column: 2/5; }
    @media (min-width: 998px) {
      #next a {
        grid-column: 7/17; } }
    #next a p {
      width: fit-content; }
      #next a p span {
        font-size: var(--Fl); }

.work__about {
  padding-top: 100px;
  padding-bottom: 100px; }
  .work__about .title {
    padding-bottom: 60px; }
  .work__about .left, .work__about .right {
    grid-column: 1/-1; }
  @media (min-width: 998px) {
    .work__about .left {
      grid-column: 1/15; }
    .work__about .right {
      grid-column: 16/24; } }