.banner-wrapper {
      max-width: 1122px;
      margin: 20px auto;
      position: relative;
      overflow: hidden;
		margin-top:0px;
    }

    /* Overlay teks */
    .banner-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 5%;
    }

    .banner-text {
      /*background-color: rgba(0, 0, 0, 0.5);*/
      color: #fff;
      padding: 20px 25px;
      border-radius: 8px;
      max-width: 50%;
		margin-top:30px;
		text-align:left;
    }

	.banner-text h1 {
	  font-size: clamp(1.5rem, 3vw + 1rem, 2.8rem);
	  font-weight: 400;
	  margin-bottom: 10px;
	  line-height: 1.2;
	}
	
	/* Bagian “Crafted” */
	.banner-text h1 .boldz {
	  font-weight: 900;
	  font-size:60px
	}	

	.banner-text p {
	  font-size: clamp(0.9rem, 1.2vw + 0.6rem, 1.2rem);
	  margin: 0;
	  line-height: 1.5;
	}

	/* Responsif: Mobile Portrait (≤576px) */
	@media (max-width: 576px) and (orientation: portrait) {

	  .banner-text {
		 margin-top:-20px;
		 max-width: 80%;
		 margin-left:-20px;
	  } 	
	
	  .banner-text h1 {
		 font-size: clamp(0.8rem, 2.0vw + 0.3rem, 1rem);
		 line-height: 1.3;
	  }

		.banner-text h1 .boldz {
		  font-weight: normal;
		  font-size: clamp(0.8rem, 2.0vw + 0.3rem, 1rem);
		}	  

	  .banner-text p {
		 font-size: clamp(0.6rem, 1.5vw + 0.2rem, 0.85rem);

		 line-height: 1.4;
	  }
	  
     .banner-wrapper {
		 margin-bottom:15px;
     }	  

	}

	/* HP Portrait */
	@media (orientation: portrait) and (max-width: 576px) {
		.banner-text {
			margin-top: 0px;
			max-width: 80%;
			margin-left: -20px;
		} 	

		.banner-text h1 {
			font-size: clamp(0.8rem, 2vw + 0.3rem, 1rem);
			line-height: 1.3;
		}

		.banner-text h1 .boldz {
		  font-weight: normal;
		  font-size: clamp(0.8rem, 2vw + 0.3rem, 1rem);
		}		

		.banner-text p {
			font-size: clamp(0.6rem, 1.5vw + 0.2rem, 0.85rem);
			line-height: 1.4;
		}

      .banner-wrapper {
			margin-bottom:15px;
      }			
	}

	/* HP Landscape */
	@media (max-width: 900px) and (orientation: landscape) {
		.banner-text {
			margin-top: 30px;
			max-width: 70%;
		}  	

		.banner-text h1 {
			font-size: clamp(1.2rem, 3vw + 0.8rem, 2rem);
			line-height: 1.3;
		}
		
		.banner-text h1 .boldz {
		  font-weight: normal;
		  font-size: clamp(1.2rem, 3vw + 0.8rem, 2rem);
		}		

		.banner-text p {
			font-size: clamp(0.85rem, 2vw + 0.4rem, 1.05rem);
			line-height: 1.4;
		}

      .banner-wrapper {
			margin-bottom:15px;
      }			
	}

	/* iPad Portrait (768x1024) */
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		.banner-text {
			max-width: 75%;
			margin-top: 20px;
			margin-left: 0px;
			margin-right: auto;
		}

		.banner-text h1 {
			font-size: clamp(1.5rem, 2.5vw + 0.8rem, 2.4rem);
			line-height: 1.25;
		}
		

	/* Bagian “Crafted” */
	.banner-text h1 .boldz {
	  font-weight: 900;
	  font-size:60px
	}		

		.banner-text p {
			font-size: clamp(0.9rem, 1.8vw + 0.4rem, 1.2rem);
			line-height: 1.5;
		}

      .banner-wrapper {
			margin-bottom:15px;
      }			
	}

	/* iPad Landscape (1024x768) */
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
		.banner-text {
			max-width: 70%;
			margin-top: 40px;
		}

		.banner-text h1 {
			font-size: clamp(1.6rem, 2.8vw + 0.8rem, 2.6rem);
			line-height: 1.25;
		}
		
		.banner-text h1 .boldz {
		  font-weight: normal;
		  font-size: clamp(1.6rem, 2.8vw + 0.8rem, 2.6rem);
		}		

		.banner-text p {
			font-size: clamp(1rem, 2vw + 0.3rem, 1.3rem);
			line-height: 1.5;
		}

      .banner-wrapper {
			margin-bottom:15px;
      }			
	}

	/* iPhone 11 Pro - Landscape */
	@media (max-width: 812px) and (orientation: landscape) {
		.banner-text {
			margin-top: 30px;
			max-width: 70%;
		}  	

		.banner-text h1 {
			font-size: clamp(1.2rem, 3vw + 0.8rem, 2rem);
			line-height: 1.3;
		}
		
		.banner-text h1 .boldz {
		  font-weight: normal;
		  font-size: clamp(1.2rem, 3vw + 0.8rem, 2rem);
		}		

		.banner-text p {
			font-size: clamp(0.85rem, 2vw + 0.4rem, 1.05rem);
			line-height: 1.4;
		}

      .banner-wrapper {
			margin-bottom:15px;
      }			
	}


	/* Desktop (≥1025px) */
	@media (min-width: 1025px) {
		.banner-text {
			max-width: 60%;
			margin-top: 60px;
		}

		.banner-text h1 {
			font-size: clamp(1.8rem, 2vw + 1rem, 3rem);
			line-height: 1.2;
		}
		
	



	
	/* Bagian “Crafted” */
	.banner-text h1 .boldz {
	  font-weight: 900;
	  font-size:60px
	}


		

		.banner-text p {
			font-size: clamp(1rem, 1.2vw + 0.5rem, 1.4rem);
			line-height: 1.5;
		}

      .banner-wrapper {
			margin-bottom:15px;
      }			
	}

	/* Tambahan opsional: efek bayangan teks agar tetap terbaca di gambar terang */
		.banner-text h1,
		.banner-text p {
		text-shadow: 0 2px 4px rgba(0,0,0,0.4);
	}