:root {
  --ink:#304c73; --muted:#758197; --line:#e2e7f0;
  --orange:#5268d7; --brand-navy:#304c73; --brand-navy-hover:#3d5e89; --brand-accent:#5268d7;
  --rainbow:linear-gradient(105deg,#ed6b80 0%,#f2aa58 19%,#d3cc66 34%,#52bba5 51%,#5d9bdf 72%,#9a77d2 100%);
}
.rainbow-wordmark { display:inline-flex;align-items:center;gap:9px;color:var(--brand-navy);font-size:23px;font-weight:850;letter-spacing:-.065em;white-space:nowrap;line-height:1.25; }
.brand-spectrum { color:#539fa8;background:var(--rainbow);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.rainbow-wordmark .brand-spectrum{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)}
.rainbow-mark { display:inline-block;flex:none;width:27px;height:18px;background:radial-gradient(ellipse at 50% 100%,transparent 0 24%,#9a77d2 25% 36%,#5d9bdf 37% 48%,#52bba5 49% 60%,#d3cc66 61% 72%,#f2aa58 73% 84%,#ed6b80 85% 96%,transparent 97%); }
@media(forced-colors:active){.brand-spectrum{-webkit-text-fill-color:currentColor;background:none}.rainbow-mark{background:CanvasText}}

/* The static header repeats the hero lockup: the name sits inside the arc. */
.header .logo{display:grid;grid-template-columns:18px max-content;grid-template-rows:17px 47px;align-items:start;gap:0;height:64px}
.header .logo.rainbow-wordmark{font-size:31px}
.header .logo .header-rainbow-image{display:block;grid-column:1 / 3;grid-row:1 / 3;align-self:start;width:100px;height:63px;object-fit:contain;transform:translateY(3px) scale(.48);transform-origin:left top;animation:none}
.header .logo>.header-brand-text{position:relative;z-index:1;grid-column:2;grid-row:2;line-height:1.2}
@media(max-width:760px){
 .header .logo{grid-template-columns:15px max-content;grid-template-rows:17px 45px;height:62px}
 .header .logo.rainbow-wordmark{font-size:27px}
 .header .logo .header-rainbow-image{width:88px;height:55px}
}
/* Align the spaced English signature to both edges of the Korean name. */
.header .logo>.header-brand-text::after{content:"M U J I G A E P A Y";position:absolute;left:0;top:calc(100% + 2px);box-sizing:border-box;width:100%;padding-right:3px;color:#626f8c;font-family:"Pretendard","Noto Sans KR",sans-serif;font-size:10px;font-weight:750;line-height:1.1;letter-spacing:normal;word-spacing:0;text-align:justify;text-align-last:justify;white-space:normal;pointer-events:none}
@media(max-width:760px){.header .logo>.header-brand-text::after{top:calc(100% + 1px);font-size:9px}}
@media(forced-colors:active){.header .logo>.header-brand-text::after{color:CanvasText}}