
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  html{scroll-behavior:smooth}
  ::selection{background:#7c1d2e;color:#fff}
  @keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes tileGlow{0%{background-position:0% 135%,0 0}50%{background-position:80% 18%,0 0}100%{background-position:0% 135%,0 0}}
  #tiles a:nth-of-type(2){animation-delay:-1.7s!important}
  #tiles a:nth-of-type(3){animation-delay:-3.4s!important}
  #tiles a:nth-of-type(4){animation-delay:-5.1s!important}
  @media(prefers-reduced-motion:reduce){#tiles a{animation:none!important}}
  @media(max-width:820px){.fnav-side{display:none!important}}
  @media(min-width:821px){.fnav-bottom{display:none!important}}
  @media(max-width:768px){header nav a:not(:last-child){display:none!important}header nav{gap:0!important}}
  /* ── 글래스 글로우 CTA ── */
  .glass-glow{position:relative;overflow:hidden;isolation:isolate;--glow:124,29,46;animation:ctaGlow 3.2s ease-in-out infinite}
  .glass-glow.gg-rose{--glow:231,200,205}
  .glass-glow.gg-gold{--glow:214,180,0}
  .glass-glow.gg-maroon{--glow:124,29,46}
  @keyframes ctaGlow{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.20)}50%{box-shadow:0 12px 36px rgba(var(--glow),.55)}}
  .glass-glow::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0) 46%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
  .glass-glow::after{content:"";position:absolute;top:-30%;left:-130%;width:55%;height:160%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);animation:ctaSheen 4.6s ease-in-out infinite;pointer-events:none;z-index:3}
  @keyframes ctaSheen{0%{left:-130%}52%,100%{left:145%}}
  .live-badge{animation:liveBlink 2.6s ease-in-out infinite}
  @keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.72}}
  .live-dot{animation:livePulse 1.6s ease-in-out infinite}
  @keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(43,191,106,.55)}70%{box-shadow:0 0 0 8px rgba(43,191,106,0)}100%{box-shadow:0 0 0 0 rgba(43,191,106,0)}}
  @media(prefers-reduced-motion:reduce){.glass-glow,.glass-glow::after,.live-badge,.live-dot{animation:none!important}}
  /* ── 히어로 배경: 로고가 중앙에 오도록 ── */
  .hero-bg{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
  @media(min-width:821px){.hero-bg{left:-29%;width:130%}}
  /* -- mobile header overflow fix -- */
  @media(max-width:768px){
    header nav{display:none!important}
    header>div{gap:10px!important;padding:0 14px!important}
    header>div>a{min-width:0!important;gap:8px!important}
    header>div>a img{height:20px!important}
    header>div>a span:last-child{font-size:12.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  }
  body{overflow-x:clip}
