@import url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');
.featured-insight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.featured-insight-list article{padding:24px 0;border-top:1px solid var(--line)}.featured-category{font-size:13px;color:var(--green);font-weight:600}.featured-insight-list h3{font-size:23px;font-weight:650;line-height:1.45;margin:16px 0 12px}.featured-insight-list h3 a:hover{color:var(--green)}.featured-insight-list p{font-size:16px;color:var(--body);margin:0}@media(max-width:800px){.featured-insight-list{grid-template-columns:1fr;gap:8px}.featured-insight-list h3{font-size:22px}}
/* Human × System × Transformation: neutral space, forest type, restrained pink. */
body { font-family:'Pretendard Variable','Pretendard',sans-serif; font-size:17px; line-height:1.75; }
body .hero h1 { font-size:clamp(44px,4.8vw,68px); font-weight:700; line-height:1.18; }
body h2,body .customer-entry h2 { font-size:clamp(36px,3.2vw,42px); font-weight:650; line-height:1.3; letter-spacing:-.035em; }
body .eyebrow { font-family:'Instrument Sans','Pretendard Variable',sans-serif; font-size:12px; line-height:1.5; letter-spacing:.08em; }
main .section { padding-block:128px; }
.hero-lead { font-size:19px; font-weight:400; line-height:1.75; max-width:560px; }
.customer-links { gap:12px; }
.customer-links button { min-height:52px; font-size:16px; font-weight:500; padding:12px 22px; }
.customer-links button[aria-expanded="true"] { color:var(--white); background:var(--green); border-color:var(--green); }
.customer-links button[aria-expanded="true"] span { color:var(--soft-pink); }
.customer-panel,.problem-choice { padding:36px; border-radius:16px; }
.customer-panel h3,.problem-choice h3 { font-size:26px; font-weight:650; line-height:1.4; color:var(--green); }
.customer-panel > p { max-width:800px; }
.customer-deliverables { font-size:16px; }
.customer-question { font-weight:500; }
.problem-entry-grid { gap:24px; margin-top:40px; }
.problem-choice a { font-size:16px; }
.transformations { background:var(--mist-green); }
.transformations .card-grid { gap:24px; margin-top:40px; }
.transformations .service-card { display:flex; flex-direction:column; min-width:0; padding:32px; border-radius:16px; box-shadow:none; }
.transformations .service-card:nth-child(1) { background:var(--soft-green); }
.transformations .service-card:nth-child(2) { background:var(--white); border-top:3px solid var(--pink); }
.transformations .service-card:nth-child(3) { background:var(--soft-pink); }
.transformations .service-card:nth-child(4) { background:var(--white); border-top:3px solid var(--pink); }
body .service-card .service-name { font-size:24px; font-weight:650; line-height:1.4; color:var(--green); }
.service-label { font-family:'Instrument Sans','Pretendard Variable',sans-serif; font-size:13px; }
.service-card p:not(.service-label) { font-size:16px; line-height:1.75; }
.service-output { margin-top:auto; font-weight:500; }
.education-bridge { padding:28px 32px; background:var(--white); border:1px solid var(--line); border-radius:16px; }
.education-bridge a { font-size:16px; }
.case-item h3 { font-size:26px; line-height:1.4; font-weight:650; }
.case-item dl { font-size:16px; }
.case-item dd { color:var(--body); }
main .final-cta { background:var(--pale-pink); color:var(--green); padding-block:120px; }
.consult-copy { color:var(--body); font-size:20px; }
.consult-note { font-size:16px; }
.button { min-height:52px; font-weight:600; }
.button-outline { color:var(--green); background:var(--white); border-color:var(--green); }
.customer-links button:focus-visible,main a:focus-visible { outline:3px solid var(--deep-pink); outline-offset:4px; }
@media(max-width:1100px) and (min-width:801px) { .transformations .card-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) {
 body { font-size:16px; }
 body .hero h1 { font-size:clamp(38px,10vw,44px); line-height:1.2; }
 body h2,body .customer-entry h2 { font-size:32px; line-height:1.35; }
 main .section,main .final-cta { padding-block:80px; }
 .hero-lead,.consult-copy { font-size:18px; }
 .customer-links button { font-size:16px; min-height:48px; padding:10px 16px; }
 .customer-panel,.problem-choice,.transformations .service-card { padding:28px; }
 .customer-panel h3,.problem-choice h3,body .service-card .service-name,.case-item h3 { font-size:23px; }
 .customer-deliverables,.customer-resources a { font-size:16px; }
 .problem-entry-grid,.transformations .card-grid.four { grid-template-columns:1fr; gap:24px; }
}

