:root{--ink:#20251e;--muted:#676d62;--paper:#f4f5ef;--line:#d8dcd0;--accent:#dbf277;--orange:#f2a37e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #385632;outline-offset:6px}::selection{background:var(--accent)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:900;letter-spacing:-1.5px}.brand-dot{color:#829c43;margin-left:-7px}nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.nav-end{border-left:1px solid var(--line);padding-left:38px}.nav-end span{margin-left:25px}.hero{padding-top:88px;display:grid;grid-template-columns:1.12fr 1fr;gap:24px 50px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;line-height:1.6;margin:0 0 24px}.signal{width:7px;height:7px;display:inline-block;background:#789349;border-radius:50%;margin-right:10px}h1{font-size:clamp(52px,5.6vw,80px);font-weight:800;letter-spacing:-5px;line-height:1.18;margin:0 0 28px}h1>span{color:#7d8968}.intro{font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 36px;word-break:keep-all}.button{display:inline-flex;gap:48px;align-items:center;background:var(--ink);color:white;font-size:14px;padding:18px 23px;border-radius:3px}.button:hover{background:#3e4d34}.button span{font-size:22px;line-height:1}.hero-art{height:400px;position:relative;overflow:hidden;background:#e6e9dc;border-radius:5px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#cfd6c650 1px,transparent 1px),linear-gradient(90deg,#cfd6c650 1px,transparent 1px);background-size:36px 36px}.orbit{position:absolute;border:1px solid #a6b594;border-radius:50%;width:360px;height:360px;top:25px;left:calc(50% - 180px)}.orbit-two{width:250px;height:250px;top:80px;left:calc(50% - 125px)}.art-circle{position:absolute;width:205px;height:205px;border-radius:50%;background:var(--accent);top:65px;left:65px;box-shadow:18px 18px 0 #20251e}.art-block{position:absolute;width:160px;height:160px;background:var(--orange);right:60px;bottom:78px;transform:rotate(-16deg);border:1px solid #20251e}.art-label{position:absolute;top:24px;left:24px;font-size:9px;letter-spacing:1.8px;font-weight:700}.art-note{position:absolute;right:24px;bottom:22px;text-align:right;font-size:10px;line-height:1.5;letter-spacing:1.4px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:46px;font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-foot span:last-child{letter-spacing:0;font-size:12px}.projects{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:24px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:34px;letter-spacing:-1.5px;line-height:1.4;margin:0;word-break:keep-all}.section-count{font-size:10px;letter-spacing:1px;color:var(--muted);padding-bottom:7px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:5px;padding:25px;background:#fafbf7;display:flex;flex-direction:column;min-height:426px}.featured{background:#e9eedf;border-color:#cbd5bb}.card-top{display:flex;align-items:center;justify-content:space-between}.pill{font-size:10px;border:1px solid #cbd1c2;padding:6px 9px;border-radius:20px;color:#626b58}.pill.live{background:var(--ink);color:#fff;border-color:var(--ink)}.card-number{font-size:11px;color:#8c9482}.project-symbol{display:flex;justify-content:center;align-items:center;gap:7px;height:138px;font-size:28px}.project-symbol span{border:1px solid #adb99e;width:55px;height:55px;display:grid;place-items:center;border-radius:50%}.project-symbol span:nth-child(2){background:var(--accent);color:#344b22;margin-top:-24px;border-color:#98ad68}.category{font-size:9px!important;letter-spacing:1px;font-weight:700;color:#79836c!important;margin:0 0 10px!important}h3{font-size:23px;letter-spacing:-.8px;margin:0 0 12px}.project-card>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 26px;word-break:keep-all}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #d1d8c7;gap:12px}.card-bottom>span{font-size:10px;color:var(--muted)}.card-bottom>a{font-size:12px;font-weight:700}.card-bottom>a:hover{text-decoration:underline}.card-bottom a span{margin-left:10px}.card-bottom .coming{font-size:9px;letter-spacing:1px}.concept-art{height:138px;position:relative;width:180px;align-self:center}.game-art>span{position:absolute;left:20px;top:40px;font-size:56px;line-height:1}.game-art i{position:absolute;width:122px;height:60px;border:1px solid #b4beaa;border-radius:30px;left:25px;top:38px;transform:rotate(-10deg)}.game-art b{position:absolute;font-weight:400;left:103px;top:60px;font-size:17px;letter-spacing:3px}.travel-art .route{position:absolute;width:120px;height:55px;border:1px dashed #96a686;border-left:0;border-radius:0 40px 40px 0;left:25px;top:43px;transform:rotate(-15deg)}.travel-art i,.travel-art b{width:13px;height:13px;border:1px solid #718764;border-radius:50%;position:absolute;left:27px;top:49px;background:var(--paper)}.travel-art b{width:20px;height:20px;left:39px;top:94px;background:#d6e3c5}.process-section{background:#e9ece2;border-block:1px solid var(--line);padding-block:70px}.section-description{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:46px 0 0}.steps li{position:relative;border-top:1px solid #c8d0be;padding-top:26px}.steps li>span{font-size:11px;color:#7c8b6c;display:block;margin-bottom:24px}.steps h3{font-size:21px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.about{padding-block:100px;position:relative;overflow:hidden}.about h2{font-size:38px;line-height:1.5}.about>p:last-of-type{max-width:510px;color:var(--muted);font-size:14px;line-height:2;word-break:keep-all;margin-top:22px}.about-mark{position:absolute;right:5px;top:55px;font-size:220px;line-height:1;color:#e3e7da;font-weight:900;letter-spacing:-22px;z-index:-1}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px}.footer .brand{font-size:20px}.footer>p{font-size:9px;letter-spacing:2px;color:var(--muted)}.footer>a:last-child{font-size:12px}.skip{position:fixed;top:-100px;left:20px;z-index:5;background:white;border:2px solid #20251e;padding:12px}.skip:focus{top:16px}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:24px 30px}.hero-art{height:360px}.art-circle{left:40px;width:170px;height:170px}.art-block{right:35px;width:135px;height:135px}.project-card{padding:20px}.desktop-break{display:none}.card-bottom{align-items:flex-start}.section-count{display:none}}@media(max-width:740px){.wrap{width:calc(100% - 40px)}.header{height:80px}.brand{font-size:22px}nav{gap:20px;font-size:12px}.nav-end{padding-left:0;border:0}.nav-end span{display:none}.hero{grid-template-columns:1fr;padding-top:52px;gap:36px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:57px;letter-spacing:-3px}.intro{font-size:15px;margin-bottom:26px}.hero-art{height:285px}.art-circle{width:145px;height:145px;left:calc(50% - 100px);top:45px;box-shadow:12px 12px 0 #20251e}.art-block{width:115px;height:115px;right:calc(50% - 120px);bottom:48px}.orbit-one{width:250px;height:250px;left:calc(50% - 125px);top:17px}.orbit-two{width:180px;height:180px;left:calc(50% - 90px);top:52px}.hero-foot{margin-top:0;padding-top:18px;font-size:8px}.hero-foot span:last-child{font-size:10px}.projects{padding-block:62px}.section-head{margin-bottom:25px}h2{font-size:27px;letter-spacing:-1px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:24px;min-height:385px}.project-symbol,.concept-art{height:120px}.project-card>p{font-size:14px}.card-bottom>span{font-size:11px}.card-bottom>a{font-size:13px}.process-section{padding-block:50px}.process-section .section-head{display:block}.section-description{margin-top:18px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps li{padding-top:18px;display:grid;grid-template-columns:40px 1fr;gap:4px 16px}.steps li>span{grid-row:1/3;padding-top:5px;margin:0}.steps h3{font-size:20px;margin-bottom:6px}.steps p br{display:none}.about{padding-block:62px}.about h2{font-size:30px}.about>p:last-of-type{font-size:14px}.about-mark{font-size:150px;right:0;top:82px}.footer{padding-block:25px;flex-wrap:wrap}.footer>p{order:3;flex-basis:100%;font-size:8px;margin:0}.footer>a:last-child{margin-left:auto}.button{font-size:13px;padding:16px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}