/* Company pages only. Public product applications do not load this sheet. */
.company-site { margin:0; background:var(--canvas); color:var(--ink); font: 400 var(--fs-body)/1.65 var(--font); word-break:keep-all; overflow-wrap:anywhere; -webkit-font-smoothing:antialiased; }
.company-site *, .company-site *::before, .company-site *::after { box-sizing:border-box; }
/* Reset at element weight (2026-10-06): as .company-site h1… it outranked component margins such as .lg-lead and the
   flow spacing in tactile-detail.css, so legal titles sat on their lead with no gap since 09-28. */
:where(.company-site) :is(h1,h2,h3,p,figure) { margin:0; }
.company-site h1,.company-site h2 { font-weight:var(--fw-medium); letter-spacing:-.035em; text-wrap:balance; }
.company-site h1 { font-size: var(--fs-num-xl); line-height:1.18; }
.company-site h2 { font-size: var(--fs-h1); line-height:1.3; }
.company-site h3 { font-size: var(--fs-h3); font-weight:var(--fw-medium); line-height:1.4; letter-spacing:-.02em; }
.company-site a { text-decoration:none; }
.company-site a:not(.btn) { color:inherit; }
.company-site a.btn-primary { color:var(--primary-text); }
/* 텍스트 링크만 hover 밑줄. 버튼 모양 링크(.btn·.button·건너뛰기)와 제목·문단을 감싼 카드 링크는
   어떤 상태에서도 밑줄이 없다 — 카드 hover 는 면·테두리 변화로만 보인다. */
.company-site a:not(:is(.btn, .button, .co-skip)):not(:has(:is(b, strong, h2, h3, h4, p, div))):hover { text-decoration:underline; text-underline-offset:5px; }
.company-site img { display:block; max-width:100%; }
.company-site [id] { scroll-margin-top: var(--space-9); }
.company-site :focus-visible { outline:3px solid var(--focus-ring); outline-offset:4px; }
.company-site main:focus { outline:none; }
.co-wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.co-skip { position:fixed; top:8px; left:16px; padding: var(--space-3) var(--space-5); transform:translateY(-150%); background:var(--canvas); z-index:1000; }
.co-skip:focus { transform:none; }
.co-hero { padding-block: var(--space-8) var(--space-8); }
.co-hero-copy { max-width:900px; }
.co-hero-copy h1 { max-width:820px; }
.company-site .co-eyebrow { font-size: var(--fs-body); color:var(--ink-2); margin-bottom: var(--space-5); }
.company-site .co-lead { margin-top: var(--space-5); color:var(--muted); font-size: var(--fs-body); line-height:1.95; max-width:710px; }
.co-actions { display:flex; align-items:center; flex-wrap:wrap; gap: var(--space-5); margin-top: var(--space-6); }
.co-link { display:inline-flex; align-items:center; min-height:44px; gap: var(--space-2); font-size: var(--fs-body); font-weight:500; color:var(--ink); }
.company-site .co-link { color:var(--ink); }
.co-section { padding-block: var(--space-8); border-top:1px solid var(--rule); }
.co-section-head { display:flex; align-items:baseline; justify-content:space-between; gap: var(--space-5); margin-bottom: var(--space-6); }
.co-section-head h2 { max-width:740px; }
.co-section-head > a { flex-shrink:0; }
.co-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-5); }
.co-product { display:grid; grid-template-columns:1fr; grid-template-rows:auto auto 1fr auto; gap: var(--space-4); padding: var(--space-6); min-width:0; border-radius: var(--radius-md); overflow:hidden; position:relative; isolation:isolate; background:var(--panel-fill); border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.co-product > div { min-width:0; }
.co-product-visual { grid-row:2; width:100%; color:var(--accent); }
.co-product-visual svg { display:block; width:100%; height:auto; max-height:200px; }
.co-product:last-child { grid-column:1/-1; grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr); grid-template-rows:auto 1fr auto; gap: var(--space-4) var(--space-6); background:var(--surface-inverse); color:var(--ink-inverse); border-color:var(--surface-inverse); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; --aqua-bright:var(--palette-on-ink); --primary-base:var(--ink-inverse); --primary-text:var(--surface-inverse); --primary-hover:color-mix(in srgb,var(--ink-inverse) 90%,var(--surface-inverse)); --primary-border:var(--ink-inverse); --focus-ring:var(--ink-inverse); }
.co-product:last-child > div:not(.co-product-visual) { grid-column:1; }
.co-product:last-child .co-product-visual { grid-column:2; grid-row:1/4; align-self:center; }
.co-product:last-child .co-brand-prefix,.co-product:last-child .co-product-copy p { color:var(--ink-inverse); }
.co-product:last-child .co-product-links a + a { color:var(--ink-inverse); }
.co-product .co-product-links { gap: var(--space-2) var(--space-4); align-self:end; }
.co-product .co-product-links a.btn { padding: 0 var(--space-4); }
@media (max-width:767px), (pointer:coarse) {
  .co-product .co-product-links a.btn { min-height:44px; padding: var(--space-3) var(--space-4); }
}

