.hn-opening{--hn-scene-overlap: clamp(64px, 6vw, 112px);position:relative;isolation:isolate}.hn-opening .hn-hero-media{z-index:1}.hn-opening .hn-hero-media .hn-hero-in{padding-bottom:330px}.hn-opening .hn-hero-media .hn-hero-shade{background:linear-gradient(90deg,#0b1310b8,#0b131061 30%,#0b131000 56%),linear-gradient(0deg,#0b131061,#0b131014 27%,#0b131000 44%),linear-gradient(180deg,#0b131073,#0b131000 16%)}.hn-opening .hn-panels{position:absolute;inset-inline:0;bottom:calc(var(--hn-scene-overlap) + 24px);z-index:4;margin:0}.hn-opening .hn-panel{background:#07170f6b;border-color:#e1f0e538;-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08);box-shadow:0 18px 42px -28px #0009}.hn-opening .hn-panel-gold{background:linear-gradient(155deg,#e9b10f33,#07170f6b 65%);border-color:#e9b10f6b}.hn-opening .hn-panel:hover,.hn-opening .hn-panel:focus-visible{background:#07170fbd}.hn-opening-range{position:relative;z-index:2;margin-top:calc(-1 * var(--hn-scene-overlap));scroll-margin-top:120px}.hn-opening-range>.hn-landscape{background:transparent}.hn-opening-range .hn-landscape-media,.hn-opening-range .hn-landscape-shade{-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.25) calc(var(--hn-scene-overlap) * .22),#000 var(--hn-scene-overlap));mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.25) calc(var(--hn-scene-overlap) * .22),#000 var(--hn-scene-overlap));-webkit-mask-size:100% 100%;mask-size:100% 100%}@media(min-width:760px)and (max-width:979px){.hn-opening .hn-hero-media .hn-hero-in{padding-bottom:430px}}@media(max-width:959px){.hn-opening{--hn-scene-overlap: clamp(20px, 4vw, 38px)}.hn-opening-range{scroll-margin-top:100px}}@media(max-width:759px){.hn-opening .hn-hero-media .hn-hero-in{padding-bottom:410px}.hn-opening .hn-hero-media .hn-hero-shade{background:linear-gradient(90deg,#0b13109e,#0b13101f 82%),linear-gradient(180deg,#0b131042,#0b13101a 55%,#0b13104d)}}@media(max-width:599px){.hn-opening .hn-hero-media .hn-hero-in{padding-bottom:330px}.hn-opening .hn-panels{bottom:calc(var(--hn-scene-overlap) + 20px)}}.hn-scene-section{--hn-scene-fade-top: clamp(20px, 3.8vw, 76px);--hn-scene-fade-bottom: clamp(14px, 2.6vw, 52px);background:transparent}.hn-scene-section--hyundai{--hn-scene-fade-top: 1.3vw}.hn-scene-section:after{display:none}.hn-scene-section>.hn-landscape{background:transparent}.hn-scene-section .hn-landscape-media,.hn-scene-section .hn-landscape-shade{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 var(--hn-scene-fade-top),#000 calc(100% - var(--hn-scene-fade-bottom)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 var(--hn-scene-fade-top),#000 calc(100% - var(--hn-scene-fade-bottom)),transparent 100%)}.hn-scene-section>.hn-wrap{position:relative;z-index:1;margin-top:calc(-1*clamp(8px,1.25vw,24px));padding-top:0}.hn-scene-section .hn-pillar,.hn-scene-section .hn-step{background:#07170f6b;border:1px solid rgba(225,240,229,.18);-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08);box-shadow:0 18px 42px -28px #0009}.hn-scene-section .hn-pillar:hover{background:#07170fa8;border-color:#e9b10f66}.hn-scene-section .hn-steps{gap:16px}.hn-scene-section .hn-step{padding:30px 24px 26px;border-radius:20px 0 20px 20px}@media(max-width:959px){.hn-scene-section{--hn-scene-fade-top: clamp(10px, 3vw, 28px);--hn-scene-fade-bottom: clamp(8px, 2.6vw, 24px)}.hn-scene-section--hyundai{--hn-scene-fade-top: 1.3vw}.hn-scene-section .hn-landscape .hn-sub{background:transparent}.hn-scene-section>.hn-wrap{margin-top:-8px}}.hn-scene-section--hyundai>.hn-wrap,.hn-scene-section--powerstar>.hn-wrap{margin-top:clamp(28px,3vw,48px)}
