*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5ef;color:#191918;font-family:Pretendard,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:2px solid}header>a{font-size:28px;font-weight:900}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav button{background:none;width:36px;height:36px;border:1px solid}.hero{height:calc(100svh - 84px);min-height:700px;max-height:1000px;background:#f4df37;position:relative;overflow:hidden;padding:28px 5% 60px}.issue,.bottom{font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between}.title{position:relative;z-index:2;margin-top:60px;width:45%}small{font-size:11px;letter-spacing:1px}h1{font-size:130px;line-height:.87;margin:25px 0;font-weight:950;letter-spacing:0}h1 em{display:inline-block;background:#e84130;color:#f5f5ef;transform:rotate(-3deg);font-style:normal;padding:0 10px 10px}.title p{font-size:25px;font-weight:700;line-height:1.5}.title>a{display:inline-block;border-bottom:1px solid;padding:10px 0;font-size:13px}.collage{position:absolute;width:52%;height:70%;top:20%;right:3%;transform:translate(var(--px,0px),var(--py,0px));transition:transform .6s}.sun{position:absolute;right:8%;top:-30px;width:260px;height:260px;border-radius:50%;background:#e84130 radial-gradient(#191918 1px,transparent 1px);background-size:5px 5px}figure{position:absolute;top:15%;left:0;width:90%;height:68%;margin:0;background:white;padding:10px 10px 25px;transform:rotate(5deg);clip-path:polygon(0 1%,100% 0,99% 98%,75% 100%,50% 98%,25% 100%,0 97%)}figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.35)}figcaption{font-size:9px}.stamp{position:absolute;top:0;left:0;border:3px solid;padding:12px;transform:rotate(-12deg);font-size:14px;font-weight:900}.paper{position:absolute;right:0;bottom:2%;background:#f5f5ef;padding:20px 25px;transform:rotate(-7deg);font-size:25px;box-shadow:4px 5px #191918}.paper b{background:#f4df37}.bottom{position:absolute;bottom:25px;left:5%;right:5%}section:not(.hero){padding:90px 8%}h2{font-size:64px;line-height:1.12;margin:35px 0;letter-spacing:0}mark{background:#f4df37;padding:0 7px}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center}p{font-size:18px;line-height:1.8}.reservoir{display:flex;align-items:center;justify-content:space-between;border-top:2px solid;border-bottom:2px solid;padding:20px;gap:15px;font-weight:700}.lines{display:flex;gap:6px;height:100px;align-items:center}.lines i{width:8px;height:70%;background:#e84130;animation:breathe 3s infinite}.lines i:nth-child(2n){height:100%;animation-delay:.5s}.note{display:block;color:#555;line-height:1.8;letter-spacing:0;margin-top:25px}.map-section{background:#e5edf0;border-top:2px solid;border-bottom:2px solid}.tabs{display:flex;margin-bottom:35px}.tabs button{background:none;border:1px solid;padding:12px 20px;font-size:13px}.tabs button[aria-pressed=true]{background:#191918;color:white}.map{height:420px;background:#e99677;position:relative;overflow:hidden;border:2px solid;transition:background .7s}.roads{position:absolute;inset:-25%;transform:rotate(-18deg);background:repeating-linear-gradient(0deg,transparent 0 65px,#f5f5ef 65px 78px),repeating-linear-gradient(90deg,transparent 0 90px,#f5f5ef 90px 104px)}.river{position:absolute;left:45%;top:-20%;height:140%;width:65px;background:#66b5d2;transform:rotate(30deg)}.park{position:absolute;left:12%;top:35%;width:135px;height:120px;background:#8dab80;border:6px dotted #385b3c;transform:rotate(-18deg);transition:transform .7s,background .7s}.map.green{background:#d7dbd1}.green .park{transform:rotate(-18deg) scale(1.18);background:#54a75b}.pin{position:absolute;left:5%;top:70%;background:#f5f5ef;padding:8px 12px;font-size:12px;box-shadow:3px 3px}.north{position:absolute;right:15px;top:15px;font-weight:900}.map>small{position:absolute;bottom:10px;left:12px;background:#f5f5ef;padding:5px;font-size:10px;letter-spacing:0}h3{font-size:30px;margin:20px 0}.annotation{font-family:serif;font-size:27px;line-height:1.5;transform:rotate(-5deg);margin-top:40px}.city{height:330px;background:#f4df37;position:relative;overflow:hidden;border-bottom:8px solid;transition:background .7s}.orb{width:80px;height:80px;background:#e84130;border-radius:50%;position:absolute;right:15%;top:30px;transition:all .7s}.skyline{position:absolute;bottom:0;left:8%;right:8%;height:65%;display:flex;gap:12px;align-items:flex-end}.skyline b{width:20%;height:70%;background:#191918 repeating-linear-gradient(0deg,transparent 0 18px,#f5f5ef 18px 22px)}.skyline b:nth-child(2n){height:100%}.skyline b:nth-child(3){height:45%}.arrows{position:absolute;top:20px;left:10%;font-size:35px;color:#e84130;animation:drift 2s infinite}.city.night{background:#343043}.night .orb{background:#f5f5ef;width:45px;height:45px}.night .arrows{transform:rotate(180deg);top:70px;color:#f4df37}.city.morning{background:#9cd8ed}.morning .orb{top:120px}.bars>div{display:flex;align-items:center;gap:15px;margin:14px 0;font-size:12px}.bars span{width:75px;flex-shrink:0}.bars b{display:block;height:24px;background:#e84130;transition:width .8s}.bars>div+div b{background:#5c8f65}.closing{background:#e84130;color:#f5f5ef}.closing a{display:inline-block;border-bottom:1px solid;padding:15px 0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 5%;font-size:11px}.progress{position:fixed;top:0;left:0;height:4px;background:#e84130;width:var(--progress,0%);z-index:9}.paused *{animation-play-state:paused!important}.paused .collage{transform:none!important}@keyframes breathe{50%{transform:scaleY(.6)}}@keyframes drift{50%{translate:0 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.collage{transform:none!important}}@media(max-width:700px){header{height:70px}header>a{font-size:20px}nav{gap:15px}.hero{height:auto;min-height:900px}.title{width:100%;margin-top:35px}h1{font-size:94px}.title p{font-size:21px}.collage{top:480px;height:330px;width:89%;right:4%}.sun{width:180px;height:180px}.paper{font-size:19px}.stamp{font-size:11px}.bottom{font-size:9px}section:not(.hero){padding:60px 6%}h2{font-size:43px}.columns{grid-template-columns:1fr;gap:35px}p{font-size:17px}.map{height:340px}.city{height:280px}footer{line-height:1.8}}
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.04' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.revealed{opacity:1;transform:none}@media(min-width:701px){.hero{height:calc(100svh - 130px)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.explained-evidence{background:#f5f5ef;color:#191918}.explained-evidence h2{font-size:42px}.explained-evidence details{border-top:1px solid #aaa;padding:22px 0}.explained-evidence summary{cursor:pointer;font-size:16px;font-weight:700}.explained-evidence p{font-size:15px;max-width:750px}.explained-evidence details a{font-size:13px;border-bottom:1px solid}.explained-evidence small{letter-spacing:1px}@media(max-width:700px){.explained-evidence h2{font-size:32px}header nav{gap:10px}header nav a{font-size:12px}}