.company-site .co-product h3,.company-site .co-ax-offering h3 { font-size: var(--fs-h1); font-weight:var(--fw-medium); letter-spacing:-.035em; }
.co-brand-prefix { display:block; font-size: var(--fs-small); font-weight:500; letter-spacing:.03em; margin-bottom: var(--space-1); color:var(--ink-2); }
.company-site .co-product-role { margin-top: var(--space-2); font-size: var(--fs-lead); }
.co-product-copy p { color:var(--ink-2); }

.company-site .co-status { display:inline-block; margin-top: var(--space-3); font-size: var(--fs-small); border:0; padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm); }
.co-product-links { display:flex; flex-wrap:wrap; align-items:center; gap: var(--space-2) var(--space-5); margin-top:auto; padding-top: var(--space-2); }
.co-product-links a:not(.btn) { display:inline-flex; align-items:center; min-height:44px; font-size: var(--fs-body); }
.co-product-links a + a:not(.btn) { color:var(--ink); }
.company-site .co-intro { color:var(--ink-2); margin: calc(var(--space-3) * -1) 0 var(--space-6); max-width:790px; }
.co-service-intro { display:flex; gap: var(--space-6); margin-bottom: var(--space-6); }
.co-service-intro h3 { flex:1; }
.co-service-intro p { flex:2; color:var(--ink-2); }
.co-services,.co-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-6); }
.co-services article,.co-cases article { border-top:1px solid var(--rule); padding-top: var(--space-5); }
.co-services article p,.co-cases article > p:last-child { margin-block: var(--space-4) var(--space-3); color:var(--ink-2); }
.co-meta { font-size: var(--fs-body); color:var(--ink-2); }
.company-site .co-cases .co-meta { margin-bottom: var(--space-3); }
.co-experience-foot { display:flex; flex-wrap:wrap; gap: var(--space-6); margin-top: var(--space-5); }
.co-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-6) var(--space-6); }
.co-person { min-width:0; }
.co-person img { width:88px; height:auto; aspect-ratio:1/1; object-fit:cover; border-radius: var(--radius-sm); background:var(--inset-bg); grid-row:1 / 3; }
.company-site .co-person h3 { font-size: var(--fs-h3); align-self:end; }
.company-site .co-person p { font-size: var(--fs-body); color:var(--ink-2); line-height:1.5; margin-top: var(--space-1); word-break:normal; }
.co-person a { display:grid; grid-template-columns:88px 1fr; column-gap: var(--space-4); align-content:start; }
.co-news-row { display:grid; grid-template-columns:100px minmax(0,1fr) 28px; gap: var(--space-6); align-items:baseline; border-top:1px solid var(--rule); padding-block: var(--space-5); }
.co-news-row:last-child { border-bottom:1px solid var(--rule); }
.co-news-row time { font-size: var(--fs-body); color:var(--ink-2); font-variant-numeric:tabular-nums; }
.co-news-row h3 { font-size: var(--fs-h3); font-weight:var(--fw-medium); }
.co-news-row > span { text-align:right; }
.co-company-guide { display:grid; grid-template-columns:1fr 1fr; gap: var(--space-7); padding-block: var(--space-6) var(--space-8); }
.co-company-guide > div { display:grid; grid-template-columns:1fr; }
.co-company-guide a { min-height:48px; display:flex; align-items:center; border-bottom:1px solid var(--rule); }
.co-contact { background:var(--surface-inverse); color:var(--ink-inverse); padding-block: var(--space-8); --primary-base:var(--ink-inverse); --primary-text:var(--surface-inverse); --primary-hover:color-mix(in srgb,var(--ink-inverse) 90%,var(--surface-inverse)); --primary-border:var(--ink-inverse); --focus-ring:var(--ink-inverse); }
.co-contact .co-wrap { display:flex; align-items:center; justify-content:space-between; gap: var(--space-6); }
.co-contact h2 { color:var(--ink-inverse); }
.company-site .co-contact p { color:var(--ink-inverse-2); margin-top: var(--space-4); }
.co-contact :is(.x-btn, a.btn) { flex-shrink:0; }
.co-footer { padding-block: var(--space-7) var(--space-6); background:var(--surface-inverse); color:var(--ink-inverse); }
.co-footer-top { display:flex; justify-content:space-between; align-items:center; gap: var(--space-5); }
.co-footer-top img { object-fit:contain; width:160px; height:auto; }
.co-footer-top p { color:var(--ink-inverse-2); font-size: var(--fs-body); }
.co-footer-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-6); padding-block: var(--space-6); }
.company-site .co-footer-links h2 { font-size: var(--fs-body); font-weight:var(--fw-medium); margin-bottom: var(--space-3); }
.company-site .co-footer-links a { display:block; width:fit-content; padding-block: var(--space-2); font-size: var(--fs-body); color:var(--ink-inverse-2); }
.co-company-info { border-top:1px solid var(--rule-inverse); padding-top: var(--space-5); color:var(--ink-inverse-2); font-size: var(--fs-body); }
.co-company-info address { font-style:normal; margin-block: var(--space-2); }
.company-site .co-page-title { padding-block: var(--space-8) var(--space-6); }
.co-toc { display:flex; gap: var(--space-3) var(--space-5); flex-wrap:wrap; margin-top: var(--space-6); border-top:1px solid var(--rule); padding-top: var(--space-4); }
.co-toc a { min-height:44px; display:inline-flex; align-items:center; }
.co-team-full { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-6) var(--space-5); }
.co-person-full { display:grid; grid-template-columns:1fr; align-content:start; gap: var(--space-4); padding-top: var(--space-5); border-top:1px solid var(--rule); }
.co-person-full > div { display:grid; grid-template-columns:72px minmax(0,1fr); grid-auto-rows:min-content; column-gap: var(--space-4); align-items:center; }
.co-person-full > div > * { grid-column:2; }
.co-person-full img { grid-column:1; grid-row:1 / span 4; width:72px; height:72px; aspect-ratio:1; object-fit:cover; border-radius: var(--radius-input); }
.co-person-full h3 { margin-top:0; font-size: var(--fs-h3); }
.co-person-full .co-role { margin-top: var(--space-1); color:var(--ink-2); font-size: var(--fs-body); }
.co-person-full .co-meta { font-size:var(--fs-caption); }
.co-person-full ul { margin:0; padding-left: var(--space-4); font-size: var(--fs-body); line-height:1.55; }
.co-person-full li { margin-bottom: var(--space-2); }
.co-person-full .team-subfocus { margin-block: var(--space-2); }
.co-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-6); margin: 0 0 var(--space-5); }
.co-stats > div { display:flex; flex-direction:column-reverse; gap: var(--space-2); border-top:1px solid var(--rule); padding-top: var(--space-5); }
.co-stats dt { color:var(--ink-2); }
.co-stats dd { margin:0; font-size: var(--fs-h1); font-weight:500; font-variant-numeric:tabular-nums; }
.company-site .tl-year { font-size: var(--fs-h2); margin-top: var(--space-6); }
.company-site .tline { list-style:none; margin: var(--space-3) 0 var(--space-6); padding:0; }
.company-site .tline > li { display:grid; grid-template-columns:54px minmax(0,1fr); padding-block: var(--space-4); border-top:1px solid var(--rule); gap: var(--space-5); }
.company-site .tl-rail,.company-site .tk { display:none; }
.company-site .td { display:block; color:var(--ink-2); font-size: var(--fs-body); margin-top: var(--space-1); }
.co-location-detail h3 { margin-bottom: var(--space-5); }
.co-location-detail .loc-line { display:grid; grid-template-columns:60px 1fr; gap: var(--space-4); margin-bottom: var(--space-3); }
.co-location-detail .loc-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-5); margin-block: var(--space-5); }
.co-location-detail .loc-gallery img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.co-location-detail figcaption { font-size: var(--fs-body); color:var(--ink-2); margin-top: var(--space-2); }
.co-location-detail p { max-width:800px; }
.co-location-detail .space-grid { display:grid; grid-template-columns:1fr 1fr; gap: var(--space-5); margin-top: var(--space-5); }
.co-location-detail .space-gallery { display:grid; grid-template-columns:1fr 1fr; gap: var(--space-5); margin-block: var(--space-5); }
.co-location-detail .space-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.co-location-detail .space-point { padding-block: var(--space-3); border-top:1px solid var(--rule); }
.co-location-detail .space-point b { display:block; margin-bottom: var(--space-2); }
@media (max-width:1024px) {
 .co-hero { gap: var(--space-6); padding-block: var(--space-7); }
 .co-products { gap: var(--space-6); }
 .co-product-links { gap: var(--space-3); }
 .co-team-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .co-team-full { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
 .company-site { font-size:var(--fs-body-mobile); }
 .co-wrap { width:calc(100% - 40px); }
 .co-hero { grid-template-columns:1fr; gap: var(--space-6); padding-block: var(--space-6); }
 .company-site h1 { font-size: var(--fs-h1); max-width:540px; }
 .company-site .co-lead { font-size: var(--fs-body); margin-top: var(--space-5); }
 .company-site .co-eyebrow { margin-bottom: var(--space-4); }
 .co-actions { gap: var(--space-3) var(--space-5); margin-top: var(--space-5); }
 .co-section { padding-block: var(--space-6); }
 .co-section-head { display:block; margin-bottom: var(--space-5); }
 .co-section-head > a { margin-top: var(--space-3); }
 .co-products { grid-template-columns:1fr; gap: var(--space-6); }
 .co-product { gap: var(--space-4); padding-top: var(--space-5); }
 .co-product-links { gap: var(--space-5); padding-top:0; }
 .co-service-intro { display:block; }
 .co-service-intro p { margin-top: var(--space-4); }
 .co-services,.co-cases { grid-template-columns:1fr; gap: var(--space-5); }
 .co-experience-foot { gap: var(--space-2); flex-direction:column; align-items:start; }
 .co-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-5) var(--space-4); }
 .co-person a { display:block; }
 .co-person img { width:100%; max-width:160px; }
 .company-site .co-person h3 { margin-top: var(--space-3); }
 .company-site .co-person p { font-size: var(--fs-body); }
 .co-news-row { grid-template-columns:1fr 20px; gap: var(--space-3); padding-block: var(--space-5); }
 .co-news-row time { grid-column:1/-1; }
 .co-news-row h3 { font-size: var(--fs-h3); }
 .co-company-guide { grid-template-columns:1fr; gap: var(--space-5); padding-block: var(--space-2) var(--space-6); }
 .co-contact { padding-block: var(--space-6); }
 .co-contact .co-wrap { display:block; }
 .co-contact :is(.x-btn, a.btn) { margin-top: var(--space-5); }
 .co-footer-top { align-items:start; flex-direction:column; }
 .co-footer-links { grid-template-columns:1fr 1fr; gap: var(--space-6) var(--space-5); }
 .co-footer-links a { min-height:44px; }
 .co-team-full { grid-template-columns:1fr; gap: var(--space-5); }
 .co-stats { grid-template-columns:1fr 1fr; gap: var(--space-5) var(--space-4); }
 .co-stats dd { font-size: var(--fs-h2); }
 .co-location-detail .loc-gallery,.co-location-detail .space-gallery,.co-location-detail .space-grid { grid-template-columns:1fr 1fr; gap: var(--space-4); }
 .company-site .co-page-title { padding-block: var(--space-6) var(--space-5); }
}
@media (max-width:359px) { .co-wrap { width:calc(100% - 32px); } .co-footer-links { grid-template-columns:1fr; } .co-location-detail .space-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .company-site * { scroll-behavior:auto; transition:none; animation:none; } }
.co-person-full [style*='white-space'] { white-space:normal !important; }
.co-location-detail .space-specs { display:grid; grid-template-columns:1fr 1fr; gap: var(--space-5); margin-block: var(--space-5); }
.co-location-detail .space-spec { display:grid; gap: var(--space-2); padding-top: var(--space-4); border-top:1px solid var(--rule); }
.co-location-detail .space-spec span { color:var(--ink-2); }
#classroom .loc-gallery { grid-template-columns:1fr 1fr; max-width:820px; }
@media(max-width:520px) { .co-location-detail .space-specs { grid-template-columns:1fr; } }
.company-site .co-page-title h1 { max-width:900px; font-size: var(--fs-h2); }
.company-site .co-page-title .co-lead { font-size:var(--fs-body); }
@media(max-width:767px) { .company-site .co-page-title h1 { font-size:var(--fs-display-mobile); } }
/* The opening proof band distinguishes delivery experience from the product catalogue. */
.co-proof { background:var(--surface-inverse); color:var(--ink-inverse); padding-block: var(--space-7) var(--space-7); }
.co-proof .co-section-head { margin-bottom: var(--space-5); align-items:center; }
.company-site .co-proof h2 { font-size: var(--fs-h3); font-weight:var(--fw-medium); color:var(--ink-inverse); }
.co-proof .co-link { color:var(--ink-inverse); font-size: var(--fs-body); }
.co-proof .co-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-6) var(--space-5); margin:0; } /* 1행 고객·파트너(대기업·공기업·공공기관·파트너) · 2행 수행(AX 프로젝트·임원 교육·직원 교육) */
.co-proof .co-stats > div { border-color:var(--rule-inverse); padding-top: var(--space-4); gap: var(--space-2); }
.co-proof .co-stats dt { color:var(--ink-inverse-2); font-size: var(--fs-body); }
.co-proof .co-stats dd { color:var(--ink-inverse); font-size: var(--fs-h1); font-weight:500; letter-spacing:-.035em; line-height:1.2; white-space:nowrap; }
.co-proof .co-stats dd span { font-size: var(--fs-lead); margin-left: var(--space-1); font-weight:400; letter-spacing:0; }
.co-proof .co-stats > div:nth-child(4) { border-top-color:var(--rule-inverse); }
.co-proof .co-stats > div:nth-child(4) dd { color:var(--ink-inverse); }
.co-ax { background:transparent; } /* 스튜디오 조명(.x-ground)이 유리 카드 뒤로 비치게 면을 칠하지 않는다 */
.co-ax .co-section-head h2 { color:var(--ink); }
.co-ax-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-5); }
.co-ax-layout { display:grid; grid-template-columns:1fr 1.6fr; gap: var(--space-9); }
.co-ax-intro p { margin-block: var(--space-5) var(--space-4); color:var(--ink-2); }
.co-ax .co-services { display:block; }
.co-ax .co-services article { position:relative; padding-block: var(--space-5); }
.co-ax .co-services article:first-child { padding-top:0; border-top:0; }
.co-ax .co-services article p { margin-block: var(--space-3) var(--space-2); }
.co-ax-offering { display:flex; flex-direction:column; gap: var(--space-5); padding: var(--space-6); border-radius: var(--radius-md); color:var(--ink); min-width:0; position:relative; isolation:isolate; background:var(--panel-fill); border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.co-ax-offering > div:first-child { min-height:110px; }
.co-ax-offering h4 { margin: 0 0 var(--space-2); font-size: var(--fs-h3); font-weight:600; }
.co-ax-offering .co-product-links { padding-top: var(--space-4); margin-top:auto; border-top:1px solid var(--rule); flex-direction:column; align-items:start; gap: var(--space-2); }
@media(max-width:1024px) {
 .co-proof .co-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .co-proof .co-stats dd { font-size: var(--fs-h1); }
 .company-site .co-product h3 { font-size: var(--fs-h2); }

 .co-ax-offering { padding: var(--space-5); }
 .company-site .co-ax-offering h3 { font-size: var(--fs-h2); }
}
@media(max-width:767px) {
 .co-proof { padding-block: var(--space-6) var(--space-6); }
 .co-proof .co-section-head { display:block; margin-bottom: var(--space-5); }
 .company-site .co-proof h2 { font-size: var(--fs-h3); }
 .co-proof .co-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-5) var(--space-5); }
 .co-proof .co-stats dd { font-size: var(--fs-h1); }
 .co-proof .co-stats dd span { font-size: var(--fs-body); }
 .co-proof .co-stats dt { font-size: var(--fs-body); }
 .co-ax-cards { grid-template-columns:1fr; }




 .co-ax-offering { padding: var(--space-6); }
 .co-ax-offering > div:first-child { min-height:0; }
 .co-ax-offering > div:first-child { grid-row:auto; }
 .co-ax-offering .co-product-links { margin-top:0; }
 .company-site .co-product h3,.company-site .co-ax-offering h3 { font-size: var(--fs-h2); }
}


