:root{--ink:#0a0a0a;--paper:#f2f0eb;--acid:#ff4d00;--line:rgba(10,10,10,.16);--pad:clamp(20px,4vw,70px)}
@font-face{font-family:"MUST Sans";src:url("font/PretendardJP-1.3.9/web/variable/woff2/PretendardJPVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+3000-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}
@font-face{font-family:"MUST Sans";src:url("font/Pretendard-1.3.9/web/variable/woff2/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"MUST Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{position:fixed;top:0;left:0;right:0;height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:white;z-index:40;transition:.35s ease;border-bottom:1px solid rgba(255,255,255,.18)}.logo{display:block;flex:0 0 auto;font-weight:900;font-size:24px;line-height:1;letter-spacing:-1px}.logo span{color:#06104f}nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.header-cta{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.nav-hidden .site-header{transform:translateY(-100%)}.scrolled .site-header{background:rgba(10,10,10,.84);backdrop-filter:blur(16px)}
.hero{height:100svh;min-height:700px;position:relative;color:#fff;background:#111;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:url('https://images.pexels.com/photos/10008031/pexels-photo-10008031.jpeg?auto=compress&cs=tinysrgb&w=2200');background-size:cover;background-position:center 44%;transform:scale(1.03);animation:hero 12s ease-out forwards}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.08) 65%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 58%)}@keyframes hero{to{transform:scale(1.0)}}.hero-copy{position:absolute;inset:0;padding:clamp(130px,18vh,200px) var(--pad) 42px;display:flex;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase}.live-mark{display:inline-flex;align-items:center;gap:8px;margin-left:20px;color:#fff}.live-mark:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 rgba(255,77,0,.5);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(255,77,0,0)}}.hero h1{font-size:clamp(70px,12vw,190px);line-height:.78;letter-spacing:-.075em;margin:auto 0 0;font-weight:650}.hero h1 span{display:block}.hero h1 span:last-child{margin-left:8vw;font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:55px;border-top:1px solid rgba(255,255,255,.45);padding-top:18px}.hero-bottom>p{font-size:clamp(16px,1.5vw,22px);line-height:1.45;margin:0}.scroll-cue{display:flex;gap:40px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.scroll-cue i{font-size:24px;font-style:normal}.hero-coordinate{position:absolute;right:var(--pad);top:26%;font:11px/1.6 monospace;letter-spacing:.1em;text-align:right}
.section{padding:130px var(--pad)}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;display:flex;gap:18px;align-items:center}.section-kicker span{color:var(--acid);font-family:monospace}.section-kicker.light{color:#fff}.manifesto-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:8vw;margin-top:110px}.intro{font-size:clamp(44px,6.5vw,110px);line-height:.98;letter-spacing:-.055em;margin:0}.intro em{font-family:Georgia,serif;font-weight:400}.body-copy{align-self:end;font-size:18px;line-height:1.7}.micro{font-size:10px;line-height:1.7;letter-spacing:.12em;margin-top:50px}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
.creator-system{background:var(--ink);color:white}.big-words{margin-top:90px}.word-row{display:grid;grid-template-columns:60px 1fr minmax(220px,340px);align-items:center;border-top:1px solid #393939;padding:35px 0}.word-row:last-child{border-bottom:1px solid #393939}.word-row>span{font:12px monospace;color:var(--acid)}.word-row strong{font-size:clamp(48px,9vw,145px);letter-spacing:-.065em;line-height:.9}.word-row p{color:#a6a6a6;font-size:14px;line-height:1.6}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head>p{margin:0;max-width:430px;font-size:17px;line-height:1.65}.project-list{margin-top:85px;border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:70px 240px 1fr 50px;gap:26px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:.3s}.project-card:hover,.project-card.active{padding-left:18px;background:#e8e5df}.card-index{font:13px monospace;color:var(--acid)}.card-image{aspect-ratio:1.65;overflow:hidden}.card-image img{filter:grayscale(1);transition:.5s}.project-card:hover img,.project-card.active img{filter:none;transform:scale(1.035)}.card-info p,.card-info span{font-size:11px;letter-spacing:.12em}.card-info h3{font-size:clamp(26px,3.2vw,52px);letter-spacing:-.04em;margin:8px 0}.card-arrow{font-size:28px}
.project-stage{height:100svh;min-height:760px;position:relative;color:#fff;background:#111;overflow:hidden}.stage-media,.stage-media:after{position:absolute;inset:0}.stage-media:after{content:"";background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.75),transparent)}.stage-media img{transition:opacity .35s}.stage-top{position:absolute;left:var(--pad);right:var(--pad);top:50px;display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.1em}.stage-content{position:absolute;left:var(--pad);bottom:140px;width:min(720px,80vw)}.stage-content h2{font-size:clamp(58px,9vw,140px);line-height:.84;letter-spacing:-.07em;margin:20px 0 30px}.stage-content>p{max-width:550px;line-height:1.6}.stage-stats{display:flex;gap:clamp(25px,5vw,80px);align-items:flex-end;margin-top:45px}.stage-stats div{display:flex;flex-direction:column}.stage-stats strong{font-size:clamp(32px,4vw,64px);font-weight:500;letter-spacing:-.05em}.stage-stats span,.stage-stats p{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.stage-flow{position:absolute;bottom:38px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.35);padding-top:17px;font-size:11px;letter-spacing:.15em}.stage-flow i{font-style:normal;color:var(--acid)}
.map-section{background:#131313;color:#fff}.map-head h2{font-size:clamp(60px,9vw,140px);line-height:.85;letter-spacing:-.06em;margin:70px 0 0;font-weight:500}.map-layout{display:grid;grid-template-columns:1.7fr .7fr;gap:50px;margin-top:80px}.map-canvas{height:650px;position:relative;overflow:hidden;background-color:#1b1b1b;background-image:linear-gradient(#252525 1px,transparent 1px),linear-gradient(90deg,#252525 1px,transparent 1px);background-size:70px 70px}.river{position:absolute;width:130%;height:130px;left:-15%;top:47%;background:#29333a;transform:rotate(-7deg);border:1px solid #40505a}.road{position:absolute;height:1px;background:#4a4a4a;transform-origin:left}.r1{width:90%;left:7%;top:28%;transform:rotate(17deg)}.r2{width:80%;left:12%;top:80%;transform:rotate(-31deg)}.r3{width:100%;left:26%;top:10%;transform:rotate(69deg)}.map-label{position:absolute;font:10px monospace;color:#6f6f6f;letter-spacing:.2em}.label-n{top:20px;right:24px}.label-seoul{left:22px;bottom:20px}.map-pin{position:absolute;width:56px;height:56px;border:0;background:transparent;color:#fff;cursor:pointer;transform:translate(-50%,-50%)}.map-pin i{position:absolute;inset:17px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.14);transition:.3s}.map-pin span{position:absolute;top:-5px;left:45px;font:10px monospace}.map-pin.active i,.map-pin:hover i{background:var(--acid);box-shadow:0 0 0 14px rgba(255,77,0,.2)}.map-detail{align-self:end;border-top:1px solid #4a4a4a;padding-top:24px}.map-count{font:11px monospace;color:var(--acid)}.map-detail h3{font-size:40px;letter-spacing:-.04em;margin:22px 0 8px}.map-region{font-size:11px;color:#888;letter-spacing:.1em}.map-detail dl,.dialog-copy dl{margin:45px 0}.map-detail dl div,.dialog-copy dl div{display:grid;grid-template-columns:95px 1fr;padding:12px 0;border-top:1px solid #333;font-size:12px}.map-detail dt,.dialog-copy dt{color:#777}.map-detail dd,.dialog-copy dd{margin:0}.view-detail{width:100%;background:var(--acid);color:white;border:0;padding:18px 20px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}
.process h2{font-size:clamp(60px,9vw,140px);line-height:.87;letter-spacing:-.065em;margin:100px 0}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process li{padding:25px 26px 40px 0;border-right:1px solid var(--line);min-height:250px}.process li+li{padding-left:26px}.process li span{font:11px monospace;color:var(--acid)}.process h3{font-size:32px;margin:65px 0 15px}.process li p{font-size:14px;line-height:1.6;color:#555}.contact{background:var(--acid);padding:120px var(--pad) 30px;color:white}.contact>a{display:block;font-size:clamp(60px,11vw,180px);font-weight:650;letter-spacing:-.075em;line-height:.78;margin:70px 0 130px}.contact>a em{font-family:Georgia,serif;font-weight:400}.contact>a span{font-size:.35em;vertical-align:top}.contact-meta{border-top:1px solid rgba(255,255,255,.45);padding-top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}
dialog{width:min(1100px,94vw);height:min(760px,90vh);padding:0;border:0;background:#111;color:white}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.dialog-close{position:absolute;z-index:2;right:18px;top:15px;background:none;border:0;color:white;font-size:34px;cursor:pointer}.dialog-close+div{display:grid;grid-template-columns:1.2fr .8fr;height:100%}.dialog-close+div>img{min-height:0}.dialog-copy{padding:65px 45px;overflow:auto}.dialog-copy>p:first-child{font:11px monospace;color:var(--acid)}.dialog-copy h2{font-size:50px;line-height:.9;letter-spacing:-.05em}.dialog-copy>p{line-height:1.7;color:#bbb}.dialog-copy small{color:#666}
@media(max-width:800px){.site-header{height:66px}.site-header nav{display:none}.header-cta{font-size:10px}.hero{min-height:620px}.hero-copy{padding-top:110px}.hero h1{font-size:21vw}.hero h1 span:last-child{margin-left:0}.hero-coordinate{display:none}.scroll-cue span{display:none}.section{padding-top:90px;padding-bottom:90px}.manifesto-grid{grid-template-columns:1fr;margin-top:70px}.body-copy{margin-top:60px}.word-row{grid-template-columns:35px 1fr}.word-row p{grid-column:2;margin-top:18px}.word-row strong{font-size:15vw}.section-head{display:block}.section-head>p{margin-top:35px}.project-card{grid-template-columns:35px 110px 1fr;gap:14px}.card-arrow{display:none}.card-info h3{font-size:20px}.card-info span{display:none}.stage-content{bottom:130px}.stage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stage-stats p{grid-column:1/-1}.stage-flow{gap:8px}.map-layout{grid-template-columns:1fr}.map-canvas{height:460px}.process ol{grid-template-columns:1fr 1fr}.contact-meta{gap:15px;flex-wrap:wrap}.dialog-close+div{grid-template-columns:1fr}.dialog-close+div>img{height:260px}.dialog-copy{padding:35px 25px}.dialog-copy h2{font-size:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* MUST brand palette */
:root{--ink:#01063b;--paper:#f4f5f8;--acid:#ff5a1f;--line:rgba(1,6,59,.16)}
.logo span{color:#01063b}.scrolled .site-header{background:rgba(1,6,59,.9)}
.map-section{background:var(--ink)}.map-canvas{background-color:#080d45;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)}