.mittun-hero-shortcode {
	--mittun-hero-accent: #efb429;
	--mittun-hero-text: #fff;
	--mittun-hero-top: .55;
	--mittun-hero-mid: .78;
	--mittun-hero-bottom: 1;
	--mittun-hero-min-height: 760px;
	--mittun-hero-content-width: 760px;
	--mittun-hero-padding-left: 8%;
	--mittun-hero-padding-right: 8%;
	--mittun-hero-stat-count: 3;

	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: var(--mittun-hero-min-height);
	background: #000;
	color: var(--mittun-hero-text);
}

.mittun-hero-shortcode__backgrounds,
.mittun-hero-shortcode__bg,
.mittun-hero-shortcode__overlay {
	position: absolute;
	inset: 0;
}

.mittun-hero-shortcode__backgrounds { z-index: 0; }
.mittun-hero-shortcode__bg {
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transform: scale(1.01);
	transition-property: opacity;
	transition-timing-function: ease-in-out;
	will-change: opacity;
}
.mittun-hero-shortcode__bg.is-active { opacity: 1; }
.mittun-hero-shortcode__overlay {
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0,0,0,var(--mittun-hero-top)) 0%, rgba(0,0,0,var(--mittun-hero-top)) 30%, rgba(0,0,0,var(--mittun-hero-mid)) 70%, rgba(0,0,0,var(--mittun-hero-bottom)) 100%);
}

.mittun-hero-shortcode__inner {
	position: relative;
	z-index: 2;
	width: min(calc(100% - 48px), 1380px);
	min-height: var(--mittun-hero-min-height);
	margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 82px var(--mittun-hero-padding-right) 48px var(--mittun-hero-padding-left);
	box-sizing: border-box;
}

