/* Korean homepage promo v2: black canvas, timeline and mute control only. */
body.ht-en-home-premium .hp-stage { padding-top: clamp(24px, 4vw, 64px); }
body.ht-en-home-premium .hp-stage-video { --stage-opacity:0; --stage-progress:0%; position:relative; aspect-ratio:16 / 9; overflow:hidden; background:#000; border:1px solid rgba(199,165,91,.22); }
body.ht-en-home-premium .hp-stage-mount,
body.ht-en-home-premium .hp-stage-mount iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; pointer-events:none; }
body.ht-en-home-premium .hp-stage-mount { opacity:var(--stage-opacity); transition:opacity .18s linear; }
body.ht-en-home-premium .hp-stage-surface { position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; background:transparent; cursor:pointer; z-index:1; }
body.ht-en-home-premium .hp-stage-mute { position:absolute; z-index:3; right:12px; top:12px; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(0,0,0,.5); color:#fff; padding:10px; cursor:pointer; }
body.ht-en-home-premium .hp-stage-mute svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.ht-en-home-premium .hp-stage-mute[aria-pressed="true"] .hp-stage-sound-icon,
body.ht-en-home-premium .hp-stage-mute[aria-pressed="false"] .hp-stage-muted-icon { display:none; }
body.ht-en-home-premium .hp-stage-timeline { -webkit-appearance:none; appearance:none; position:absolute; z-index:3; bottom:0; left:0; width:100%; height:22px; margin:0; padding:0; border:0; border-radius:0; outline:none; cursor:pointer; background:linear-gradient(to right,#c7a55b var(--stage-progress),rgba(255,255,255,.3) var(--stage-progress)) left bottom / 100% 3px no-repeat; }
body.ht-en-home-premium .hp-stage-timeline::-webkit-slider-runnable-track { height:3px; background:transparent; transform:translateY(9.5px); }
body.ht-en-home-premium .hp-stage-timeline::-moz-range-track { height:3px; background:transparent; transform:translateY(9.5px); }
body.ht-en-home-premium .hp-stage-timeline::-webkit-slider-thumb { -webkit-appearance:none; width:10px; height:10px; margin-top:-3.5px; border:0; border-radius:50%; background:#c7a55b; opacity:0; }
body.ht-en-home-premium .hp-stage-timeline::-moz-range-thumb { width:10px; height:10px; border:0; border-radius:50%; background:#c7a55b; opacity:0; }
body.ht-en-home-premium .hp-stage-timeline:focus-visible::-webkit-slider-thumb { opacity:1; }
body.ht-en-home-premium .hp-stage-timeline:focus-visible::-moz-range-thumb { opacity:1; }
/* Keep the 3px baseline, but give touch users a 44px seek target. */
body.ht-en-home-premium .hp-stage-timeline { height:44px; touch-action:none; user-select:none; -webkit-user-select:none; }
body.ht-en-home-premium .hp-stage-timeline::-webkit-slider-runnable-track { transform:translateY(20.5px); }
body.ht-en-home-premium .hp-stage-timeline::-moz-range-track { transform:translateY(20.5px); }
body.ht-en-home-premium .hp-stage-video[data-scrubbing="true"] .hp-stage-timeline::-webkit-slider-thumb { opacity:1; }
body.ht-en-home-premium .hp-stage-video[data-scrubbing="true"] .hp-stage-timeline::-moz-range-thumb { opacity:1; }
body.ht-en-home-premium .hp-stage-surface:focus-visible,
body.ht-en-home-premium .hp-stage-mute:focus-visible { outline:2px solid #c7a55b; outline-offset:-4px; }
body.ht-en-home-premium .hp-stage-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (prefers-reduced-motion:reduce) { body.ht-en-home-premium .hp-stage-mount { transition:none; } }

/* Explicit play/pause acknowledgement only; never a persistent replay control. */
body.ht-en-home-premium .hp-stage-feedback { position:absolute; z-index:2; top:50%; left:50%; width:68px; height:68px; display:grid; place-items:center; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; opacity:0; transform:translate(-50%,-50%); pointer-events:none; }
body.ht-en-home-premium .hp-stage-feedback svg { width:32px; height:32px; fill:currentColor; }
body.ht-en-home-premium .hp-stage-feedback-play,
body.ht-en-home-premium .hp-stage-feedback-pause { display:none; }
body.ht-en-home-premium .hp-stage-feedback[data-action="play"] .hp-stage-feedback-play,
body.ht-en-home-premium .hp-stage-feedback[data-action="pause"] .hp-stage-feedback-pause { display:block; }
body.ht-en-home-premium .hp-stage-feedback.is-visible { animation:hp-stage-feedback-flash 900ms ease-out both; }
@keyframes hp-stage-feedback-flash { 0% { opacity:0; transform:translate(-50%,-50%) scale(.9); } 18%,60% { opacity:1; transform:translate(-50%,-50%) scale(1); } 100% { opacity:0; transform:translate(-50%,-50%) scale(1.06); } }
@media (max-width:680px) { body.ht-en-home-premium .hp-stage-feedback { width:56px; height:56px; } }
@media (prefers-reduced-motion:reduce) { body.ht-en-home-premium .hp-stage-feedback.is-visible { animation-name:hp-stage-feedback-fade; } }
@keyframes hp-stage-feedback-fade { 0%,100% { opacity:0; } 18%,60% { opacity:1; } }

/* PATCH-KR-HOME-TRAINING-PR-20260905 */
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
	gap: clamp(48px, 7vw, 104px);
	align-items: start;
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-copy .hp-heading { margin-bottom: 42px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-eyebrow {
	margin: 0 0 18px;
	color: var(--hp-gold);
	font: 700 11px/1 var(--hp-sans);
	letter-spacing: 0.16em;
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-steps { display: grid; gap: 22px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 16px;
	padding-left: 16px;
	border-left: 2px solid rgba(199, 165, 91, 0.42);
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step > span {
	padding-top: 5px;
	color: var(--hp-gold);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step h3 {
	margin: 0;
	font: 400 clamp(1.55rem, 2.4vw, 2.45rem)/1 var(--hp-serif);
	letter-spacing: -0.045em;
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step p {
	margin: 10px 0 0;
	color: var(--hp-smoke);
	font-size: 12px;
	line-height: 1.55;
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-visual {
	aspect-ratio: 2 / 3;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(49, 130, 246, 0.38);
	background: #0a0d11;
}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media (max-width: 767.98px) {
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-grid {
		grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
		gap: 12px;
	}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-copy .hp-heading { margin-bottom: 24px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-eyebrow { margin-bottom: 10px; font-size: 7px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-steps { gap: 14px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step {
		grid-template-columns: 18px minmax(0, 1fr);
		gap: 6px;
		padding-left: 7px;
	}
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step > span { padding-top: 2px; font-size: 7px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step h3 { font-size: clamp(1rem, 4.2vw, 1.55rem); }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-step p {
		margin-top: 5px;
		font-size: clamp(7px, 1.75vw, 9px);
		line-height: 1.4;
	}
}

@media (max-width: 479px) {
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-grid { grid-template-columns: 1fr; gap: 28px; }
body.ht-en-home-premium:not(.ht-ko-home-premium) .hp-training-pr-visual { width: min(100%, 420px); }
}

body.ht-en-home-premium .hp-slide .hp-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
body.ht-en-home-premium .hp-button-icon { width:18px; height:18px; fill:currentColor; flex:0 0 auto; }
@media(max-width:680px) {
 body.ht-en-home-premium .hp-slide .hp-button { gap:5px; }
 body.ht-en-home-premium .hp-button-icon { width:14px; height:14px; }
 body.ht-ko-home-premium .hp-app-actions { display:flex; flex-wrap:wrap; gap:8px; }
 body.ht-ko-home-premium .hp-app-actions .hp-button { padding-left:12px; padding-right:12px; }
}