@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#edf0e8;--ink:#26362b;--muted:#727e70;--line:#cdd4c7;--orange:#eb7544;--green:#b6d583;--lavender:#c5b7dc;--yellow:#e8e9a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;letter-spacing:-.035em}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:7px}button{border:0}button:disabled{cursor:default}.header{margin:0 4.5%;height:105px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-size:28px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.wordmark>span:first-child{color:var(--orange)}.logo-dot{font-size:9px;vertical-align:top;margin:4px 0 0 5px;display:inline-block;letter-spacing:0}.edition{font-size:9px;letter-spacing:1.4px;line-height:1.6;margin-left:65px;color:var(--muted)}nav{display:flex;gap:42px;margin-left:auto;font-size:12px}nav span{margin-left:14px}.archive-link{color:var(--muted)}.hero{position:relative;min-height:790px;height:calc(100svh - 105px);max-height:1050px;overflow:hidden}.hero-label{position:absolute;top:43px;left:4.5%;font-size:9px;letter-spacing:1.5px;display:flex;gap:9px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.hero-title{position:absolute;left:6.5%;top:135px;z-index:1;pointer-events:none}.hero h1{font-size:clamp(48px,5.4vw,86px);font-weight:500;line-height:1.22;letter-spacing:-.075em;margin:0}.hero h1 em{font-style:normal;position:relative}.hero h1 em::after{content:'';position:absolute;height:1px;background:var(--ink);bottom:0;left:2px;right:-4px;transform:rotate(-3deg)}.hero-title p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:30px}.playground{position:absolute;right:0;top:15px;width:66%;height:calc(100% - 130px);min-height:610px;isolation:isolate}.playground svg{width:100%;height:100%;overflow:visible;display:block}.stage-coordinate{position:absolute;font-size:8px;letter-spacing:1.4px;color:var(--muted);line-height:1.6;pointer-events:none}.coord-top{top:30px;left:43%}.coord-right{right:6.8%;top:160px;writing-mode:vertical-rl}.orbit{fill:none;stroke:#b7c4af;stroke-width:.6}.orbit circle{fill:#a5b19c;stroke:none}.orbit path{stroke:var(--ink);stroke-width:1}.sculpture-hit{position:absolute;left:17%;top:17%;width:66%;height:65%;border-radius:50%;background:transparent;touch-action:pan-y;cursor:grab;outline-offset:-35px!important}.sculpture-hit:active{cursor:grabbing}#pull-cue{fill:var(--ink);font-size:8px;letter-spacing:1px;transition:opacity .3s}#pull-cue circle{fill:#edf0e866;stroke:var(--ink);stroke-width:.8}#pull-cue path{fill:none;stroke:var(--ink);stroke-width:.8}.stage-caption{position:absolute;left:44%;bottom:25px;display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:11px;pointer-events:none}.caption-star{font-size:30px;color:var(--orange)}.stage-caption p{color:var(--muted)}.hero-bottom{position:absolute;bottom:0;left:4.5%;right:4.5%;border-top:1px solid var(--line);height:131px;display:flex;align-items:center;justify-content:space-between;z-index:2}.tool-label{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.interaction-tools>div{display:flex;align-items:center;gap:9px}.interaction-tools button{border:1px solid #aab7a3;border-radius:30px;background:transparent;font-size:11px;padding:11px 17px;transition:background .2s,color .2s}.interaction-tools button span{margin-left:20px}.interaction-tools button:hover{background:var(--ink);color:var(--bg)}.interaction-tools #reset{border:0;color:var(--muted);font-size:10px;padding-left:12px}.trace-summary{display:grid;grid-template-columns:auto auto;gap:6px 16px;align-items:center}.trace-summary>span{font-size:28px;letter-spacing:-1.5px;font-weight:500;grid-row:span 2}.trace-summary p{margin:0;font-size:10px;color:var(--muted)}.trace-summary a{font-size:10px}.after{padding:72px 6.5% 85px;background:#f8f7f2}.section-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:var(--muted)}.section-top>span:last-child{letter-spacing:0}.after-heading,.world-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:42px 0}h2{font-size:clamp(32px,3.4vw,52px);font-weight:500;letter-spacing:-.065em;line-height:1.35;margin:0}h2 em{font-style:normal;color:var(--muted)}.after-heading>p,.world-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 5px}.traces{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.trace{background:transparent;text-align:left;border-top:1px solid var(--line);padding:22px 0 0;transition:transform .25s}.trace:hover{transform:translateY(-5px)}.trace-symbol{width:100%;height:150px;display:flex;align-items:center;justify-content:center;font-size:100px;line-height:1;color:#c8ccbf;transition:color .5s,background .5s;border-radius:2px}.symbol-one{font-size:125px}.symbol-two{font-size:125px;font-weight:400}.symbol-three{font-weight:400}.trace-state{display:block;color:var(--muted);font-size:9px;letter-spacing:.5px;margin-top:25px}.trace h3{font-size:20px;font-weight:500;letter-spacing:-.05em;margin:13px 0 10px}.trace p{font-size:11px;color:var(--muted);line-height:1.9;margin:0 0 22px}.trace-link{font-size:10px;display:block;transition:color .25s}.trace.unlocked:nth-child(1) .trace-symbol{background:#e5ebd6;color:#647e3c}.trace.unlocked:nth-child(2) .trace-symbol{background:#ece2f2;color:#8b73ab}.trace.unlocked:nth-child(3) .trace-symbol{background:#f5dec5;color:#c56a3a}.trace.unlocked .trace-link{color:var(--orange)}.world{padding:75px 6.5% 90px}.world-heading{margin-bottom:50px}.world-rows{border-top:1px solid #b6c2ae}details{border-bottom:1px solid #b6c2ae}summary{list-style:none;display:flex;align-items:center;padding:30px 0;cursor:pointer;gap:30px}summary::-webkit-details-marker{display:none}.row-no{font-size:10px;align-self:flex-start;margin-top:9px;width:38px;color:var(--muted)}.row-name{font-size:38px;letter-spacing:-1.6px;flex:1;line-height:1.2}.row-name.korean{font-size:33px;letter-spacing:-1.4px}.row-name small{display:block;font-size:11px;letter-spacing:-.4px;color:var(--muted);margin-top:12px}.row-category{font-size:9px;letter-spacing:1px;color:var(--muted)}.row-toggle{font-size:27px;font-weight:400;margin-left:65px;transition:transform .25s}details[open] .row-toggle{transform:rotate(45deg)}.row-content{padding:5px 0 38px 68px;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center}.row-art{height:210px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:3px}.row-art>span{font-size:135px;line-height:1}.row-art i{font-style:normal;position:absolute;bottom:15px;font-size:7px;letter-spacing:1px}.moon{background:#ded6ec;color:#726484}.moon>span{transform:rotate(-28deg)}.maker{background:#f0bb8f;color:#945f3d}.growth{background:#d4dfbd;color:#6a8052}.row-content h3{font-size:22px;font-weight:500;line-height:1.6;letter-spacing:-.04em;margin:0 0 18px}.row-content p{font-size:12px;color:var(--muted);line-height:1.95;max-width:440px}.row-content a{display:inline-block;margin-top:12px;font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:5px}.row-note{display:block;font-size:9px;color:var(--muted);margin-top:22px}.keep{position:relative;text-align:center;padding:85px 20px 65px;background:#e8e9b7;overflow:hidden}.keep-orb{height:110px;width:110px;background:var(--orange);border-radius:47% 53% 60% 40%;margin:0 auto 35px;color:#e8e9b7;display:flex;align-items:center;justify-content:center;font-size:75px;font-weight:400;transform:rotate(-9deg)}.keep-eyebrow{font-size:9px;letter-spacing:2px;display:block;margin-bottom:25px}.keep h2{font-size:clamp(36px,4vw,60px)}.keep p{font-size:12px;line-height:1.9;margin:25px 0 28px;color:#687353}.keep>a{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:#f8f7f2;padding:15px 20px;border-radius:30px;font-size:11px}.keep-small{display:block;margin-top:60px;font-size:9px;color:#77815e}footer{padding:40px 4.5%;background:var(--ink);color:#edf0e8;display:flex;align-items:center;gap:40px}footer .wordmark{font-size:24px}footer>span{font-size:8px;letter-spacing:1px;opacity:.55}footer>a:nth-last-child(2){font-size:9px;margin-left:auto;letter-spacing:.5px}footer small{font-size:8px;opacity:.5}dialog{padding:45px;width:min(560px,90vw);max-height:85svh;background:#f8f7f2;color:var(--ink);border:0;border-radius:4px;box-shadow:0 20px 100px #172a2520}dialog::backdrop{background:#25372b66;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:12px;right:15px;background:transparent;font-size:29px}.dialog-symbol{font-size:100px;line-height:1;margin:25px 0;color:#809659}#dialog-kicker{font-size:9px;letter-spacing:1.5px;color:var(--muted)}dialog h2{font-size:32px;margin:20px 0}#dialog-copy{font-size:13px;line-height:2;color:var(--muted);white-space:pre-line}.dialog-foot{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;gap:20px;align-items:center;justify-content:space-between}.dialog-foot>span{font-size:9px;color:var(--muted)}#next-trace{background:transparent;font-size:10px;white-space:nowrap;padding:7px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(min-width:1650px){body{max-width:1800px;margin:auto}.hero{min-height:850px}.hero-title{top:175px}}@media(max-width:1050px){.edition{margin-left:35px}.hero{min-height:780px}.hero-title{top:110px;left:5%}.hero h1{font-size:58px}.hero-title p{font-size:11px}.playground{width:76%;right:-9%;top:70px;min-height:560px;height:calc(100% - 170px)}.coord-top{left:50%}.coord-right{right:16%;top:120px}.stage-caption{left:36%;bottom:30px}.row-toggle{margin-left:20px}.row-content{grid-template-columns:240px 1fr;gap:35px}.row-name{font-size:33px}footer{gap:20px}footer>span{display:none}}@media(max-width:700px){.header{height:80px;margin:0 5%}.wordmark{font-size:24px}.edition{display:none}nav{gap:20px;font-size:10px}nav span{margin-left:5px}.hero{height:auto;min-height:0;max-height:none;padding:30px 5% 0}.hero-label{position:relative;top:auto;left:auto;font-size:8px;letter-spacing:1px}.hero-title{position:relative;left:auto;top:auto;margin-top:31px}.hero h1{font-size:clamp(38px,8.4vw,58px);line-height:1.25}.hero-title p{font-size:11px;margin-top:23px;line-height:1.9}.playground{position:relative;width:120%;height:390px;min-height:0;top:auto;right:auto;margin:-15px -10% -7px}.coord-top{top:22px;left:48%;font-size:6px}.coord-right{right:13%;top:90px;font-size:6px}.stage-caption{left:0;right:0;justify-content:center;bottom:1px;font-size:9px;gap:8px}.caption-star{font-size:23px}.sculpture-hit{left:20%;top:15%;width:60%;height:70%;touch-action:pan-y}#pull-cue text{font-size:9px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;height:auto;min-height:155px;display:block;padding:20px 0}.tool-label{font-size:9px;margin-bottom:11px}.interaction-tools button{font-size:10px;padding:10px 14px}.interaction-tools button span{margin-left:12px}.interaction-tools #reset{font-size:9px;padding-left:5px}.interaction-tools>div{gap:4px}.trace-summary{margin-top:23px;display:flex;gap:12px;flex-wrap:wrap}.trace-summary>span{font-size:18px;letter-spacing:-.5px}.trace-summary p{font-size:9px}.trace-summary>a{font-size:9px;margin-left:auto}.after{padding:40px 5% 45px}.section-top{font-size:7px;letter-spacing:.5px;gap:10px}.section-top>span:last-child{font-size:8px}.after-heading,.world-heading{display:block;margin:28px 0 25px}h2{font-size:31px}.after-heading>p,.world-heading>p{font-size:11px;margin-top:22px}.traces{gap:0;grid-template-columns:1fr}.trace{position:relative;padding:22px 0 22px 90px;min-height:170px}.trace-symbol{position:absolute;left:0;top:26px;width:68px;height:82px;font-size:55px!important}.trace-state{margin-top:0;font-size:8px}.trace h3{font-size:18px;margin:10px 0 7px}.trace p{font-size:10px;margin-bottom:14px}.trace-link{font-size:9px}.world{padding:45px 5% 50px}.world-heading{margin-bottom:30px}summary{padding:23px 0;gap:12px}.row-no{width:18px;font-size:8px;margin-top:5px}.row-name{font-size:26px;letter-spacing:-1px}.row-name.korean{font-size:25px}.row-name small{font-size:9px;margin-top:9px}.row-category{display:none}.row-toggle{font-size:24px;margin-left:10px}.row-content{padding:0 0 25px 30px;display:block}.row-art{height:150px;margin:5px 0 23px}.row-art>span{font-size:100px}.row-content h3{font-size:20px;margin-bottom:15px}.row-content p{font-size:11px}.row-note{font-size:8px}.keep{padding:50px 5% 40px}.keep-orb{width:85px;height:85px;font-size:55px;margin-bottom:30px}.keep-eyebrow{font-size:8px;margin-bottom:23px}.keep h2{font-size:35px}.keep p{font-size:11px}.keep-small{margin-top:40px;font-size:8px}footer{padding:30px 5%;flex-wrap:wrap;gap:18px}footer .wordmark{font-size:22px}footer>a:nth-last-child(2){font-size:8px}footer small{width:100%;font-size:8px}dialog{padding:32px 24px}dialog h2{font-size:28px}.dialog-symbol{font-size:80px}#dialog-copy{font-size:12px}.dialog-foot{gap:10px}#next-trace{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}