.mittun-hero-shortcode__content { width: min(100%, var(--mittun-hero-content-width)); }
.mittun-hero-shortcode__eyebrow { margin-bottom:22px; color:var(--mittun-hero-accent); font-size:var(--mittun-hero-eyebrow-size-desktop,18px); font-weight:700; line-height:var(--mittun-hero-eyebrow-line-desktop,1.25); letter-spacing:.18em; text-transform:uppercase; }
.mittun-hero-shortcode__countdown { display:flex; align-items:stretch; gap:8px; margin:0 0 22px; }
.mittun-hero-shortcode__countdown-item { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:58px; min-height:58px; padding:7px 9px 6px; box-sizing:border-box; border:1px solid rgba(255,255,255,.28); border-radius:5px; background:rgba(0,0,0,.12); }
.mittun-hero-shortcode__countdown-number { display:block; color:var(--mittun-hero-text); font-size:var(--mittun-hero-countdown-number-size-desktop,25px); font-weight:800; line-height:var(--mittun-hero-countdown-number-line-desktop,1); letter-spacing:-.02em; }
.mittun-hero-shortcode__countdown-label { display:block; margin-top:5px; color:rgba(255,255,255,.72); font-size:var(--mittun-hero-countdown-label-size-desktop,7px); font-weight:500; line-height:var(--mittun-hero-countdown-label-line-desktop,1); letter-spacing:.22em; text-transform:uppercase; }
.mittun-hero-shortcode__countdown.is-complete { display:none; }
.mittun-hero-shortcode__heading { margin:0 0 22px; color:var(--mittun-hero-text); font-size:var(--mittun-hero-heading-size-desktop,clamp(64px,6.6vw,112px)); font-weight:900; line-height:var(--mittun-hero-heading-line-desktop,.84); letter-spacing:-.035em; text-transform:uppercase; }
.mittun-hero-shortcode__subheading { margin-bottom:38px; color:color-mix(in srgb,var(--mittun-hero-text) 88%,transparent); font-size:var(--mittun-hero-subheading-size-desktop,clamp(20px,1.55vw,27px)); font-weight:400; line-height:var(--mittun-hero-subheading-line-desktop,1.55); }
.mittun-hero-shortcode__stats,.mittun-hero-shortcode__progress-slot { width:100%; }
.mittun-hero-shortcode__stats { display:grid; grid-template-columns:repeat(var(--mittun-hero-stat-count),minmax(0,1fr)); gap:28px; margin-top:4px; padding-top:30px; border-top:1px solid rgba(255,255,255,.25); }
.mittun-hero-shortcode__stat { min-width:0; }
.mittun-hero-shortcode__stat-value { color:var(--mittun-hero-text); font-size:var(--mittun-hero-stat-number-size-desktop,clamp(38px,3.2vw,56px)); font-weight:900; line-height:var(--mittun-hero-stat-number-line-desktop,1); letter-spacing:-.025em; }
.mittun-hero-shortcode__stat-value > *,.mittun-hero-shortcode__stat-value p { display:inline; margin:0!important; padding:0!important; color:inherit!important; font:inherit!important; line-height:inherit!important; }
.mittun-hero-shortcode__stat-label { margin-top:7px; color:rgba(255,255,255,.62); font-size:var(--mittun-hero-stat-label-size-desktop,16px); font-weight:500; line-height:var(--mittun-hero-stat-label-line-desktop,1.2); letter-spacing:.18em; text-transform:uppercase; }
.mittun-hero-shortcode__stats + .mittun-hero-shortcode__progress-slot { margin-top:34px; }
.mittun-hero-shortcode__progress-slot { width:100%; }
.mittun-hero-has-progress-typography .mittun-hero-shortcode__progress-slot,.mittun-hero-has-progress-typography .mittun-hero-shortcode__progress-slot * { font-size:var(--mittun-hero-progress-size-desktop,inherit)!important; line-height:var(--mittun-hero-progress-line-desktop,inherit)!important; }
.mittun-hero-shortcode__actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:38px; }
.mittun-hero-shortcode__button { display:inline-flex; align-items:center; justify-content:center; min-height:62px; padding:0 34px; border:2px solid transparent; border-radius:var(--mittun-hero-button-radius,999px); font-size:var(--mittun-hero-button-size-desktop,18px); font-weight:700; line-height:var(--mittun-hero-button-line-desktop,1); text-decoration:none!important; transition:transform .2s ease,opacity .2s ease; }
.mittun-hero-shortcode__button:hover { transform:translateY(-1px); opacity:.94; }
.mittun-hero-shortcode__button--primary { border-color:var(--mittun-hero-primary-button-border,var(--mittun-hero-accent)); background:var(--mittun-hero-primary-button-bg,var(--mittun-hero-accent)); color:var(--mittun-hero-primary-button-text,#080808)!important; }
.mittun-hero-shortcode__button--secondary { border-color:var(--mittun-hero-secondary-button-border,var(--mittun-hero-text)); background:var(--mittun-hero-secondary-button-bg,transparent); color:var(--mittun-hero-secondary-button-text,var(--mittun-hero-text))!important; }
.mittun-hero-shortcode-missing { padding:20px; border:1px solid #d63638; background:#fff; color:#1d2327; }

@media (max-width:900px) { .mittun-hero-shortcode__inner { width:min(calc(100% - 36px),1380px); padding-top:64px; padding-bottom:40px; } }
@media (max-width:640px) {
	.mittun-hero-shortcode__inner { width:min(calc(100% - 28px),1380px); align-items:flex-end; padding-top:80px; padding-bottom:32px; }
	.mittun-hero-shortcode__eyebrow { font-size:var(--mittun-hero-eyebrow-size-mobile,13px); line-height:var(--mittun-hero-eyebrow-line-mobile,var(--mittun-hero-eyebrow-line-desktop,1.25)); margin-bottom:16px; }
	.mittun-hero-shortcode__countdown { gap:6px; margin-bottom:16px; }
	.mittun-hero-shortcode__countdown-item { min-width:50px; min-height:52px; padding:6px 7px 5px; }
	.mittun-hero-shortcode__countdown-number { font-size:var(--mittun-hero-countdown-number-size-mobile,21px); line-height:var(--mittun-hero-countdown-number-line-mobile,var(--mittun-hero-countdown-number-line-desktop,1)); }
	.mittun-hero-shortcode__countdown-label { font-size:var(--mittun-hero-countdown-label-size-mobile,6px); line-height:var(--mittun-hero-countdown-label-line-mobile,var(--mittun-hero-countdown-label-line-desktop,1)); letter-spacing:.18em; }
	.mittun-hero-shortcode__heading { font-size:var(--mittun-hero-heading-size-mobile,clamp(50px,17vw,76px)); line-height:var(--mittun-hero-heading-line-mobile,var(--mittun-hero-heading-line-desktop,.84)); margin-bottom:18px; }
	.mittun-hero-shortcode__subheading { font-size:var(--mittun-hero-subheading-size-mobile,18px); line-height:var(--mittun-hero-subheading-line-mobile,1.45); margin-bottom:28px; }
	.mittun-hero-shortcode__stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; padding-top:22px; }
	.mittun-hero-shortcode[data-stat-count="1"] .mittun-hero-shortcode__stats { grid-template-columns:1fr; }
	.mittun-hero-shortcode__stat-value { font-size:var(--mittun-hero-stat-number-size-mobile,30px); line-height:var(--mittun-hero-stat-number-line-mobile,var(--mittun-hero-stat-number-line-desktop,1)); }
	.mittun-hero-shortcode__stat-label { margin-top:5px; font-size:var(--mittun-hero-stat-label-size-mobile,10px); line-height:var(--mittun-hero-stat-label-line-mobile,var(--mittun-hero-stat-label-line-desktop,1.2)); letter-spacing:.1em; }
	.mittun-hero-has-progress-typography .mittun-hero-shortcode__progress-slot,.mittun-hero-has-progress-typography .mittun-hero-shortcode__progress-slot * { font-size:var(--mittun-hero-progress-size-mobile,var(--mittun-hero-progress-size-desktop,inherit))!important; line-height:var(--mittun-hero-progress-line-mobile,var(--mittun-hero-progress-line-desktop,inherit))!important; }
	.mittun-hero-shortcode__actions { margin-top:28px; gap:10px; }
	.mittun-hero-shortcode__button { min-height:54px; padding:0 23px; font-size:var(--mittun-hero-button-size-mobile,15px); line-height:var(--mittun-hero-button-line-mobile,var(--mittun-hero-button-line-desktop,1)); }
}

@media (prefers-reduced-motion:reduce) { .mittun-hero-shortcode__bg,.mittun-hero-shortcode__button { transition:none!important; } }

/* Alternate: Image + Stats layout */
.mittun-hero-shortcode--image-stats .mittun-hero-shortcode__overlay { background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.58) 55%,rgba(0,0,0,.72)); }
.mittun-hero-alt__inner {
	position:relative;
	z-index:3;
	display:grid;
	grid-template-columns:minmax(260px,36%) minmax(0,1fr);
	gap:clamp(32px,5vw,64px);
	align-items:center;
	width:min(calc(100% - 48px),1380px);
	min-height:var(--mittun-hero-min-height,760px);
	margin:0 auto;
	padding:60px var(--mittun-hero-padding-right) 60px var(--mittun-hero-padding-left);
	box-sizing:border-box;
}
.mittun-hero-alt__media { width:100%; max-width:430px; justify-self:center; }
.mittun-hero-alt__media img { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
.mittun-hero-alt__content { min-width:0; color:var(--mittun-hero-text); }
.mittun-hero-alt__title { margin:0 0 34px; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,.38); color:var(--mittun-hero-text); font-size:min(var(--mittun-hero-heading-size-desktop,56px),56px); font-weight:800; line-height:var(--mittun-hero-heading-line-desktop,1); letter-spacing:-.025em; }
.mittun-hero-alt__stats { display:grid; grid-template-columns:repeat(var(--mittun-hero-stat-count),minmax(0,1fr)); gap:clamp(18px,3vw,44px); margin-bottom:30px; }
.mittun-hero-alt__stat { min-width:0; }
.mittun-hero-alt__stat-value { color:var(--mittun-hero-text); font-size:var(--mittun-hero-stat-number-size-desktop,clamp(32px,3.3vw,56px)); font-weight:800; line-height:var(--mittun-hero-stat-number-line-desktop,1); }
.mittun-hero-alt__stat-label { margin-top:9px; color:rgba(255,255,255,.76); font-size:var(--mittun-hero-stat-label-size-desktop,13px); font-weight:500; line-height:var(--mittun-hero-stat-label-line-desktop,1.2); letter-spacing:.18em; text-transform:uppercase; }
.mittun-hero-alt__progress { width:100%; margin-top:8px; }
.mittun-hero-alt__actions { margin-top:30px; }
@media (max-width:900px) { .mittun-hero-alt__inner { grid-template-columns:minmax(180px,32%) minmax(0,1fr); gap:28px; width:min(calc(100% - 36px),1380px); padding:48px var(--mittun-hero-padding-right) 48px var(--mittun-hero-padding-left); } .mittun-hero-alt__stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .mittun-hero-shortcode[data-stat-count="1"] .mittun-hero-alt__stats { grid-template-columns:1fr; } }
@media (max-width:640px) { .mittun-hero-alt__inner { grid-template-columns:1fr; gap:28px; width:min(calc(100% - 28px),1380px); padding:36px var(--mittun-hero-padding-right) 36px var(--mittun-hero-padding-left); } .mittun-hero-alt__media { max-width:280px; } .mittun-hero-alt__title { margin-bottom:24px; padding-bottom:20px; font-size:min(var(--mittun-hero-heading-size-mobile,42px),42px); line-height:var(--mittun-hero-heading-line-mobile,1); } .mittun-hero-alt__stats { gap:20px 16px; } .mittun-hero-alt__stat-value { font-size:var(--mittun-hero-stat-number-size-mobile,30px); line-height:var(--mittun-hero-stat-number-line-mobile,1); } .mittun-hero-alt__stat-label { font-size:var(--mittun-hero-stat-label-size-mobile,10px); line-height:var(--mittun-hero-stat-label-line-mobile,1.2); } }