/* Compact home: summaries here, detail on existing service and process pages. */
main .customer-entry{padding-block:64px}main .transformations,main .case-studies,main .insight{padding-block:80px}main .final-cta{padding-block:72px}.transformations .service-card{min-height:0}.method-compact{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 0;color:var(--body);font-size:16px}.method-compact a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.education-bridge{margin-top:24px;padding:20px 24px}.education-bridge p{margin-bottom:8px}.case-item .case-photo{height:180px;object-fit:cover}.partner-compact{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:24px;background:var(--warm-white);font-size:14px;color:var(--body)}.partner-compact a{color:var(--green)}@media(max-width:800px){main .customer-entry{padding-block:48px}main .transformations,main .case-studies,main .insight,main .final-cta{padding-block:64px}.transformations .card-grid.four{gap:16px}.transformations .service-card{padding:24px}.transformations .service-card .card-top{display:none}.transformations .service-card p{margin-bottom:12px}.case-item .case-photo{height:160px}}

/* Restore the branded service system; keep customer wording beneath it. */
body .transformations .abcd-headline{font-family:'Instrument Sans','Pretendard Variable',sans-serif;font-size:clamp(36px,3.5vw,44px);line-height:1.3}.transformations .abcd-headline em{display:inline-block;background:var(--soft-pink);color:var(--deep-green);font-style:normal;padding:6px 14px;border-radius:5px}.transformations .transformation-flow{margin:40px 0 24px}.transformations .card-grid{margin-top:0}.transformations .brand-service-title{display:flex;flex-direction:column;gap:8px;margin:24px 0}.transformations .brand-service-title b{font-family:'Instrument Sans',sans-serif;font-size:32px;font-weight:650;color:var(--green)}.transformations .brand-service-title small{font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:400;letter-spacing:0;color:var(--body)}.transformations .card-focus{font-size:18px;font-weight:650;color:var(--ink);line-height:1.5}@media(max-width:800px){body .transformations .abcd-headline{font-size:34px}.transformations .transformation-flow{margin:28px 0 20px;flex-wrap:wrap;gap:8px;font-size:10px}.transformations .brand-service-title{margin:12px 0 20px}.transformations .brand-service-title b{font-size:28px}}
/* Quiet interactive points, matching the original four service identities. */
.transformations .card-top{display:flex;align-items:center;justify-content:space-between}.brand-card-dot{display:block;position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--soft-green);border:1px solid transparent;transition:background-color .2s,border-color .2s}.brand-card-dot::after{content:'';position:absolute;inset:11px;border-radius:50%;background:var(--green);opacity:.18;transition:background-color .2s,opacity .2s}.dot-mix::after{background:var(--pink);opacity:1}.dot-pink{background:var(--soft-pink)}.dot-pink::after{background:var(--pink);opacity:1}.dot-outline{background:transparent;border-color:var(--pink)}.dot-outline::after{opacity:0}.service-card:hover .brand-card-dot,.service-card:focus-visible .brand-card-dot{background:var(--green);border-color:var(--green)}.service-card:hover .brand-card-dot::after,.service-card:focus-visible .brand-card-dot::after{background:var(--soft-pink);opacity:1}.service-card:nth-child(2):hover .brand-card-dot,.service-card:nth-child(2):focus-visible .brand-card-dot,.service-card:nth-child(4):hover .brand-card-dot,.service-card:nth-child(4):focus-visible .brand-card-dot{background:var(--pink);border-color:var(--pink)}@media(max-width:800px){.transformations .service-card .card-top{display:flex}}@media(prefers-reduced-motion:reduce){.brand-card-dot,.brand-card-dot::after{transition:none}}
.customer-links .customer-type-direct{display:inline-flex;align-items:center;gap:8px;min-height:52px;font-size:16px;font-weight:500;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--green);text-decoration:none}.customer-links .customer-type-direct:hover{background:var(--mist-green);border-color:var(--green)}.customer-links .customer-type-direct:focus-visible{outline:3px solid var(--deep-pink);outline-offset:4px}@media(max-width:800px){.customer-links .customer-type-direct{min-height:48px;padding:10px 16px}}