@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#171b26;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1120px,calc(100% - 64px));margin:auto}.header{position:sticky;top:0;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #eef0f3;z-index:10}.nav{height:76px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:27px;letter-spacing:-1.7px}.logo span{color:#4f46e5}.navlinks{display:flex;gap:34px;font-size:13px;font-weight:600;color:#626977}.navlinks a:hover,.text-link:hover{color:#4f46e5}.menu-button{display:none;border:0;background:none}.hero{min-height:625px;padding-top:120px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#626c80}.eyebrow-line{display:inline-block;width:22px;height:2px;background:#4f46e5;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(40px,5.2vw,70px);line-height:1.38;letter-spacing:-3.2px;margin:25px 0}.hero h1 span{color:#646d80}.hero>p{font-size:17px;color:#687080;line-height:1.9;max-width:560px;margin-bottom:32px}.primary-button{display:inline-flex;align-items:center;gap:32px;background:#181d2a;color:#fff;padding:16px 20px;font-size:13px;font-weight:700;border-radius:6px;transition:background .2s}.primary-button:hover{background:#4f46e5}.hero-foot{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;color:#9aa1ad;font-size:10px;letter-spacing:1.5px;font-weight:700}.section{padding-top:105px;padding-bottom:115px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:24px}.section h2,.about-grid h2,.contact h2{font-size:clamp(32px,4vw,47px);letter-spacing:-1.9px;line-height:1.35;margin:15px 0 0}.count{font-size:13px;color:#a1a7b2;vertical-align:top;margin-left:12px;letter-spacing:0}.section-head>p{font-size:13px;line-height:1.9;color:#8a92a0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px}.project-card{display:block;min-width:0}.art{background:var(--accent);height:295px;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.art img{width:100%;height:100%;object-fit:contain}.mock{background:#ffffffdb;width:185px;height:232px;border:1px solid rgba(255,255,255,.9);border-radius:15px 15px 0 0;box-shadow:0 16px 45px #00000012;transform:translateY(32px);padding:15px;color:var(--ink)}.mock-top{display:flex;gap:4px}.mock-dot{height:5px;width:5px;border-radius:50%;background:var(--ink);opacity:.3}.mock-symbol{font-size:57px;text-align:center;margin:24px 0 5px}.mock-name{text-align:center;font-size:11px;font-weight:800;letter-spacing:.3px}.mock-lines{margin-top:22px;display:grid;gap:9px}.mock-lines i{height:9px;background:var(--accent);border-radius:4px}.mock-lines i:nth-child(2){width:80%}.mock-lines i:nth-child(3){width:90%}.project-card:hover .art .mock{transform:translateY(23px);transition:transform .25s}.card-top{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#7e8798;font-size:10px;font-weight:800;letter-spacing:1.2px}.status{border:1px solid #e5e8ee;border-radius:20px;padding:5px 10px;font-size:10px;letter-spacing:0;color:#667085}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h3{font-size:23px;letter-spacing:-.8px;margin:11px 0 6px}.card-title svg{color:#687080}.project-card>p{color:#7b8493;font-size:13px;line-height:1.8;margin:0}.about-wrap{background:#f7f8fa}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid p{font-size:15px;line-height:2;color:#6f7887}.about-grid .about-lead{font-weight:700;color:#202635;font-size:21px;margin-top:3px}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.skills span{border:1px solid #dde1e8;background:#fff;padding:9px 12px;border-radius:5px;font-size:11px;color:#5d6675;font-weight:600}.note-card{display:flex;align-items:start;gap:25px;border-top:1px solid #e5e8ed;border-bottom:1px solid #e5e8ed;padding:27px 0}.note-index{color:#939aa8;font-size:12px}.note-card h3{margin:0 0 9px;font-size:19px}.note-card p{font-size:13px;color:#818a98;line-height:1.8;margin:0}.note-tag{margin-left:auto;white-space:nowrap;font-size:12px}.contact-wrap{background:#171c28;color:#fff}.contact .eyebrow{color:#a8b0c4}.contact h2{margin:22px 0}.contact>p{color:#a9b0be;font-size:15px}.contact-links{display:flex;gap:22px;margin-top:32px;flex-wrap:wrap}.contact-links a,.contact-links span{display:flex;gap:10px;align-items:center;border:1px solid #464d5d;padding:13px 18px;border-radius:5px;font-size:13px}.contact-links span{color:#9fa6b5}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:100px}.footer-inner>span,.to-top{color:#929aa7;font-size:11px}.to-top{border:0;background:none}.detail{padding-top:65px;padding-bottom:115px}.back,.text-link{display:inline-flex;align-items:center;gap:9px;color:#687181;font-size:13px;font-weight:600}.detail>.eyebrow{margin-top:80px}.detail h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2.5px;margin:16px 0}.detail-lead{font-size:19px;color:#6c7585;line-height:1.8}.meta{display:flex;gap:70px;margin:45px 0}.meta div{display:grid;gap:8px}.meta span{font-size:11px;color:#9aa2af}.meta strong{font-size:13px}.art-large{height:450px}.art-large .mock{transform:translateY(40px) scale(1.45)}.detail-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:60px 0;border-bottom:1px solid #e8eaf0}.detail-section h2{font-size:25px;letter-spacing:-.8px;margin:12px 0}.detail-section p,.detail-section li{font-size:15px;line-height:2;color:#6e7786}.detail-section ul{padding-left:20px;margin:0}.link-stack{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.link-stack a{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #dfe3e9;border-radius:6px;font-size:13px}.muted{color:#939aa8!important}.detail>.text-link{margin-top:55px}@media(max-width:700px){.container{width:min(100% - 36px,1120px)}.nav{height:65px}.menu-button{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:22px 18px;border-bottom:1px solid #e8eaf0;flex-direction:column;gap:22px}.navlinks.open{display:flex}.hero{min-height:570px;padding-top:96px}.hero h1{letter-spacing:-2px}.hero>p{font-size:14px}.hero-foot{font-size:9px}.section{padding-top:75px;padding-bottom:80px}.section-head{display:block}.section-head>p{margin-top:15px}.project-grid{grid-template-columns:1fr;gap:35px}.art{height:265px}.about-grid{grid-template-columns:1fr;gap:28px}.note-card{gap:15px}.note-tag{display:none}.meta{gap:23px;flex-wrap:wrap}.art-large{height:330px}.art-large .mock{transform:translateY(45px) scale(1.1)}.detail-section{grid-template-columns:1fr;gap:8px;padding:40px 0}.detail>.eyebrow{margin-top:60px}.footer-inner{flex-wrap:wrap;padding:25px 0}.footer-inner>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}