:root{--ink:#18202b;--paper:#f4efe5;--acid:#d9ff6a;--orange:#ff8d63;--blue:#9bd8ff;--line:#273241}*{box-sizing:border-box}body{margin:0;background:#d9d3c8;color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif}header{padding:28px 4vw;background:#17202b;color:white;border-bottom:8px solid var(--acid)}header h1{font:700 clamp(2.6rem,6vw,5.8rem)/.9 Georgia,serif;margin:.2rem 0}header h2{font-size:2rem}nav{display:flex;gap:8px;overflow:auto;padding:10px 4vw;background:#fff;position:sticky;top:0;z-index:5;border-bottom:2px solid var(--line)}nav button{padding:10px 16px;border:1px solid var(--line);background:white;font-weight:800}nav button[aria-selected=true]{background:var(--acid)}button:focus-visible{outline:4px solid #0067c5;outline-offset:3px}main{max-width:1440px;margin:auto;padding:30px 4vw 60px}section{min-height:700px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero>article,.grid article,.record article,.mobile{background:var(--paper);border:2px solid var(--line);padding:22px;box-shadow:8px 8px 0 #766f63}.hero h2{font:700 clamp(3rem,7vw,6.2rem)/.85 Georgia,serif}.hero img,.grid img{width:100%;background:white;border:2px solid var(--line)}.boundaries,.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.boundaries b,.seal,.mobile b{background:#17202b;color:white;padding:12px}.grid>img{grid-row:span 2}.record{display:grid;gap:18px}.motion{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.motion>*{padding:12px;background:white;border:2px solid var(--line);font-size:.76rem}.motion strong{background:var(--acid)}#replay{justify-self:start;padding:12px 16px;border:2px solid var(--line);background:white;font-weight:800}.is-replaying .motion>*{animation:rise .42s ease both}.is-replaying .motion>*:nth-child(2){animation-delay:.04s}.is-replaying .motion>*:nth-child(3){animation-delay:.08s}.is-replaying .motion>*:nth-child(4){animation-delay:.12s}.is-replaying .motion>*:nth-child(5){animation-delay:.16s}.is-replaying .motion>*:nth-child(6){animation-delay:.20s}.is-replaying .motion>*:nth-child(7){animation-delay:.24s}.is-replaying #motion-final{animation:seal .10s ease .68s both}.seal{text-align:center;font-weight:900;line-height:1.6}.mobile{max-width:390px;margin:auto;display:grid;gap:10px}footer{padding:20px 4vw;background:#17202b;color:white;font-weight:900}@keyframes rise{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes seal{from{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}.grid>img{grid-row:auto}.motion{grid-template-columns:1fr 1fr}section{min-height:auto}}@media(max-width:430px){main{padding:18px 12px 40px}header{padding:20px 14px}.hero>article,.grid article,.record article,.mobile{padding:16px;box-shadow:4px 4px 0 #766f63}.motion{grid-template-columns:1fr}.boundaries{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.is-replaying .motion>*{animation:none!important;opacity:1!important;transform:none!important}}