@charset "UTF-8";
:root{--ink:#202b27;--muted:#606a63;--paper:#f7f7f0;--line:#dce1d7;--green:#235b41}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans KR",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #235b41;outline-offset:5px}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:850;letter-spacing:-1px;display:inline-flex;gap:6px;align-items:center}.brand-dot{width:7px;height:7px;background:#5d8157;border-radius:50%;margin-top:10px}nav{display:flex;gap:28px;font-size:14px}.hero{position:relative;padding:74px 0 68px;min-height:470px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--muted)}h1{font-size:clamp(38px,5.4vw,68px);line-height:1.2;letter-spacing:-3px;margin:22px 0}h1 span{color:var(--green)}.intro{font-size:17px;color:var(--muted);margin-bottom:26px}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:18px;align-items:center}.hero-art{position:absolute;right:40px;top:88px;width:300px;height:290px}.orbit{position:absolute;inset:22px;border:1px solid #cbd5c7;border-radius:50%}.shape{position:absolute;display:grid;place-items:center;width:102px;height:102px;font-size:44px;box-shadow:0 8px 0 #202b2708}.shape-play{background:#dfead5;color:#365c2e;border-radius:28px;left:3px;top:20px;transform:rotate(-12deg);font-size:35px}.shape-learn{background:#f2e4ca;color:#86672b;border-radius:50%;right:0;top:75px;font-family:Georgia,serif;transform:rotate(8deg)}.shape-find{background:#dee7ef;color:#3d607c;border-radius:20px;left:58px;bottom:31px;transform:rotate(9deg)}.art-caption{position:absolute;bottom:-25px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.services{padding:15px 0 72px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:22px;letter-spacing:-.8px;margin:0}.section-head p{font-size:13px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service{background:#fffefa;border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;flex-direction:column;min-width:0}.service-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.category{font-size:10px;font-weight:750;letter-spacing:1px}.badge{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:3px 8px;border-radius:20px;white-space:nowrap}.service-visual{height:130px;display:flex;align-items:center;justify-content:center;gap:10px;margin:18px -3px 5px;border-radius:10px;background:#edf2e8}.tile{width:58px;height:64px;border:1px solid #c3d2b8;border-radius:10px;background:#fffefa;display:grid;place-items:center;font-size:23px;font-weight:800;color:#3c6136}.tile:nth-child(1){transform:rotate(-9deg)}.tile:nth-child(3){transform:rotate(8deg);font-size:17px}.letters{background:#f7eddc;gap:18px;font:52px Georgia,serif;color:#8b6b32}.letters span:nth-child(2){transform:translateY(-8px)}.paper{background:#eaf0f4;position:relative}.paper-sheet{background:#fffefa;width:80px;height:88px;border:1px solid #cbd8e2;border-radius:5px;padding:23px 14px;transform:rotate(-7deg)}.paper-sheet i{display:block;height:4px;background:#ccd9e2;margin-bottom:9px;border-radius:2px}.paper-sheet i:last-child{width:65%}.paper-arrow{font-size:40px;color:#426b89;margin-left:5px}.service h3{font-size:23px;letter-spacing:-1px;margin:17px 0 3px}.subtitle{font-size:14px;font-weight:650;margin:0 0 12px}.description{font-size:14px;color:var(--muted);margin:0}.features{list-style:none;padding:16px 0 20px;margin:0;font-size:12px;color:var(--muted)}.features li{margin:4px 0}.features li:before{content:"— ";color:#9aa692}.button{margin-top:auto;padding:12px 15px;border:1px solid #ccd6c6;border-radius:7px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;background:#edf2e8}.learn .button{background:#f7eddc;border-color:#e1d5bd}.jobs .button{background:#eaf0f4;border-color:#cad9e3}.button:hover{text-decoration:none;filter:brightness(.97)}.about{border-top:1px solid var(--line);padding:53px 0;display:grid;grid-template-columns:1fr 1.35fr;gap:65px}.about h2{font-size:30px;line-height:1.4;letter-spacing:-1px;margin:17px 0}.about-copy{font-size:14px;color:var(--muted)}.about-copy p:first-child{margin-top:0}.about-copy .text-link{color:var(--ink);margin-top:10px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:24px 0 35px}.footer p{font-size:12px;color:var(--muted)}.footer>a:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;padding:10px;background:#fff;z-index:5}.skip:focus{top:10px}.document{max-width:760px;padding:48px 0 65px}.document h1{font-size:36px;letter-spacing:-1px}.document h2{font-size:21px;margin-top:32px}.document p,.document li{font-size:15px;color:var(--muted)}.document a{text-decoration:underline;color:var(--green)}
.shape-listen{width:72px;height:72px;background:#f0dedc;color:#965b57;border-radius:22px;right:4px;bottom:5px;transform:rotate(-7deg);font-size:38px}.music{background:#f3e5e0;gap:24px}.record{width:84px;height:84px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#29352d 0,#29352d 3px,#465148 4px,#29352d 5px);display:grid;place-items:center;box-shadow:0 6px 0 #202b2708}.record-label{width:32px;height:32px;border:12px solid #dba99b;border-radius:50%;background:#fffefa}.music-note{font-size:44px;color:#965b57;transform:rotate(8deg)}.listen .button{background:#f3e5e0;border-color:#dec9c0}
@media(min-width:681px) and (max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-art{right:0;transform:scale(.8);transform-origin:right center}.hero{min-height:420px}.service-grid{gap:12px}.service{padding:18px}.service-top{flex-wrap:wrap}.service h3{font-size:20px}.tile{width:45px;height:55px}.section-head{align-items:flex-start;gap:12px}.about{gap:35px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{padding:20px 0}.brand{font-size:21px}nav{gap:20px;font-size:13px}.hero{padding:42px 0 36px;min-height:0}.hero-art{display:none}h1{font-size:43px;letter-spacing:-2px;margin:18px 0}.intro{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}.section-head{display:block;margin-bottom:20px}.section-head h2{font-size:21px}.section-head p{margin-top:5px}.service-grid{grid-template-columns:1fr;gap:16px}.service{padding:23px}.service-top{flex-wrap:nowrap}.service h3{font-size:25px}.service-visual{height:112px;margin-top:18px}.service .description{font-size:15px}.features{padding-bottom:18px}.button{font-size:14px;min-height:48px}.services{padding-bottom:45px}.about{grid-template-columns:1fr;gap:13px;padding:35px 0}.about h2{font-size:27px;margin-bottom:0}.footer{flex-wrap:wrap;gap:8px 20px}.footer p{margin:0}.footer>a:last-child{flex-basis:100%;margin:8px 0 0}.document{padding-top:30px}.document h1{font-size:30px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}