:root{font-family:'Noto Sans KR',sans-serif;color:#283426;background:#f5f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #809259;outline-offset:6px}::selection{background:#e2edb3}.wrap{max-width:1180px;margin:auto;padding:0 44px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded2}.wordmark{font-weight:850;font-size:25px;letter-spacing:-1.2px;display:flex;align-items:center;gap:0}.wordmark b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#303c2d;color:#e3edbb;font-size:24px;margin-right:12px}.wordmark span{font-weight:400;color:#858978}nav{display:flex;gap:30px;font-size:13px;font-weight:650}nav a{padding:10px 0}nav a:hover{color:#728048}.hero{padding:88px 0 74px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#809259}h1{font-size:clamp(42px,5.4vw,68px);line-height:1.28;letter-spacing:-3.5px;margin:24px 0;font-weight:850}h1 em{font-style:normal;color:#859169}.hero p{font-size:15px;line-height:1.9;color:#7b8073;margin:0}.hero-art{position:absolute;right:28px;top:90px;width:180px;height:180px;border:1px solid #dce0ce;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg);font-size:150px;color:#cbd6ac;line-height:1}.hero-art span{position:absolute;bottom:0;right:-14px;font-size:9px;letter-spacing:2px;background:#f5f3eb;padding:8px;transform:rotate(12deg);white-space:nowrap}.section-head{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #dcded2;padding-top:28px;margin-bottom:25px}.section-head h2{font-size:23px;letter-spacing:-.8px;margin:0}.section-head h2 small{font-size:12px;color:#8e9681;vertical-align:top;margin-left:8px;letter-spacing:0}.section-head p{font-size:12px;color:#858a7b;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cover{height:290px;border-radius:20px;background:#dce8db;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #d1dfcd;transition:transform .25s}.project:hover .cover{transform:translateY(-4px)}.cover:before,.cover:after{content:'';position:absolute;border:1px solid #c5d8bf;border-radius:50%;width:320px;height:320px}.cover:after{width:460px;height:460px}.badge{position:absolute;top:20px;left:20px;border-radius:30px;background:#ffffffa8;font-size:10px;padding:7px 12px;letter-spacing:1px;z-index:1}.cover-label{position:absolute;bottom:24px;left:25px;color:#5e7a55;font-size:10px;letter-spacing:2px;font-weight:700}.play-circle{position:absolute;bottom:20px;right:22px;width:38px;height:38px;border-radius:50%;background:#fffdf3;display:grid;place-items:center;font-size:14px;color:#446044;z-index:1}.friends{display:flex;align-items:center;gap:12px;z-index:1;transform:rotate(-5deg)}.friend{width:91px;height:91px;border:3px solid #ffffff66;border-radius:29px;box-shadow:inset 0 -7px #0000000c,0 14px 0 #344c3610;position:relative}.coral{background:#ff9990}.mint{background:#85cfb4;transform:translateY(-23px) rotate(9deg)}.lilac{background:#bba2de;transform:rotate(-5deg)}.friend:before{content:'';position:absolute;width:23px;height:10px;border-radius:50%;background:#ffffff66;top:10px;left:12px}.eyes{position:absolute;top:37px;left:23px;display:flex;gap:22px}.eyes i{width:5px;height:8px;border-radius:50%;background:#36594c}.smile{position:absolute;top:47px;left:37px;width:13px;height:9px;border:2px solid #36594c;border-top:0;border-radius:0 0 12px 12px}.cheek{position:absolute;top:49px;left:16px;width:10px;height:5px;background:#ffffff70;border-radius:50%;box-shadow:42px 0 #ffffff70}.project-info{padding:20px 2px;display:flex;justify-content:space-between;gap:14px}.project-info h3{font-size:23px;letter-spacing:-.8px;margin:0 0 9px}.project-info p{font-size:13px;color:#7c8375;margin:0;line-height:1.8}.tags{display:flex;gap:7px;margin-top:16px}.tags span{font-size:10px;border:1px solid #d9decf;border-radius:5px;padding:4px 7px;color:#78836b}.arrow{font-size:25px;padding-top:3px;color:#69775b}.soon{height:290px;border:1px dashed #d2d8c5;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#939b86;background:#efefe5}.plus{font-size:34px;font-weight:300;color:#a3ae90;margin-bottom:15px}.soon strong{font-size:14px;font-weight:500}.soon p{font-size:12px;margin-top:10px;color:#a2a995}.about{display:flex;gap:46px;border-top:1px solid #dcded2;margin-top:57px;padding:35px 0 45px}.about .eyebrow{min-width:170px;align-self:flex-start;margin-top:6px;color:#889177}.about p{font-size:14px;line-height:1.9;margin:0;color:#7c8472}footer{border-top:1px solid #dcded2;padding:25px 0 35px;display:flex;justify-content:space-between;font-size:10px;color:#8d9482;letter-spacing:.5px}html{scroll-behavior:smooth}@media(max-width:900px){.hero-art{width:120px;height:120px;font-size:100px;right:5px;top:80px}h1{font-size:52px}}@media(max-width:760px){.wrap{padding:0 23px}header{height:78px}.wordmark{font-size:22px}nav{gap:18px;font-size:12px}.hero{padding:58px 0 49px}h1{letter-spacing:-2px;font-size:clamp(32px,7.8vw,44px)}.hero-art{display:none}.hero p{font-size:13px}.section-head h2{font-size:20px}.section-head p{display:none}.grid{grid-template-columns:1fr;gap:14px}.cover{height:270px}.soon{height:150px;margin-top:10px}.soon .plus{margin-bottom:7px}.about{margin-top:35px;gap:16px;flex-direction:column}.about p{font-size:13px}footer{font-size:9px}.footer-note{display:none}.friend{width:80px;height:80px}.eyes{left:19px}.smile{left:33px}.cheek{left:12px}}

.hero{padding:36px 0 30px;min-height:100px;display:flex;align-items:center}.hero-art{display:none}#projects{padding-top:12px}footer{margin-top:42px}@media(max-width:760px){.hero{padding:28px 0 20px;min-height:80px}}

.project-info{position:relative;display:block;padding-right:0}.project-info>div{min-width:0}.app-download{display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;padding:14px 20px;margin-top:18px;background:#304a34;color:#fffdf3;border-radius:14px;font-size:17px;font-weight:750;box-shadow:0 4px 0 #203a24;transition:background .15s,transform .15s}.app-download:hover{background:#416145;transform:translateY(-2px)}.app-download small{display:block;font-size:10px;font-weight:400;color:#c5d7bd;margin-top:4px;letter-spacing:1px}.download-icon{font-size:30px;font-weight:400}@media(min-width:900px){.app-download{position:absolute;right:0;top:55px;width:43%;max-width:188px;margin-top:0}.project-info p{max-width:55%;font-size:11px}.tags{gap:4px}.tags span{font-size:9px;padding:4px}}

.site-title{font-size:inherit;font-weight:inherit;line-height:1;margin:0;letter-spacing:normal}

.game-details-link{text-decoration:underline;text-underline-offset:3px;color:#536847}