/* Approved red/gold hero. The original image is clipped by the layout, not redrawn. */
.snow-hero.snow-palace-hero{height:auto;aspect-ratio:2.7;min-height:460px;background:var(--snow-paper);isolation:isolate}
.snow-hero.snow-palace-hero>img{position:absolute;inset:auto;top:0;left:25%;width:102%;max-width:none;height:auto;min-height:100%;object-fit:cover;object-position:left top;z-index:0}
/* Show the left ~74% of the source, keeping the approved face position without distorting it. */
.snow-hero.snow-palace-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--snow-paper) 0%,var(--snow-paper) 31%,rgba(246,241,232,.96) 35%,rgba(246,241,232,.8) 39%,rgba(246,241,232,.45) 44%,rgba(246,241,232,.1) 52%,rgba(246,241,232,0) 60%)}
.snow-palace-hero .snow-hero-copy{left:5.8%;top:10%;width:44%;max-width:690px;z-index:2}
.snow-palace-hero .snow-hero-deck{max-width:590px}
@media(min-width:1601px){.snow-palace-hero .snow-hero-copy{top:12%}}
@media(min-width:761px) and (max-width:1100px){
 .snow-hero.snow-palace-hero{min-height:430px}
 .snow-palace-hero .snow-hero-copy{top:9%;left:5%;width:44%}
 .snow-palace-hero h1{font-size:60px}
 .snow-palace-hero h1>strong{font-size:54px}
 html[lang=vi] .snow-palace-hero h1>strong{font-size:49px}
 .snow-palace-hero .snow-hero-deck{font-size:15px;line-height:1.6}
 html[lang=vi] .snow-palace-hero .snow-hero-deck{font-size:15px}
 .snow-palace-hero .snow-button{font-size:13px;padding:10px 14px}
 .snow-palace-hero .snow-actions{gap:12px}
}
@media(max-width:760px){
 .snow-hero.snow-palace-hero{aspect-ratio:auto;height:740px;min-height:0}
 .snow-palace-hero .snow-hero-copy{left:20px;right:20px;top:24px;width:auto;max-width:none}
 .snow-hero.snow-palace-hero>img,html[lang=vi] .snow-hero.snow-palace-hero>img{top:320px;left:0;right:auto;bottom:auto;width:100%;height:420px;min-height:0;object-fit:cover;object-position:25% top}
 .snow-hero.snow-palace-hero::after{background:linear-gradient(180deg,var(--snow-paper) 0,var(--snow-paper) 305px,rgba(246,241,232,.92) 320px,rgba(246,241,232,.25) 352px,rgba(246,241,232,0) 378px)}
 .snow-palace-hero .snow-hero-deck{max-width:100%}
}