/* Stat alignment — applies to both Classic and Image + Stats layouts. */
.mittun-hero-shortcode[data-stat-align="left"] .mittun-hero-shortcode__stat,
.mittun-hero-shortcode[data-stat-align="left"] .mittun-hero-alt__stat { text-align:left; }
.mittun-hero-shortcode[data-stat-align="center"] .mittun-hero-shortcode__stat,
.mittun-hero-shortcode[data-stat-align="center"] .mittun-hero-alt__stat { text-align:center; }
.mittun-hero-shortcode[data-stat-align="right"] .mittun-hero-shortcode__stat,
.mittun-hero-shortcode[data-stat-align="right"] .mittun-hero-alt__stat { text-align:right; }

/* v1.16.0: Combined Leaderboard custom-answer progress */
.mittun-hero-answer-progress { width:100%; }
.mittun-hero-answer-progress__track {
	position:relative;
	width:100%;
	height:16px;
	background:#fff;
	border-radius:999px;
	overflow:hidden;
}
.mittun-hero-answer-progress__bar {
	display:block;
	height:100%;
	background:var(--mittun-hero-accent);
	border-radius:inherit;
	min-width:0;
}
.mittun-hero-answer-progress__goal {
	margin-top:8px;
	text-align:right;
	color:var(--mittun-hero-text);
	font-size:18px;
	line-height:1.25;
}
@media (max-width: 767px) {
	.mittun-hero-answer-progress__track { height:12px; }
	.mittun-hero-answer-progress__goal { font-size:15px; }
}