/* Readable examples and scene annotations within the existing editorial design. */
.concept-flow{margin:30px 0 8px}
.concept-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.concept-flow li{position:relative;border-top:2px solid #334b67;padding:18px 0 10px;min-width:0}
.concept-flow li+li:before{content:'';position:absolute;top:24px;left:-15px;width:6px;height:6px;border-top:1px solid #768392;border-right:1px solid #768392;transform:rotate(45deg)}
.concept-flow strong{display:block;font-size:16px;line-height:1.5;color:#18232f;font-weight:600}
.concept-flow span{display:block;margin-top:9px;font-size:13px;line-height:1.7;color:#59616b}
.paper-structure{display:flex;flex-direction:column;background:#fff;border:1px solid #dce1e6;padding:12px 22px}
.paper-structure>div{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.2fr);gap:18px;position:relative;align-items:center;padding:14px 0}
.paper-structure>div+div{border-top:1px solid #e5e8ec}
.paper-structure>div+div:before{content:'';position:absolute;left:10px;top:-4px;width:6px;height:6px;transform:rotate(135deg);border-top:1px solid #7b8793;border-right:1px solid #7b8793;background:#fff}
.paper-structure strong{font-size:14px;line-height:1.6;color:#253c58;font-weight:600}
.paper-structure span{font-size:13px;line-height:1.65;color:#59616b}
.application-story{margin:30px 0 34px;background:#fff;border:1px solid #d5dde6;padding:28px 30px}
.application-story figcaption{display:block;margin:0 0 24px;padding:0;border:0}
.story-example-label{display:block;margin-bottom:10px;color:#59616b;font-size:12px;line-height:1.6}
.application-story figcaption h3{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:0;max-width:38ch;color:#18232f}
.story-input{padding:20px 22px;background:#edf2f7}
.story-input>span{font-size:12px;color:#4d6179}
.story-input>p{font-size:21px;line-height:1.6;letter-spacing:-.025em;color:#18232f;margin:7px 0 0;font-weight:500;text-wrap:balance}
.story-work{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}
.story-role h4,.story-output>h4{font-size:16px;font-weight:650;line-height:1.5;color:#273b52;margin:0 0 12px}
.story-role ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.story-role li{font-size:14px;line-height:1.8;color:#50565e}
.story-role--engine{border-top:1px solid #2457e6;padding-top:15px}
.story-role--ai{border-top:1px solid #a2acb8;padding-top:15px}
.story-output{border-top:1px solid #dce1e6;padding-top:22px;margin-top:26px}
.story-answer{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:0;list-style:none}
.story-answer li{font-size:15px;line-height:1.7;color:#253c58;padding:0 0 6px;border-bottom:1px solid #c8d4e2}
.story-revision{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.story-revision span{font-size:12px;color:#59616b}
.story-revision p{font-size:16px;line-height:1.8;margin:8px 0 0;color:#18232f}
.story-revision s{color:#646a73;text-decoration-color:#9ba5af;text-decoration-thickness:1px}
.story-revision>div:last-child p{color:#204b82}
.story-publications,.story-evidence-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
.story-publications dt,.story-evidence-states dt{font-size:16px;line-height:1.6;font-weight:600;color:#253c58}
.story-publications dd,.story-evidence-states dd{font-size:13px;line-height:1.75;color:#50565e;margin:8px 0 0}
.story-evidence-states>div+div{border-left:1px solid #dce1e6;padding-left:20px}
.story-evidence-states>div:nth-child(2) dt{color:#725a31}
.story-evidence-states>div:nth-child(3) dt{color:#804b43}
.story-knowledge-delivery>.story-role--engine{margin:24px 0 0}
.story-role--reader{margin-top:24px;padding-top:20px;border-top:1px solid #dce1e6}
.story-role--reader ul{display:flex;flex-wrap:wrap;gap:8px 28px}
.story-query-paths{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.story-query-paths h5{margin:0;font-size:15px;line-height:1.6;font-weight:600;color:#253c58}
.story-query-paths p{font-size:14px;line-height:1.8;color:#50565e;margin:8px 0 0}
.story-query-paths>div:last-child{border-top:1px solid #2457e6;padding-top:14px}
.story-query-paths>div:first-child{border-top:1px solid #a2acb8;padding-top:14px}
.responsibility-map{margin:0}
.responsibility-map ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.responsibility-map li{position:relative;border-top:1px solid #b9c5d3;padding-top:20px;min-width:0}
.responsibility-map li:nth-child(2),.responsibility-map li:nth-child(3){border-top:2px solid #2457e6;padding-top:19px}
.responsibility-map li+li:before{content:'';position:absolute;left:-20px;top:69px;width:8px;height:8px;border-top:1px solid #768392;border-right:1px solid #768392;transform:rotate(45deg)}
.responsibility-step{display:block;font-size:13px;color:#5c6e82;margin-bottom:18px;font-variant-numeric:tabular-nums}
.responsibility-map h3{font-size:22px;line-height:1.5;margin:0 0 12px;font-weight:600;color:#18232f}
.responsibility-map p{font-size:15px;line-height:1.85;color:#50565e;margin:0}
.responsibility-map figcaption{font-size:13px;line-height:1.8;color:#59616b;margin-top:28px;max-width:76ch}
.architecture-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px;padding-top:24px;border-top:1px solid #dce1e6}
.architecture-links .text-link{font-size:14px}
.motion-labels{position:absolute;inset:0;pointer-events:none}
.motion-labels>span{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#253c58;background:#fafaf8f5;padding:3px 5px;font-size:clamp(12px,1.14vw,16px);line-height:1.45;font-weight:500;overflow-wrap:normal;word-break:normal;text-wrap:balance}
html[lang=ko] .motion-labels>span{word-break:keep-all}
.motion-signature{position:absolute;bottom:4%;left:0;width:100%;text-align:center;margin:0;font-size:clamp(15px,1.4vw,20px);font-weight:650;letter-spacing:-.025em;color:#18232f}
.motion-brand{position:absolute;left:27%;top:39%;width:46%;padding:7px;background:#fafaf8;transform:translateY(-50%)}
.motion-brand img{display:block;width:100%;height:auto}
.qm-opening[data-phase="2"] .motion-brand{top:33%}
.company-hero--motion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:42px;min-height:580px;padding-top:38px;padding-bottom:42px}
.company-hero--motion .home-copy{max-width:none;min-width:0}
.company-hero--motion .home-copy h1{max-width:100%;text-wrap:balance}
.company-hero--motion .company-definition{max-width:54ch}
.company-hero--motion .company-definition p{max-width:48ch}
.company-hero--motion .qm-opening{width:100%;max-width:600px;justify-self:end}
.company-hero--motion .qm-opening figcaption{min-height:62px}
.company-hero--motion .qm-opening figcaption p{max-width:28ch}
.qm-answer-labels>span:first-child{font-size:clamp(16px,1.6vw,23px);font-weight:600;color:#18232f}
.qm-answer-labels>span:last-child{font-size:clamp(12px,1.1vw,15px)}
@media(max-width:1100px){
 .concept-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
 .concept-flow li:nth-child(3):before{display:none}
 .company-hero--motion{gap:26px;min-height:520px}
 .responsibility-map ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
 .responsibility-map li:nth-child(3):before{display:none}
 .story-work,.story-query-paths,.story-revision{gap:22px}
 .paper-structure{padding:10px 17px}
}
@media(max-width:780px){
 .company-hero--motion{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:32px;padding-bottom:28px}
 .company-hero--motion .qm-opening{justify-self:center;max-width:460px;margin:0}
 .company-hero--motion .company-definition{margin-top:18px}
 .company-hero--motion .company-definition p{font-size:14px;line-height:1.75}
 .company-hero--motion .qm-opening figcaption{min-height:0}
 .application-story{padding:22px 20px;margin-block:24px 28px}
 .application-story figcaption h3{font-size:20px;line-height:1.5;max-width:none}
 .story-input{padding:17px 18px}
 .story-input>p{font-size:19px}
 .story-work,.story-revision,.story-query-paths{grid-template-columns:1fr;gap:23px}
 .story-publications,.story-evidence-states{grid-template-columns:1fr;gap:18px}
 .story-publications>div,.story-evidence-states>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:15px}
 .story-publications dd,.story-evidence-states dd{margin:0}
 .story-evidence-states>div+div{border-left:0;border-top:1px solid #dce1e6;padding:16px 0 0}
 .story-answer{display:grid;gap:9px}
 .story-answer li{padding-bottom:8px}
 .responsibility-map ol{grid-template-columns:1fr;gap:22px}
 .responsibility-map li{display:grid;grid-template-columns:26px 1fr;gap:16px;padding-top:18px}
 .responsibility-map li+li:before{display:none}
 .responsibility-step{margin:6px 0 0}
 .responsibility-map h3{font-size:21px;margin-bottom:8px}
 .responsibility-map p{font-size:14px}
 .concept-flow strong{font-size:15px}
 .concept-flow span{font-size:12px}
 .paper-structure strong{font-size:14px}
 .paper-structure span{font-size:13px}
 .motion-signature{bottom:2%}
}
@media(max-width:370px){
 .application-story{padding:20px 15px}
 .story-input{padding:15px}
 .story-input>p{font-size:18px}
 .story-publications>div,.story-evidence-states>div{grid-template-columns:82px minmax(0,1fr);gap:12px}
 .motion-labels>span{font-size:12px;padding-inline:2px}
}