.hero{position:relative;overflow:hidden}.hero-grid{position:relative}.hangul-stage{height:530px;position:relative;perspective:1100px;isolation:isolate;touch-action:pan-y}.hangul-stage::before{content:"";position:absolute;inset:15% -12%;background:radial-gradient(ellipse,#236bff38,transparent 66%);filter:none}.hangul-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:auto}.hangul-piece{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform-style:preserve-3d;transform:translate3d(var(--dx,0px),var(--dy,0px),var(--z)) rotateX(var(--tiltx)) rotateY(var(--tilty)) rotateZ(var(--turn));will-change:auto}.hangul-piece span{position:absolute;inset:0;display:grid;place-items:center;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:var(--size);font-weight:900;line-height:1;backface-visibility:visible;user-select:none;color:#0648bd;transform:translateZ(var(--depth));text-shadow:0 1px 0 #438aff}.hangul-piece .face{color:#88bdff;background:linear-gradient(135deg,#e5f5ff 5%,#73b6ff 32%,#2472f8 65%,#a8d4ff 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:none}.hangul-piece:nth-child(2) .face{background-image:linear-gradient(145deg,#f0f8ff,#a1ceff 32%,#3b7cf0 76%)}.hangul-stage .orbit{position:absolute;width:90%;height:52%;left:5%;top:24%;border:1px solid #5b9eff30;border-radius:50%;transform:rotate(-27deg);pointer-events:none}.hangul-stage .orbit.second{width:67%;height:76%;left:18%;top:9%;transform:rotate(39deg);border-color:#73abff18}.hangul-caption{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;font-weight:700;white-space:nowrap;color:#669bdf}.hangul-caption i{width:5px;height:5px;background:#5d9eff;border-radius:50%;box-shadow:0 0 15px #63a2ff}.hero-visual.hangul-stage{opacity:1;transform:none}.hero .hero-copy{position:relative;z-index:2}@media(max-width:800px){.hangul-stage{height:410px;max-width:470px;width:100%;margin:auto}.hangul-world{scale:.84;transform-origin:center center}}@media(max-width:480px){.hangul-stage{height:320px}.hangul-world{scale:.67;transform-origin:45% 30%}.hangul-caption{font-size:9px;bottom:0}}@media(prefers-reduced-motion:reduce){.hangul-world,.hangul-piece{will-change:auto}}
