@font-face{font-family:neurimbo Gothic;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/neurimboGothicRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--red:#ce2f3a;--blue:#0048a0;--white:#fff;--ink:#212121;--accent:#c9930f;--dot:#2a2a2a;--page:3.2vw;--display:"Anybody", "Seenonim", sans-serif;--korean:"neurimbo Gothic", "Apple SD Gothic Neo", sans-serif;--body:"Inter", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--white);touch-action:pan-y pinch-zoom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100%;margin:0}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--body);color:var(--white);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.scroll-root{height:535vh;position:relative}.snap-mark{scroll-snap-align:start;width:1px;height:1px;position:absolute;left:0}@media (pointer:coarse){html{scroll-snap-type:y mandatory}}.stage{isolation:isolate;height:100dvh;position:sticky;top:0;overflow:hidden}.bg{pointer-events:none;will-change:transform;position:absolute;inset:0}#bg-current{z-index:0}#bg-next{z-index:1}.scene{z-index:2;color:var(--white);pointer-events:none;will-change:clip-path;position:absolute;inset:0}.scene[data-scene=jegi]{color:var(--ink)}.corner-mark{pointer-events:none;height:auto;position:absolute}.mark-top{width:clamp(2.5rem,3.8vw,4rem);bottom:calc(100% + 1rem);left:.15rem}.hanja{z-index:1;font-family:var(--korean);opacity:.07;pointer-events:none;user-select:none;margin:0;font-size:clamp(20rem,58vh,34rem);line-height:1;position:absolute;bottom:-1vh;right:2vw}.scene.is-idle{visibility:hidden}.corner-motifs{z-index:4;pointer-events:none;width:clamp(10rem,16.8vw,18.25rem);height:auto;display:block;position:absolute;top:4.6svh;right:clamp(1.25rem,2.6vw,3rem)}.scene-shift{z-index:2;padding:clamp(1.5rem, 18.4vh, 12.8rem) clamp(1.25rem, var(--page), 3.5rem) clamp(5.5rem, 8vh, 6.5rem);will-change:transform;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(16rem,32rem) 1fr;display:grid;position:absolute;inset:0}.pictogram{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.pictogram canvas{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pictogram .figure{z-index:2;width:auto;height:68vh;max-height:calc(100svh - 5rem);color:inherit;pointer-events:none;position:absolute;top:54%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.pictogram-yeon .figure{height:56vh;top:58%}.pictogram-jegi .figure{height:64vh}.morph-layer{z-index:5;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.morph-layer.is-on{display:block}.scene-copy,.body,.display-end{z-index:1;position:relative}.scene-copy{grid-area:1/1}.display{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(3.4rem,7.4vw,8rem);font-weight:500;font-stretch:112%;line-height:.88}.korean{font-family:var(--korean);letter-spacing:-.04em;margin:.15em 0 0;font-size:clamp(1.7rem,3.7vw,4rem);font-weight:400;line-height:1.05}.body{grid-area:3/1;align-self:end;max-width:34rem;margin:0;font-size:1rem;font-weight:400;line-height:1.4}.body strong{font-weight:500}.break{height:1.4em;display:block}.display-end{text-align:right;grid-area:3/2;place-self:end}.tally{flex-wrap:wrap;grid-area:2/1;align-self:start;align-items:flex-end;gap:.35rem .4rem;max-width:11.9rem;min-height:1.3rem;margin-top:1.2rem;display:flex}.tally-unit{gap:.2rem;display:flex}.tally-bar{transform-origin:bottom;width:.25rem;height:1.3rem;animation:.24s cubic-bezier(.22,1,.36,1) tally-grow}@keyframes tally-grow{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.tally-bar{animation:none}}.cursor-square{z-index:8;opacity:0;pointer-events:none;will-change:transform;width:13px;height:13px;transition:opacity .16s ease-out;position:absolute;top:0;left:0}.cursor-square:before{content:"";background:var(--square-fill,var(--ink));transition:transform .2s ease-out;position:absolute;inset:0}.cursor-square.is-diamond:before{transform:rotate(45deg)}body.has-cursor-fx,body.has-cursor-fx .slot,body.has-cursor-fx .taegeuk{cursor:none}.scroll-hint{z-index:5;font-family:var(--body);letter-spacing:0;color:var(--ink);opacity:.45;pointer-events:none;margin:0;font-size:.75rem;position:absolute;bottom:clamp(1.5rem,4vh,2.75rem);left:50%;transform:translate(-50%)}.pager{z-index:6;align-items:center;gap:2.2rem;display:flex;position:absolute;bottom:clamp(1.35rem,4.3vh,2.6rem);left:50%;transform:translate(-50%)}.slot{width:24px;height:24px;color:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.slot:focus-visible{outline-offset:4px;border-radius:999px;outline:2px solid}.dot{opacity:.2;background:currentColor;border-radius:999px;width:24px;height:24px;transition:opacity .16s ease-out;display:block}.slot.is-active .dot{opacity:0}.taegeuk{z-index:7;cursor:pointer;transform-origin:50%;pointer-events:none;will-change:transform;width:300px;height:300px;margin:0;position:absolute;top:0;left:0}.taegeuk-enter{width:100%;height:100%;animation:1.1s cubic-bezier(.23,1,.32,1) both taegeuk-enter;position:relative}.taegeuk-mark{width:100%;height:100%;display:block}.taegeuk-light{opacity:0}@keyframes taegeuk-enter{0%{opacity:0;filter:blur(12px);transform:rotate(-180deg)}to{opacity:1;filter:blur();transform:rotate(0)}}.pager.is-dark{color:var(--dot)}.pager.is-light{color:var(--white)}@media (width<=52rem){.corner-motifs{width:min(42vw,13rem);top:2rem;right:1.25rem}.scene-shift{z-index:4;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;gap:.4rem;padding:12vh 1.25rem 6.5rem}.pictogram .figure{height:48vh;top:56%;transform:translate(calc(18px - 50%),-50%)}.pictogram-yeon .figure{height:40vh;top:58%;transform:translate(calc(20px - 50%),-50%)}.pictogram-jegi .figure{height:45vh;top:57%;transform:translate(calc(8px - 50%),-50%)}.tally{grid-row:3;margin-top:.9rem}#body{stroke-width:1.06px}#yeon-body{stroke-width:1.72px}#yeon-body .fine{stroke-width:1.28px}#jegi-body{stroke-width:2.45px}.hanja{font-size:clamp(12rem,42vh,20rem);bottom:5vh}.body{z-index:1;opacity:.92;pointer-events:auto;cursor:pointer;grid-row:2;align-self:start;max-height:2.5rem;margin:.7rem 0 0;font-size:.85rem;line-height:1.45;transition:max-height .48s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.body:not(:is(.scene.essay-open .body)){-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.scene .pictogram{transition:opacity .36s ease-out}.scene.essay-open .pictogram{opacity:.12}.tally:empty{min-height:0;margin:0}.display-end{text-align:right;grid-area:4/1;justify-self:end}}@media (prefers-reduced-motion:reduce){.bg,.scene,.scene-shift,.taegeuk{will-change:auto}.taegeuk-enter{animation:none}}