body.signature-light .hero{background:#fff!important;background-image:none!important}
body.signature-light .hero::before,body.signature-light .hero::after{display:none!important}
body.signature-light .hero .hero-inner{position:relative;min-height:520px;padding:110px 0 75px;background:none!important}
body.signature-light .hero h1{position:relative;margin:0;max-width:56%;font-size:clamp(65px,6.7vw,94px);line-height:1.15;letter-spacing:-.08em;color:var(--brand-navy)}
body.signature-light .hero .hero-topic{position:relative;margin:0 0 17px;color:#5d6d85;font-size:27px;line-height:1.45;font-weight:500}
body.signature-light .hero .hero-description{position:relative;max-width:48%;margin:25px 0 0;font-size:14px;color:#8b98ab}
body.signature-light .hero-actions{position:relative;justify-content:flex-start;margin-top:30px;gap:26px}
body.signature-light .hero-action-secondary{position:relative;display:inline-flex;visibility:visible;opacity:1;color:#5c6d87;z-index:1}
body.signature-light .hero-inner>*{animation:none!important}
body.signature-light .hero-copy-reset>*{opacity:1!important;transform:none!important}
body.signature-light .rainbow-wordmark .rainbow-mark{width:35px;height:28px;background:url('signature-arrow.svg') center / 43px 30px no-repeat}
.signature-light-stage{position:absolute;right:-15px;top:0;width:min(51%,620px);aspect-ratio:640/520;pointer-events:none}
.signature-light-art{display:block;width:100%;height:auto;overflow:visible}
.signature-light-replay{position:absolute;right:24px;bottom:27px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:#fff;border:1px solid #e4e9f1;border-radius:30px;color:#8b9bb2;font:inherit;font-size:10px;cursor:pointer;pointer-events:auto}
.signature-light-replay[hidden]{display:none}
.signature-light-replay:hover{border-color:#b8c6db;color:#4c6384}
body.signature-light .hero.has-custom-image .signature-light-stage{display:none}
@media(min-width:761px) and (max-width:1100px){body.signature-light .hero .hero-inner{min-height:450px;padding:84px 0 65px}body.signature-light .hero h1{font-size:66px}body.signature-light .hero .hero-topic{font-size:24px}.signature-light-stage{top:26px;right:-15px;width:52%}.signature-light-replay{bottom:8px;right:15px;font-size:9px}}
@media(max-width:760px){body.signature-light .hero .hero-inner{min-height:0;padding:37px 0 0;display:flex;flex-direction:column}body.signature-light .hero .hero-topic{order:1;margin:0 0 12px;font-size:23px}body.signature-light .hero h1{order:2;max-width:100%;font-size:clamp(47px,12.5vw,74px)}body.signature-light .hero .hero-description{order:3;max-width:100%;margin-top:18px;font-size:13px}body.signature-light .hero-actions{order:4;margin-top:24px;gap:24px}.signature-light-stage{order:5;position:relative;align-self:center;width:min(410px,100%);right:auto;top:auto;margin:0 auto -3px;flex:none}.signature-light-replay{right:8px;bottom:13px;font-size:9px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.signature-light-replay{display:none!important}}
html.banner-motion-preview .signature-light-replay:not([hidden]){display:inline-flex!important}
/* Banner wordmark spacing with a fixed colour treatment for 개. */
body.signature-light .hero .hero-brand{letter-spacing:-.025em}
body.signature-light .hero .hero-brand>.brand-spectrum{
 position:relative;display:inline-block;
 background-image:linear-gradient(110deg,#ed729b 0%,#efad69 14%,#e6ce68 28%,#56bea8 42%,#639fe0 56%,#a17bd6 70%,#ed729b 84%,#efad69 100%);
 background-size:300% 100%;background-position:0% 50%;
 filter:drop-shadow(0 0 .035em #76a9ce38);
}
body.signature-light .hero .hero-brand-tagline{display:block;margin-top:12px;color:#71839e;font-size:clamp(17px,1.6vw,21px);line-height:1.5;font-weight:500;letter-spacing:-.035em;white-space:nowrap}
@media(max-width:760px){body.signature-light .hero .hero-brand-tagline{margin-top:10px;font-size:clamp(15px,3.8vw,19px)}}
/* The ribbon and wordmark share a responsive title scene. */
body.signature-light .hero .hero-inner{min-height:0;padding:24px 0 52px;display:block}
.rainbow-title-scene{position:relative;width:min(780px,100%);aspect-ratio:1000/500}
body.signature-light .signature-light-stage{position:absolute;inset:0;width:100%;aspect-ratio:1000/500;margin:0;z-index:0}
body.signature-light .hero h1{position:absolute;left:12%;top:calc(63% - 15px);max-width:none;font-size:clamp(65px,6.7vw,94px);z-index:1}
body.signature-light .hero .hero-description{max-width:100%;margin:24px 0 0;margin-left:min(93.6px,12%)}
body.signature-light .hero-actions{margin-left:min(93.6px,12%)}
body.signature-light .rainbow-wordmark .rainbow-mark{display:none}
body.signature-light .signature-light-replay{right:0;bottom:0}
body.signature-light .hero.has-custom-image .rainbow-title-scene{aspect-ratio:auto;padding:35px 0}
body.signature-light .hero.has-custom-image h1{position:static}
@media(min-width:761px) and (max-width:1100px){body.signature-light .hero h1{font-size:66px}}
@media(max-width:760px){body.signature-light .hero .hero-inner{padding:25px 0 30px;display:block}body.signature-light .hero h1{font-size:clamp(47px,12.5vw,74px)}body.signature-light .hero .hero-description{margin-top:26px}body.signature-light .signature-light-replay{right:0;bottom:-21px}body.signature-light .hero-actions{margin-top:24px}}
