.hero-video-callout__box {

	position: relative;
	/* max-width: 80%; */
    max-width: var(--wp--style--global--wide-size);
    
	margin: auto;
	background-color: rgba(255,255,255,0.8);
}

@media (max-width: 1325px) {
  .hero-video-callout__box {
    max-width: clamp(42rem, 78vw, 60rem) !important;
  }
}


.hero-video-callout__headline {
    font-size: clamp(2rem, 4vw, 4rem) !important;
}

.hero-video-callout__badge {
    /*
	width: 160px;
	height: 160px;
    */
    width: clamp(110px, 12vw, 160px);
    height: clamp(110px, 12vw, 160px);
    
	border-radius: 50%; 
    
    position: absolute;
    
    /*
	top: -25%;
	right: 3.5rem;
	*/
    /*
    top: clamp(-30%, -25%, -15%);
    */
    right: clamp(1.5rem, 3vw, 3.5rem);
    
    /*
    transform: rotate(-10deg);
    */
    top: 0;
    transform:
      translateY(clamp(-4.5rem, -6vw, -4rem))
      rotate(-10deg);
    
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero-video-callout__badge-text {
    /* max-width: 140px; */
    width: 100%;
    text-align: center;
    font-size: clamp(0.8rem, 0.9vw, 1.1rem) !important;
    line-height: 1.2;
    min-width: 70%;
    
    
    max-width: clamp(70%, 80%, 90%) !important;
    
    
    /* 🔑 Fix wrapping */
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;

    /* Optional but recommended */
    hyphens: auto;
}

/* Editor-specific layout corrections */
.block-editor-page .hero-video-callout__box {
	max-width: 75%;
}

.block-editor-page .hero-video-callout__badge {
	top: -20%;
}