@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f7f6ee;--ink:#23483b;--muted:#6c756b;--orange:#d8794e;--line:#d8ded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;letter-spacing:-.04em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-80px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:0}header{max-width:1440px;margin:auto;padding:28px 5.5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1}.brand-icon{display:inline-flex;position:relative;background:var(--ink);color:var(--paper);height:44px;width:44px;align-items:center;justify-content:center;border-radius:15px;font:italic bold 45px Georgia;padding-bottom:9px}.brand-icon span{position:absolute;color:#eeb46b;font:21px Georgia;right:-5px;top:-6px}.brand-small{display:block;font-size:9px;letter-spacing:4.8px;padding:6px 0 0 2px}nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600}nav a:last-child{border:1px solid var(--ink);border-radius:30px;padding:12px 20px}nav span{margin-left:14px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:55px 5.5% 65px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.3;letter-spacing:-.075em;margin:26px 0}h1 em{font-style:normal;position:relative}h1 em:after{content:'';position:absolute;height:9px;bottom:0;left:0;right:0;background:#bcd2a2;z-index:-1;transform:rotate(-3deg)}.intro{font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:30px}.button{border:0;display:inline-flex;gap:32px;align-items:center;justify-content:space-between;border-radius:30px;padding:17px 24px;font-size:13px;font-weight:600}.dark{background:var(--ink);color:var(--paper)}.hero-note{margin-top:38px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.hero-note>span{font-size:25px;color:var(--orange)}.world{height:490px;border-radius:48% 48% 18px 18px;background:#e2e9d6;position:relative;overflow:hidden;isolation:isolate}.sun{position:absolute;top:62px;right:70px;width:78px;height:78px;background:#edbc79;border-radius:50%;box-shadow:0 0 0 13px #edbc7925}.hill{position:absolute;border-radius:50%}.back{background:#a9bd86;width:650px;height:370px;left:-260px;top:240px;transform:rotate(15deg)}.front{background:#7e9d73;width:650px;height:330px;left:50px;top:315px;transform:rotate(-10deg)}.path{position:absolute;background:#e3d4a7;width:90px;height:360px;top:300px;left:47%;transform:rotate(-23deg);border-radius:50%;z-index:1}.cloud{position:absolute;width:85px;height:24px;border-radius:30px;background:#fffdf1}.cloud:before,.cloud:after{content:'';position:absolute;bottom:3px;background:inherit;border-radius:50%;width:39px;height:39px;left:15px}.cloud:after{width:30px;height:30px;left:45px}.c1{top:140px;left:40px;transform:scale(1.2)}.c2{top:210px;right:15px;transform:scale(.65)}.house{position:absolute;top:260px;left:100px;width:100px;height:90px;background:#f2e6bf;transform:rotate(-7deg);z-index:2;border-radius:4px;box-shadow:6px 8px 0 #3b573b15}.roof{position:absolute;width:125px;height:65px;background:#c67a53;top:-54px;left:-12px;clip-path:polygon(50% 0,100% 100%,0 100%)}.door{position:absolute;width:27px;height:46px;background:#6e8161;bottom:0;left:35px;border-radius:20px 20px 0 0}.window{position:absolute;width:18px;height:20px;background:#e8bd72;top:15px;left:14px;box-shadow:55px 0 #e8bd72}.tree{position:absolute;z-index:2;width:60px;height:115px;background:#4e7152;clip-path:polygon(50% 0,80% 40%,68% 40%,100% 85%,57% 85%,57% 100%,43% 100%,43% 85%,0 85%,32% 40%,20% 40%)}.t1{top:240px;right:30px;transform:rotate(5deg)}.t2{top:300px;left:25px;transform:scale(.65)}.controller{position:absolute;top:165px;left:44%;height:110px;width:170px;background:#fffcef;border:2px solid #23483b;border-radius:48px 48px 38px 38px;transform:rotate(14deg);box-shadow:9px 12px 0 #23483b18;z-index:3}.cross{width:34px;height:12px;background:var(--ink);position:absolute;left:28px;top:43px;border-radius:3px}.cross:after{content:'';width:12px;height:34px;background:inherit;position:absolute;left:11px;top:-11px;border-radius:3px}.ctrl-dot{position:absolute;background:#d78359;width:15px;height:15px;border-radius:50%;right:27px;top:30px}.ctrl-dot.two{top:52px;right:45px;background:#e4b869}.ctrl-smile{position:absolute;border-bottom:2px solid #23483b;width:22px;height:8px;border-radius:50%;bottom:21px;left:74px}.spark{position:absolute;color:#fdf9e9;font:54px Georgia;z-index:3}.s1{top:55px;left:70px}.s2{top:287px;right:135px;color:#f4d688;font-size:38px}.flower{position:absolute;z-index:3;color:#edce8f;font-size:22px}.f1{bottom:55px;left:78px}.f2{bottom:95px;right:73px}.f3{bottom:130px;left:44%;font-size:15px}.world-label{position:absolute;bottom:18px;left:20px;right:20px;border-radius:30px;background:#f7f6eedf;display:flex;gap:10px;justify-content:center;align-items:center;padding:13px;font-size:8px;letter-spacing:1.5px;font-weight:700;z-index:4}.ticker{background:var(--ink);color:#e0e9cc;display:flex;justify-content:space-around;align-items:center;gap:20px;padding:22px 4%;font-size:11px;letter-spacing:2.5px}.ticker b{color:#e5b57e;font-size:22px}.section{max-width:1440px;margin:auto;padding:90px 5.5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:clamp(30px,3vw,44px);line-height:1.45;letter-spacing:-.06em;margin:20px 0 0}.section-head>p{font-size:13px;color:var(--muted);line-height:1.9}.game-card{display:grid;grid-template-columns:1.16fr 1fr;border-radius:18px;overflow:hidden;background:#eeeee4}.game-art{min-height:540px;background:#d6dfc7;position:relative;overflow:hidden}.game-art:before{content:'';width:520px;height:520px;position:absolute;border:1px solid #a9bd9270;border-radius:50%;top:90px;left:0;box-shadow:0 0 0 60px #b9c9a435,0 0 0 120px #b9c9a420}.art-label{position:absolute;left:28px;top:28px;font-size:9px;font-weight:600;letter-spacing:2px}.phone{position:absolute;width:178px;border:6px solid #244338;background:#244338;border-radius:26px;overflow:hidden;box-shadow:12px 22px 30px #23483b35;aspect-ratio:9/20}.phone img{display:block;width:100%;height:100%;object-fit:cover}.phone-back{top:85px;left:16%;transform:rotate(-13deg)}.phone-front{top:108px;left:49%;transform:rotate(11deg)}.art-star{position:absolute;top:58px;right:30px;font:64px Georgia;color:#fffbed}.art-caption{position:absolute;left:28px;bottom:22px;font-size:11px}.game-info{padding:65px 12%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.status{display:inline-flex;gap:7px;align-items:center;border:1px solid #adbb9d;border-radius:20px;padding:6px 11px;font-size:10px}.game-info h3{font-size:36px;letter-spacing:-.07em;margin:25px 0 5px}.game-en{font-size:9px;letter-spacing:2px;margin-top:0;color:var(--muted)}.game-desc{font-size:14px;line-height:2;color:#657161;margin:24px 0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;background:#e2e6d8;border-radius:4px;padding:6px 9px}.text-button{margin-top:30px;padding:13px 0;border:0;border-bottom:1px solid #70866c;background:none;color:var(--ink);width:100%;text-align:left;font-size:13px;font-weight:700;display:flex;justify-content:space-between}.caption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:18px}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:15px}.about-grid h2{margin-top:0}.orange{color:var(--orange)}.about-lead{font-size:20px;font-weight:500;line-height:1.8;margin:0 0 20px}.about-grid p:not(.about-lead){font-size:14px;color:var(--muted);line-height:2}.signature{display:block;font:italic 19px Georgia;margin-top:30px}.signature span{margin-left:20px;color:var(--orange);font-size:32px}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line);padding-top:30px}.values>div{padding:0 28px;border-left:1px solid var(--line)}.values>div:first-child{border:0;padding-left:0}.values>div>span{font-size:10px;color:#92a087}.values h3{font-size:18px;margin:14px 0}.values p{font-size:12px;color:var(--muted)}.contact{max-width:none;background:#e6ebdc;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-left:max(5.5%,calc((100vw - 1282px)/2));padding-right:max(5.5%,calc((100vw - 1282px)/2))}.contact>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin-top:25px}.contact-box{background:#f7f6ee;border-radius:12px;padding:35px;align-self:center}.envelope{display:block;font-size:35px;line-height:1}.contact-box>p{font-size:9px!important;letter-spacing:1.5px}.contact-box h3{font-size:24px;margin:20px 0}.contact-state{display:flex;gap:8px;align-items:center;font-size:13px}.contact-note{letter-spacing:0!important}footer{max-width:1440px;margin:auto;padding:40px 5.5%;display:flex;align-items:center;gap:30px}footer .brand{font-size:23px}footer .brand-icon{width:35px;height:35px;font-size:37px}footer p{font-size:11px;color:var(--muted)}footer>span{font-size:10px;color:var(--muted);margin-left:auto}footer>a:last-child{font-size:11px}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:18px;max-width:540px;width:calc(100% - 32px);padding:45px}dialog::backdrop{background:#11291fd0;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:20px 0}dialog p,dialog li{font-size:14px;line-height:1.9}dialog ul{padding-left:20px}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;color:var(--ink)}dialog .button{margin-top:15px}@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:80px}.world{height:540px}}@media(max-width:1000px){.hero{gap:22px}.world{height:430px}.controller{left:40%;transform:scale(.85) rotate(14deg)}.house{left:70px}.game-info{padding:40px 9%}.phone{width:155px}.phone-back{left:12%}.phone-front{left:48%}.game-art{min-height:480px}.contact{gap:35px}footer{flex-wrap:wrap}}@media(max-width:680px){header{padding:22px 6%}.brand{font-size:24px}.brand-icon{width:37px;height:37px;font-size:38px}nav{gap:17px;font-size:11px}nav a:first-child{display:none}nav a:last-child{padding:9px 13px}nav span{margin-left:4px}.hero{grid-template-columns:1fr;padding:30px 6% 35px;gap:35px}h1{font-size:47px}.intro{font-size:14px}.hero-note{margin-top:22px}.world{height:390px;max-width:480px;width:100%;margin:auto}.sun{right:50px;top:45px;width:65px;height:65px}.controller{top:130px}.house{top:230px;left:67px;transform:scale(.8) rotate(-7deg)}.back{top:220px}.front{top:285px}.t1{top:220px}.t2{top:275px}.world-label{font-size:7px}.ticker{font-size:8px;gap:12px;letter-spacing:1px;padding:15px 5%}.ticker span:last-of-type,.ticker b:last-child{display:none}.section{padding:58px 6%}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:18px;font-size:12px}.game-card{grid-template-columns:1fr}.game-art{min-height:450px}.phone{width:158px}.phone-back{left:15%;top:65px}.phone-front{left:48%;top:88px}.game-info{padding:35px 8%}.game-info h3{font-size:32px}.game-desc{font-size:13px}.about-grid{grid-template-columns:1fr;gap:28px}.about-lead{font-size:18px}.values{margin-top:35px;gap:0}.values>div{padding:0 12px}.values h3{font-size:14px}.values p{font-size:11px;line-height:1.8}.contact{grid-template-columns:1fr;gap:25px}.contact-box{padding:28px}footer{padding:30px 6%;gap:18px}footer p{display:none}footer>span{font-size:9px}footer>a:last-child{width:100%;border-top:1px solid var(--line);padding-top:18px}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
