/* WMBB visual system: restrained terracotta, clear diagrams, controllable motion. */
:root{--point:#b34e31;--point-soft:#f5ece8}
.ui-icon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.service-mark{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.service-mark>.ui-icon{width:32px;height:32px}.service-mark .number{font-size:13px;color:var(--point)}
.service .en{color:var(--point)}.hero h1 span{color:var(--ink);-webkit-text-fill-color:var(--ink)}
.text-link:hover,summary:hover{color:var(--point)}.button:hover,.nav-contact:hover{background:var(--point);border-color:var(--point)}
.process-mark{display:flex;align-items:center;gap:14px}.process-mark>.ui-icon{width:30px;height:30px}.process-list .process-mark span{color:var(--point);font-size:14px}.process-list li{border-color:#d6d6d6}
.email{display:inline-flex;align-items:center;gap:16px}.email .ui-icon{filter:invert(1);width:28px;height:28px}
.visual-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.visual-toolbar>span{font-size:13px;letter-spacing:.045em;color:#666}
.motion-toggle{font:inherit;font-size:13px;white-space:nowrap;border:1px solid #ddd;background:#fff;color:#555;border-radius:30px;min-height:40px;padding:7px 16px;cursor:pointer}.motion-toggle:hover{border-color:#888;color:#191919}.motion-toggle:focus-visible{outline:2px solid var(--point);outline-offset:4px}
.os-motion{padding:32px;background:#f7f7f7;border:1px solid #e6e6e6;border-radius:8px}.os-nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.os-nodes li{position:relative;background:white;border:1px solid #d9d9d9;border-radius:6px;padding:24px 20px;animation:nodeFocus 12s infinite;animation-delay:calc(var(--step)*3s);animation-play-state:paused;min-width:0}
.os-nodes li:not(:last-child):after{content:"";position:absolute;left:100%;top:60px;width:30px;height:2px;background:linear-gradient(90deg,#ddd 25%,#b34e31 50%,#ddd 75%);background-size:200% 100%;animation:connectorFlow 3s linear infinite;animation-play-state:paused}
.os-node-icon{width:50px;height:50px;border:1px solid #e5e5e5;background:#fafafa;display:grid;place-items:center;border-radius:8px;margin-bottom:26px}.os-node-icon .ui-icon{width:27px;height:27px}.step-number{position:absolute;right:20px;top:28px;font-size:13px;color:#777}.os-nodes h3{font-size:22px;margin:0 0 12px;letter-spacing:-.03em}.os-nodes p{font-size:14px;line-height:1.7;margin:0}.os-nodes small{display:block;font-size:13px;color:#777;margin-top:16px;line-height:1.7}.feedback-loop{display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px dashed #ccc;padding-top:22px;margin-top:28px;font-size:14px;color:#606060}.feedback-loop>.ui-icon{width:20px;height:20px}
@keyframes nodeFocus{0%,24%{border-color:#b34e31;box-shadow:inset 0 3px 0 #b34e31}25%,100%{border-color:#d9d9d9;box-shadow:inset 0 3px 0 transparent}}
@keyframes connectorFlow{to{background-position:-200% 0}}
.education-logos{margin:0 0 40px;border-bottom:1px solid #dedede;padding-bottom:24px}.education-logos .visual-toolbar{margin-bottom:14px}.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.logo-track{display:flex;width:max-content;animation:logoRoll 20s linear infinite;animation-play-state:paused}.logo-set{display:flex;align-items:center;flex-shrink:0;gap:48px;padding-right:48px}.logo-item{height:92px;min-width:140px;width:160px;display:flex;align-items:center;justify-content:center}.logo-item img{display:block;max-width:140px;max-height:43px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.9}.logo-item img[src*="sba"]{max-height:56px}.logo-item img[src*="busan"],.logo-item img[src*="logo-kb"]{max-width:132px}
@keyframes logoRoll{to{transform:translateX(-50%)}}
.has-motion.in-view .logo-track,.has-motion.in-view .os-nodes li,.has-motion.in-view .os-nodes li:after{animation-play-state:running}.motion-off .logo-track,.motion-off .os-nodes li,.motion-off .os-nodes li:after{animation-play-state:paused!important}
.work-grid article{background:#f7f7f7;border:1px solid #ededed;border-radius:6px;padding:26px}.case-brand{flex-wrap:wrap;height:62px;gap:8px 14px}.case-brand img{max-height:32px}.case-brand span{font-size:13px}.work-grid h3{font-size:23px}.case-diagram{border-radius:4px}.education-more{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;margin-top:48px;padding-top:36px;border-top:1px solid #ddd}.education-more h3{display:flex;align-items:center;gap:12px;font-size:21px;margin:0 0 26px}.education-more dl{margin:0}.education-more dl>div{display:grid;grid-template-columns:95px 1fr;gap:18px;margin:15px 0;font-size:15px}.education-more dt{color:#777}.education-more dd{margin:0}.education-results>div{display:grid;grid-template-columns:1fr 1fr;gap:28px}.education-results p{margin:0}.education-results strong{display:block;font-size:36px;line-height:1.3;font-weight:600;color:#191919}.education-results strong span{font-size:16px;color:#777}.education-results b{font-size:14px;display:block;font-weight:500;color:#444;margin-top:12px}.education-results small{display:block;font-size:12px;color:#777;margin-top:5px}
.founder{align-items:start}.founder-identity{min-width:0}.founder-character{max-width:300px;margin:32px 0 0}.founder-character img{width:100%;height:auto;display:block}.founder-book{display:flex;align-items:flex-start;gap:18px;margin-top:32px;padding:24px;background:#f7f7f7;border-radius:6px}.founder-book>.ui-icon{margin-top:4px}.founder-book .eyebrow{font-size:11px;margin:0 0 8px;color:var(--point)}.founder-book h4{font-size:20px;margin:0 0 10px}.founder-book p:not(.eyebrow){font-size:15px;margin:0}.founder-book small{display:block;color:#777;font-size:12px;margin-top:10px}.founder-channels{margin-top:32px}.founder-channels .channel-links a{border-radius:4px}.founder-channels .channel-links a:hover{border-color:var(--point)!important;color:var(--ink)}
@media(max-width:1000px){.os-nodes{gap:18px}.os-nodes li{padding:20px 14px}.os-nodes h3{font-size:20px}.os-nodes li:not(:last-child):after{width:18px}.os-nodes p{font-size:13px}.education-more{gap:32px}.work-grid{gap:20px}}
@media(max-width:760px){.logo-track{animation-duration:16s}.os-motion{padding:24px}.os-nodes{grid-template-columns:1fr 1fr;gap:20px}.os-nodes li:not(:last-child):after{display:none}.education-more{grid-template-columns:1fr;gap:35px}.logo-set{gap:24px;padding-right:24px}.logo-item{width:140px;min-width:140px}.founder-character{max-width:230px;margin:25px auto}.work-grid article{padding:24px}.service-mark>.ui-icon{width:25px;height:25px}.service-mark .number{font-size:12px}}
@media(max-width:480px){.os-motion{padding:18px}.visual-toolbar{gap:10px;margin-bottom:22px}.visual-toolbar>span{font-size:11px;letter-spacing:0}.motion-toggle{font-size:12px;padding:6px 12px}.os-nodes{grid-template-columns:1fr;gap:16px}.os-nodes li{padding:18px 18px 18px 78px;min-height:124px}.os-node-icon{position:absolute;left:18px;top:20px;width:42px;height:42px;margin:0}.os-node-icon .ui-icon{width:24px;height:24px}.step-number{right:14px;top:10px;font-size:11px}.os-nodes h3{font-size:20px;margin-bottom:6px}.os-nodes small{font-size:12px;margin-top:8px}.feedback-loop{align-items:flex-start;font-size:13px;line-height:1.7}.feedback-loop>.ui-icon{margin-top:3px}.education-more dl>div{grid-template-columns:1fr;gap:3px;margin:18px 0}.education-results strong{font-size:32px}.founder-book{padding:20px;gap:14px}.founder-book h4{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.logo-track,.os-nodes li,.os-nodes li:after{animation:none!important}.logo-window{overflow-x:auto;mask-image:none}.logo-set[aria-hidden]{display:none}.motion-toggle{display:none}.os-nodes li:nth-child(2){border-color:#b34e31}.logo-set{padding-right:0}}

.hero-actions{flex-wrap:wrap;gap:14px 18px}.hero-actions .button-aba{background:transparent;color:var(--point);border-color:var(--point)}.hero-actions .button-aba:hover{background:var(--point);color:#fff}

.online-course{display:flex;gap:18px;align-items:flex-start;margin-top:20px;padding:24px;border:1px solid #ddd;border-radius:6px}.online-course>.ui-icon{margin-top:4px}.online-course .eyebrow{font-size:12px;color:var(--point);margin:0 0 8px}.online-course h4{font-size:20px;margin:0 0 18px}.online-course .button{font-size:14px}@media(max-width:480px){.online-course{padding:20px;gap:14px}.online-course h4{font-size:19px}}

/* Illustration-aligned UI tokens */
:root{--ink:#292a27;--muted:#656560;--line:#dedbd5;--surface:#f7f7f5;--point:#b34e31;--point-soft:#f6ece7;--radius-control:4px;--radius-panel:6px}
.button,.nav-contact,.motion-toggle{border-radius:var(--radius-control)}
.services,.aba-section{background:var(--surface)}
.company-hero-art img,.education-spread img,.aba-grid img{background:#fff;border-radius:var(--radius-panel);mix-blend-mode:multiply;filter:none}
.company-hero-art figcaption,.aba-grid figcaption{color:var(--muted);font-size:13px;line-height:1.7}
.ui-icon{opacity:.96}.os-node-icon{background:#fff;border-color:var(--line);border-radius:var(--radius-control)}
.service-mark>.ui-icon,.process-mark>.ui-icon{width:30px;height:30px}
.service .en,.service-mark .number,.process-list .process-mark span,.founder-book .eyebrow,.online-course .eyebrow{color:var(--point)}
.os-motion,.work-grid article,.founder-book{background:var(--surface);border-color:var(--line);border-radius:var(--radius-panel)}
.os-nodes li,.online-course,.channel-links a{border-color:var(--line);border-radius:var(--radius-control)}
.feedback-loop{border-top-style:solid;border-color:var(--line)}
.education-more,.education-logos,.process-list li{border-color:var(--line)}
.education-results strong,.education-more h3,.work-grid h3,.os-nodes h3{color:var(--ink)}
.motion-toggle{color:var(--muted);border-color:var(--line)}.motion-toggle:hover{border-color:var(--point);color:var(--point)}
.founder-book,.online-course{box-shadow:none}
@media(max-width:760px){.service-mark>.ui-icon{width:24px;height:24px}}

/* Only hovering the logos pauses them; the play button must be able to resume. */
@media(hover:hover){.logo-window:hover .logo-track{animation-play-state:paused!important}}