:root{--canvas:#faf7f2;--surface:#fff;--subtle:#f1ede4;--ink:#2a2f36;--navy:#0f1b2e;--bronze:#b3875d;--sage:#2f5e46;--forest:#193b2c;--soft-blue:#d6e4ef;--muted:#6b7280;--border:#e6e8ec;--radius:16px;--container:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);word-break:keep-all;overflow-wrap:break-word;margin:0;font-family:Inter,Pretendard Variable,Pretendard,-apple-system,Segoe UI,Malgun Gothic,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4{color:var(--navy);margin:0 0 .5em;font-family:Playfair Display,Noto Serif KR,Malgun Gothic,serif;font-weight:700;line-height:1.25}h1{letter-spacing:-.01em;font-size:clamp(30px,4.4vw,52px)}h2{font-size:clamp(23px,2.8vw,32px)}h3{font-size:19px}p{margin:0 0 1em}a{color:var(--navy)}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.skip-link{background:var(--navy);color:#fff;z-index:100;border-radius:0 0 10px;padding:10px 18px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--bronze);outline-offset:2px;border-radius:4px}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#faf7f2eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;padding-block:14px;display:flex}.wordmark{color:var(--navy);font-family:Playfair Display,serif;font-size:24px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:26px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--bronze)}.nav-links .nav-external{color:var(--muted)}.nav-links .nav-external:after{content:" ↗";font-size:.8em}.nav-toggle,.mobile-menu{display:none}@media (max-width:767px){.nav-links{display:none}.nav-toggle{border:1px solid var(--border);background:var(--surface);border-radius:10px;display:block;position:relative}.nav-toggle>summary{cursor:pointer;color:var(--navy);align-items:center;min-height:44px;padding:9px 14px;font-size:14px;font-weight:600;list-style:none;display:flex}.nav-toggle>summary::-webkit-details-marker{display:none}.nav-toggle[open]>summary{border-bottom:1px solid var(--border)}.mobile-menu{background:var(--surface);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:8px 20px 14px;display:block;position:absolute;left:0;right:0}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu a{color:var(--ink);padding:12px 4px;font-weight:500;text-decoration:none;display:block}.mobile-menu .nav-external{color:var(--muted)}}.hero{padding-block:72px 40px}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}.overline{letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px;font-size:12px;font-weight:600}.hero-body{color:var(--ink);font-size:18px}.hero-sub{color:var(--muted);font-size:14px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-visual img{border-radius:var(--radius);width:100%;height:auto;display:block}.btn{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--forest)}.btn-outline{border-color:var(--navy);color:var(--navy);background:0 0}.btn-outline:hover{background:var(--subtle)}.btn-quiet{border-color:var(--border);color:var(--ink);background:var(--surface)}.btn-quiet:hover{border-color:var(--bronze)}.section{margin-top:72px}.section-head{margin-bottom:28px}.section-head p.lead{color:var(--muted);max-width:640px}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.card-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:22px;display:flex}.card h3{margin:0}.card p{color:var(--muted);margin:0;font-size:14.5px}.card .card-link{color:var(--sage);margin-top:auto;font-size:14px;font-weight:600}.card .card-link:after{content:" →"}.badge{border:1px solid var(--border);background:var(--subtle);color:var(--ink);border-radius:999px;width:fit-content;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-product{background:var(--soft-blue);color:var(--navy);border-color:#c3d6e4}.badge-client{color:var(--forest);background:#f0e6da;border-color:#e0cfb8}.badge-skill{color:var(--sage);background:#e4ece6;border-color:#cedbd2}.badge-study{color:#6b3a6e;background:#f3e9f3;border-color:#e2d2e2}.breadcrumb{color:var(--muted);margin-bottom:18px;font-size:13.5px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--navy);text-decoration:underline}.detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:8px;padding:clamp(24px,4vw,44px)}.detail-hero .lede{color:var(--ink);max-width:720px;font-size:18px}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-size:13.5px;display:flex}.detail-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.notice{border:1px dashed var(--bronze);color:var(--ink);background:#fbf5ec;border-radius:12px;margin-top:20px;padding:14px 18px;font-size:14px}.notice strong{color:var(--forest)}.prose{max-width:760px}.prose h2{margin-top:44px}.prose ul{padding-left:22px}.prose li{margin-bottom:6px}.prev-next{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;font-size:14.5px;display:flex}.prev-next a{font-weight:600;text-decoration:none}.prev-next a:hover{text-decoration:underline}.figure-study{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:24px 0 0;overflow:hidden}.figure-study img{width:100%;height:auto;display:block}.figure-study figcaption{color:var(--muted);border-top:1px solid var(--border);padding:12px 18px;font-size:13px}.study-banner{background:var(--navy);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.group-block{margin-top:44px}.group-block>h2{align-items:baseline;gap:12px;display:flex}.group-count{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.site-footer{border-top:1px solid var(--border);background:var(--subtle);margin-top:96px}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px 32px;padding-block:36px;font-size:13.5px;display:flex}.footer-inner nav ul{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.footer-inner a{color:var(--muted)}@media (max-width:767px){.hero-grid{grid-template-columns:1fr}.hero{padding-block:44px 24px}.section{margin-top:56px}.prev-next{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}