/* ------ACI Custom Styles-------- */
.hero-img {
	container-type: inline-size;
}
.hero-content {
    position: absolute;
    top: 3cqw;
    left: 5cqw;
    max-width: 478px;
    width: 44%;
    h1 {
        position: relative;
        text-indent: 0;
		margin: 0;
        font-family: 'NVIDIA Sans Bold','Roboto','Helvetica Neue',Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
        font-size: clamp(0.875rem, 4vw, 2.875rem); /* min: 14px, preferred: 4% of viewport width, max: 46px */
    }
    
    h2 {
        position: relative;
        text-indent: 0;
		margin: 0;
        font-family: 'NVIDIA Sans Bold','Roboto','Helvetica Neue',Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
        font-size: clamp(8px, 2vw, 1.5rem); /* min: 8px, preferred: 2% of viewport width, max: 24px */
    }

	p {
		position: relative;
		text-indent: 0;
		font-family: 'NVIDIA Sans Regular','Roboto','Helvetica Neue',Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
		font-size: clamp(4px, 1vw, 0.813rem); /* min: 4px, preferred: 1% of viewport width, max: 13px */
		margin: 0;
	}

	.gpu-details {
		padding-top: 0.5cqw;
	}

	.promo-dates {
		padding-top: 1cqw;
	}

	.promo-dates strong {
		color: #76b900;
		font-size: clamp(4px, 1cqw, 0.75rem); /* min: 12px, preferred: 3% of viewport width, max: 12px */

	}

	.promo-dates p {
		line-height: 1.4;
        font-family: 'NVIDIA Sans Bold','Roboto','Helvetica Neue',Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
		font-size: clamp(4px, 1.4cqw, 1.125rem); /* min: 12px, preferred: 3% of viewport width, max: 18px */
	}

	.hero-terms {
		font-size: clamp(4px, 1cqw, 0.75rem); /* min: 12px, preferred: 3% of viewport width, max: 12px */
	}

	.hero-terms a {
		color: #76b900;
		text-decoration: none;
	}
}

.hero-content p span {
	font-size: clamp(4px, 1vw, 0.813rem); /* min: 4px, preferred: 1% of viewport width, max: 13px */
}