/* #slide-capabilities *******************************/

#slide-capabilities {
 	background: url('../../../assets/images/art/mountains.webp');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;

  .art {
		display: none;
    position: absolute;
    z-index: 3;
  }

  .art-birds {
    right: 0;
    top: 60px;

    img {
      height: auto;
      width: 15vw;
    }
  }

  .foreground {
    display: none;
  }

 	.panel {
		color: var(--color-text);
		gap: 40px;

		.main {
			order: 2;
			width: 100%;
		}

		.graphic {
			order: 1;
			width: 90%;

      .photo {
				background-color: #fff;
   			border: 20px solid #fff;
    		border-radius: 5px;
	    	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
      	transform: rotate(4deg);
      	width: 100%;

	 			img {
 					height: auto;
	      	width: 100%;
				}
  		}
		}
	}
}

@media (min-width: 1000px) {

	#slide-capabilities {
		position: sticky;
		top: 75px;

	  .art {
			display: block;
		}

    .foreground {
      bottom: 0;
      display: block;
      left: 0;
      position: absolute;

      img {
        height: auto;
        width: 500px;
      }
    }

	 	.panel {
			gap: 80px;

			.main {
	      max-width: 550px;
				order: 1;
				padding-bottom: 300px;
				width: 50%;
			}

			.graphic {
	      max-width: 400px;
				order: 2;
				width: 50%;
			}
		}
	}
}