.company-site:lang(en) .co-proof .co-stats dd span { display:block; font-size: var(--fs-body); margin: var(--space-1) 0 0; letter-spacing:0; }



.company-site .co-ax-offering h3 { font-size: var(--fs-h2); }
.co-product .co-product-copy p,.co-ax-offering .co-product-copy p { font-size: var(--fs-lead); line-height:1.75; }
@media(max-width:767px) { .company-site .co-product h3 { font-size: var(--fs-h2); } .co-product .co-product-copy p,.co-ax-offering .co-product-copy p { font-size: var(--fs-body); } }

@media(max-width:767px) {
 .co-products { gap: var(--space-4); }
 .co-product,.co-product:last-child { grid-column:auto; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto; gap: var(--space-4); padding: var(--space-5); }
 .co-product:last-child .co-product-visual { grid-column:1; grid-row:2; }
 .co-product-visual svg { max-height:210px; }
 .co-product:last-child .co-product-visual svg { max-height:180px; }
}
@media(prefers-reduced-transparency:reduce) {
 .co-product,.co-ax-offering { background:var(--solid); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
 .co-product:nth-child(2) { background:var(--panel-fill); }
 .co-product:last-child { background:var(--surface-inverse); }
}

.co-product:nth-child(2) { background:var(--panel-fill); color:var(--ink);  -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
.co-product:nth-child(2) .co-product-visual { color:var(--ink); }
.co-product:nth-child(2) .co-vig .aqua { stroke:var(--accent); }
.co-product:nth-child(2) .co-product-links a + a { color:var(--ink); }

.co-footer-links a:has(.footer-product-icon){display:inline-flex;align-items:center;gap: var(--space-2)}.footer-product-icon{display:block;flex:none}

/* 좁은 화면: clamp() 글자 크기를 DS 토큰 두 단계로 나눈 작은 쪽(DS 준수 이관 2026-10-20) */
@media (max-width: 700px) {
  .company-site h1 { font-size: var(--fs-h1); }
  .company-site h2 { font-size: var(--fs-h2); }
}