@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f8f7f2;--ink:#23251f;--blue:#2938dc;--orange:#f76536;--line:#d6d7ce;--yellow:#eaff83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans KR',sans-serif;word-break:keep-all;line-height:1.7}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.wrap{max-width:1400px;width:88%;margin:auto}.skip{position:fixed;top:-80px;left:20px;background:white;z-index:30;padding:15px}.skip:focus{top:10px}header{height:102px;padding:0 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper)}.brand{display:flex;gap:12px;align-items:center}.brand img{width:94px;height:64px;object-fit:contain}.brand>span{font-size:17px;line-height:1.1;font-weight:900;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px}nav{display:flex;gap:36px;font-size:15px;font-weight:500}nav a:hover{color:var(--blue)}.header-contact{border:1px solid var(--ink);border-radius:30px;padding:10px 21px;font-size:14px}.header-contact span{margin-left:22px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;padding:80px 0 63px;align-items:center}.eyebrow{font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.7px;margin:0 0 25px}.hero .eyebrow{color:var(--blue)}h1{font-size:clamp(42px,4.65vw,74px);line-height:1.25;letter-spacing:-3.5px;margin:0;font-weight:800}h1>span:not(.period){color:var(--blue)}h1 .period{color:var(--orange)}.intro{font-size:17px;color:#585b53;margin:29px 0 30px;line-height:1.85}.button{display:inline-flex;align-items:center;gap:35px;border-radius:40px;padding:16px 26px;font-weight:600;font-size:15px}.blue{background:var(--blue);color:white}.button:hover{background:#1523bc;transform:translateY(-2px)}.hero-foot{display:flex;justify-content:space-between;font:11px/1.7 Arial,sans-serif;letter-spacing:1px;margin-top:64px}.scroll-note{align-self:end;color:#686b64}.brand-art{background:#dfe9fc;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;padding:28px;transform:rotate(2deg);border-radius:5px}.brand-art:before{content:'';position:absolute;z-index:-1;width:84%;aspect-ratio:1;background:var(--orange);border-radius:50%;left:8%;top:15%}.art-top,.art-bottom{display:flex;justify-content:space-between;font:12px/1.4 Arial,sans-serif;letter-spacing:1px;font-weight:700}.art-top{align-items:start}.art-star{font-size:70px;font-weight:400;line-height:.7;color:var(--blue)}.logo-frame img{display:block;width:112%;max-width:none;height:auto;margin-left:-6%;transform:rotate(-2deg)}.art-bottom{font-size:11px;align-items:end}.art-bottom span:first-child{font-family:'Noto Sans KR',sans-serif;font-size:15px;letter-spacing:-.5px}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:25px;overflow:hidden;background:var(--yellow);border-top:1px solid #24251f;border-bottom:1px solid #24251f;padding:23px 2%;font-weight:700;font-size:clamp(17px,2vw,30px);white-space:nowrap}.ribbon b{font-size:37px;line-height:1}.section{padding:110px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:7%}h2{font-size:clamp(32px,3.4vw,50px);line-height:1.35;letter-spacing:-2px;font-weight:700;margin:0}.about-body{padding-top:40px}.large-copy{font-size:25px;line-height:1.6;margin:0 0 24px;font-weight:500;letter-spacing:-1px}.about-body>p:not(.large-copy){color:#62655d;font-size:17px}.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.about-tags span{border:1px solid #b9bbb0;border-radius:25px;padding:7px 15px;font-size:14px}.services{background:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head>p{font-size:16px;color:#676a62;margin:0 0 7px}.service-list{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:65px 1.1fr 1fr 40px;gap:20px;align-items:center;padding:31px 12px;transition:background .2s}summary::-webkit-details-marker{display:none}summary:hover{background:#f8f9f3}.number{font:15px Arial,sans-serif;color:var(--blue)}.service-title{font-size:28px;letter-spacing:-1px;font-weight:600}.service-title small{display:block;font:12px Arial,sans-serif;letter-spacing:1px;margin-top:3px;color:#6b6d65}.service-short{color:#65685f;font-size:16px}.expand{width:32px;height:32px;position:relative}.expand:before,.expand:after{content:'';position:absolute;top:15px;left:5px;width:22px;height:2px;background:var(--ink)}.expand:after{transform:rotate(90deg)}details[open] .expand:after{transform:rotate(0)}details[open] summary{color:var(--blue)}.service-detail{margin-left:97px;max-width:770px;padding:0 20px 34px 0}.service-detail p{margin:0 0 20px;color:#5e6258;font-size:17px;line-height:1.9}.service-detail>div{display:flex;gap:8px;flex-wrap:wrap}.service-detail>div span{font-size:13px;padding:5px 12px;background:#eef1fc;color:#343da2;border-radius:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps article{border-top:1px solid var(--ink);padding-top:28px}.steps article>span{font:13px Arial,sans-serif;letter-spacing:1px;color:var(--blue)}.steps h3{font-size:25px;letter-spacing:-1px;margin:36px 0 14px}.steps p{font-size:17px;color:#62655d;margin:0}.contact{background:#e4edff;padding:85px 0}.contact-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:center}.contact h2{font-size:clamp(37px,4vw,60px);letter-spacing:-2.5px}.contact p:not(.eyebrow){font-size:17px;color:#525e74}.email{display:inline-flex;gap:35px;font-size:clamp(20px,2.4vw,35px);letter-spacing:-1px;border-bottom:2px solid var(--ink);font-weight:600;margin-top:14px;padding-bottom:5px;overflow-wrap:anywhere;word-break:break-word}.contact .mail-note{font-size:13px!important}.contact-mark{display:flex;flex-direction:column;align-items:center}.contact-mark img{width:100%;max-width:320px;height:auto}.contact-mark>span{font:14px/1.6 Arial,sans-serif;text-align:center;letter-spacing:2px;margin-top:20px;color:var(--blue)}footer{padding:38px 0;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer strong{font-size:20px}footer strong span{display:block;font:11px Arial,sans-serif;letter-spacing:1px}footer p{font-size:13px;color:#666b60}footer small{font:11px Arial,sans-serif;margin-left:auto;color:#666b60}footer>a{font:11px Arial,sans-serif;letter-spacing:.5px;margin-left:15px}
@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:90px}.brand-art{min-height:570px}}@media(max-width:1000px){header{padding:0 5%;height:90px}nav{gap:20px}.wrap{width:90%}.hero{gap:4%;padding-top:65px}.brand-art{min-height:420px;padding:22px}h1{letter-spacing:-2.5px}.hero-foot{margin-top:40px}.scroll-note{display:none}.service-short{font-size:14px}.contact-inner{gap:5%}.section{padding:80px 0}}@media(max-width:700px){header{height:82px;gap:10px}.brand img{width:80px;height:57px}.brand>span{display:none}nav{gap:18px;font-size:13px}nav a:last-child{display:none}.header-contact{font-size:12px;padding:8px 11px}.header-contact span{margin-left:6px}.hero{grid-template-columns:1fr;padding:48px 0 45px;gap:36px}.eyebrow{font-size:12px;margin-bottom:22px}h1{font-size:clamp(40px,9.5vw,62px);letter-spacing:-2.5px}.intro{font-size:16px;line-height:1.85;margin-top:23px}.intro br{display:none}.hero-foot{margin-top:30px}.brand-art{min-height:390px;width:96%;margin:auto;padding:24px}.logo-frame img{width:100%;margin:0}.art-top{font-size:11px}.art-star{font-size:60px}.art-bottom span:first-child{font-size:13px}.brand-art:before{width:75%;left:12.5%;top:13%}.ribbon{justify-content:flex-start;padding:16px 20px;font-size:19px;gap:24px}.ribbon b{font-size:27px}.section{padding:68px 0}.about{grid-template-columns:1fr;gap:25px}h2{font-size:34px;letter-spacing:-1.7px}.about-body{padding:0}.large-copy{font-size:22px}.about-body>p:not(.large-copy){font-size:16px}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:24px;font-size:15px}summary{grid-template-columns:30px 1fr 28px;gap:10px;padding:25px 0}.service-title{font-size:25px}.service-short{display:none}.service-title small{font-size:11px;margin-top:5px}.number{font-size:13px}.service-detail{margin-left:40px;padding-right:0}.service-detail p{font-size:16px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-top:20px}.steps h3{font-size:23px;margin:16px 0 10px}.steps p{font-size:16px}.steps p br{display:none}.contact{padding:64px 0}.contact-inner{grid-template-columns:1fr}.contact h2{font-size:38px;letter-spacing:-2px}.contact-mark{display:none}.email{font-size:24px;gap:15px}.contact .mail-note{font-size:12px!important}footer{gap:18px;padding:30px 0}footer strong{font-size:18px}footer p{margin:0}footer small{margin-left:0}footer>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Language selection stays visible on narrow screens. */
.language-switcher{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:24px;flex-shrink:0}.language-switcher button{border:0;background:transparent;color:var(--ink);font:500 12px/1.5 Arial,sans-serif;padding:8px 10px;min-height:34px;border-radius:18px;cursor:pointer;white-space:nowrap}.language-switcher button[aria-pressed=true]{background:var(--blue);color:#fff}.language-switcher button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.language-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[lang=en] body{word-break:normal;overflow-wrap:break-word}html[lang=zh-CN] body{word-break:normal}html[lang=en] h1{font-size:clamp(38px,4.2vw,65px);letter-spacing:-2px}html[lang=en] h2{letter-spacing:-1.5px}header{gap:16px}header nav{gap:22px}.hero-copy,.team-copy,.section-head>div{min-width:0}
@media(max-width:1150px){header{height:auto;min-height:102px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}header nav{margin-left:auto}.language-switcher{margin-left:auto}html[lang=en] .service-title{font-size:24px}}
@media(max-width:700px){header{display:grid;grid-template-columns:auto 1fr;gap:10px 12px}header .brand{grid-column:1;grid-row:1}header .language-switcher{grid-column:2;grid-row:1;justify-self:end;margin:0}header nav{grid-column:1;grid-row:2;margin:0;display:flex}header .header-contact{grid-column:2;grid-row:2;justify-self:end}header nav a{font-size:12px!important}.language-switcher button{padding:7px 9px;min-height:36px}html[lang=en] h1{font-size:clamp(36px,9.2vw,58px);letter-spacing:-1.5px}html[lang=en] h2{font-size:32px;letter-spacing:-1px}html[lang=en] .ribbon{font-size:16px}html[lang=en] .hero-foot{letter-spacing:0.5px}.button{max-width:100%}}
/* Silver finish preserves the original logo shape and black lettering. */
.brand img,.logo-frame img,.contact-mark img{filter:none}

.catalog-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.catalog-teaser>div>p:not(.eyebrow){color:#62665e;font-size:17px;line-height:1.9;margin:25px 0}.catalog-cover{display:block;background:#e6eafa;padding:22px;transform:rotate(2deg);transition:transform .2s}.catalog-cover:hover{transform:rotate(0)}.catalog-cover-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:170px}.catalog-cover-images img{width:100%;height:100%;object-fit:cover}.catalog-cover>span{display:block;font-size:33px;letter-spacing:1px;font-weight:800;line-height:1.3;margin-top:25px;color:var(--blue)}.catalog-cover small{display:block;font:12px/2 Arial,sans-serif;letter-spacing:1px;margin-top:10px}.new-tab-label{font-size:11px;font-weight:400;opacity:.8}.catalog-teaser+.approach{padding-top:20px}@media(max-width:1000px){nav{gap:20px}nav a{font-size:14px}.catalog-cover-images{height:135px}}@media(max-width:700px){.catalog-teaser{grid-template-columns:1fr;gap:35px}.catalog-teaser>div>p:not(.eyebrow){font-size:16px}.catalog-teaser br{display:none}.catalog-cover{width:96%;margin:auto}.catalog-cover-images{height:155px}.catalog-cover>span{font-size:30px}header nav a:last-child{display:block;font-size:12px}header nav a:first-child,header nav a:nth-child(2){display:none}.catalog-teaser .button{gap:12px;font-size:14px}}

.company-details{margin:28px 0 18px;padding-top:20px;border-top:1px solid #bdc6d8;font-size:16px;line-height:1.7}.company-details>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:7px 0}.company-details dt{font-weight:600;color:#424c62}.company-details dd{margin:0;overflow-wrap:anywhere;word-break:normal}.company-details a{text-decoration:underline;text-underline-offset:4px}.catalog-contact>div{min-width:0}.catalog-contact .company-details{max-width:550px}@media(max-width:700px){.company-details>div{grid-template-columns:95px minmax(0,1fr);gap:10px}.company-details{font-size:15px}}

button.contact-open{font-family:inherit;cursor:pointer;color:inherit;background:transparent}button.email{border:0;border-bottom:2px solid var(--ink);padding-left:0;padding-right:0}button.contact-open:focus-visible,.contact-close:focus-visible{outline:3px solid var(--blue);outline-offset:4px}#business-contact{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #151c3440}#business-contact::backdrop{background:#18213b88;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:30px;letter-spacing:-1px}.contact-close{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);font-size:28px;cursor:pointer}#business-contact .company-details{margin-bottom:0}html:has(#business-contact[open]){overflow:hidden}@media(max-width:480px){#business-contact{padding:22px}.dialog-heading h2{font-size:26px!important}#business-contact .company-details>div{grid-template-columns:1fr;gap:2px;padding:10px 0}}