/* Explanatory service artwork stays attached to its matching copy and deliverables. */
.r134-explainer{margin:0;min-width:0;border:1px solid #e6dff0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#faf8fd,#f4f8fa);color:#302347}
.r134-picture{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:#f8f6f3;display:flex;justify-content:center;--r134-art-height:clamp(230px,25vw,380px)}
.r134-image-canvas{position:relative;width:100%;max-width:calc(var(--r134-art-height)*var(--r134-art-ratio,1.5));flex:none}
.r134-picture .r134-image-canvas>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain!important;object-position:center;mix-blend-mode:normal}
.r134-pin{position:absolute;left:var(--r134-x);top:var(--r134-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:#6445c3;color:#fff;font-size:11px;font-weight:750;line-height:1;box-shadow:0 3px 12px #31204435;pointer-events:none}
.r134-explainer>figcaption{padding:14px 16px!important;text-align:left!important;border-top:1px solid #e8e2ef!important;background:#ffffffd9}
.r134-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none!important;padding:0!important;margin:0!important}
.r134-key li{display:flex;gap:8px;align-items:flex-start;min-width:0;margin:0;padding:0;list-style:none}
.r134-key li>b{color:#9075b9;font-size:12px;line-height:1.6;font-weight:650}
.r134-key strong{display:block;color:#3c2857;font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.r134-key small{display:block;color:#82738f;font-size:12px;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}
.r134-explainer-note{display:block;margin-top:10px;color:#998ca4;font-size:10px;line-height:1.5}
#customer-operations .r134-explainer,#overseas-localization .r134-explainer{border:0;border-radius:0}
#customer-operations .r134-picture,#overseas-localization .r134-picture{--r134-art-height:clamp(230px,25vw,330px)}
#customer-operations .r55-extension-copy,#overseas-localization .r55-extension-copy{padding-top:19px}
#customer-operations .r55-extension-copy>p,#overseas-localization .r55-extension-copy>p{font-size:15px;line-height:1.8}
.r77-services #brand-introduction .r35-studio-head>.r134-explainer{margin:0;min-width:0;border:1px solid #e6dff0;border-radius:18px;background:#f7f7fa}
.r77-services #brand-introduction .r134-picture{--r134-art-height:clamp(260px,28vw,390px)}
#creative-decision .r134-creative-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:center}
#creative-decision .r134-creative-reading{min-width:0}
#creative-decision .r134-creative-reading .r55-creative-checks{grid-template-columns:minmax(0,1fr);gap:13px}
#creative-decision .r134-creative-reading .r55-creative-checks>div{border-left:2px solid #a78be3;border-radius:0 12px 12px 0;padding:16px 19px;background:#f8f5fc}
#creative-decision .r134-creative-reading .r55-creative-checks h3{font-size:20px;line-height:1.45}
#creative-decision .r134-creative-reading .r55-creative-checks p{font-size:16px;line-height:1.8}
#creative-decision .r134-creative-reading .r55-method-support{margin-top:15px}
#creative-decision .r134-creative-reading .r55-method-support p{font-size:14px;line-height:1.8}
#content-evolution .r55-review-layout{grid-template-columns:minmax(230px,.6fr) minmax(0,1.4fr);gap:24px}
#main.r124-company-page #resource-network .r134-resource-art{border:1px solid #e6dff0;background:#f6f7fa}
#main.r124-company-page #resource-network .r134-resource-art .r134-picture{--r134-art-height:clamp(245px,26vw,380px)}
#main.r124-company-page #resource-network .r134-resource-art .r134-picture img{height:auto;width:100%;object-fit:contain!important;mix-blend-mode:normal}
#main.r124-company-page #resource-network .r134-resource-art figcaption{font-size:11px;padding:8px 14px 12px;color:#8a789e}
@media(max-width:900px){
 #creative-decision .r134-creative-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 #creative-decision .r134-explainer{max-width:720px;width:100%;justify-self:center}
 #content-evolution .r55-review-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .r134-picture{--r134-art-height:clamp(220px,50vw,360px)}
}
@media(max-width:560px){
 .r134-explainer>figcaption{padding:12px!important}
 .r134-key{gap:8px;grid-template-columns:minmax(0,1fr)}
 .r134-key li{align-items:baseline;gap:9px}
 .r134-key li>span{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:9px}
 .r134-key strong{font-size:14px}
 .r134-key small{margin:0;font-size:12px}
 .r134-pin{width:24px;height:24px;font-size:10px}
 #creative-decision .r134-creative-reading .r55-creative-checks p{font-size:15px}
 #customer-operations .r134-picture,#overseas-localization .r134-picture{--r134-art-height:220px}
}

/* R134 explanatory artwork only. Existing copy, media and controller state remain authoritative. */
#content-evolution .r134-review-figure {
  min-width:0;margin:0;padding:0;border:1px solid #e1d8eb;border-radius:17px;
  background:linear-gradient(135deg,#fbf9ff 0%,#fffefd 58%,#f1f9f8 100%);
  overflow:visible;container-type:inline-size;container-name:r134-review;
}
#content-evolution .r134-review-steps {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;
  list-style:none;counter-reset:r134-review;margin:0;padding:17px 18px;
}
#content-evolution .r134-review-steps>li {
  display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:11px;
  min-width:0;min-height:111px;margin:0;padding:0;counter-increment:r134-review;
  border:0;background:none;box-shadow:none;
}
#content-evolution .r134-review-visual { min-width:0; }
#content-evolution .r134-review-visual svg.r134-illustration {
  display:block;width:100%;height:auto;max-width:none;aspect-ratio:5/3;overflow:visible;
}
#content-evolution .r134-review-copy { min-width:0; }
#content-evolution .r134-review-copy h3 {
  margin:0 0 6px;color:#554164;font-size:15px;font-weight:650;line-height:1.45;
  letter-spacing:0;overflow-wrap:break-word;text-wrap:pretty;
}
#content-evolution .r134-review-copy h3::before {
  content:counter(r134-review,decimal-leading-zero) " / ";
  color:#927ba8;font-size:11px;font-weight:500;white-space:nowrap;
}
#content-evolution .r134-review-copy p {
  margin:0;color:#786a84;font-size:13px;line-height:1.65;overflow-wrap:break-word;
}
#content-evolution .r134-review-detail {
  display:inline-block;margin-top:6px;padding:2px 7px;border:1px solid #cfe6e3;
  border-radius:5px;background:#edf8f5;color:#437b80;font-size:10px;line-height:1.55;
}
#content-evolution .r134-review-figure>figcaption {
  position:static;margin:0;padding:9px 15px;border-top:1px solid #e6deee;
  background:#ffffff75;color:#81728e;font-size:11px;line-height:1.55;text-align:left;
}
@container r134-review (max-width:540px) {
  #content-evolution .r134-review-steps { grid-template-columns:1fr;gap:9px;padding:14px; }
  #content-evolution .r134-review-steps>li { grid-template-columns:100px minmax(0,1fr);min-height:76px;gap:13px; }
  #content-evolution .r134-review-copy h3 { font-size:14px;margin-bottom:4px; }
  #content-evolution .r134-review-copy p { font-size:12px;line-height:1.6; }
}
@container r134-review (max-width:320px) {
  #content-evolution .r134-review-steps>li { grid-template-columns:76px minmax(0,1fr);gap:10px; }
  #content-evolution .r134-review-copy h3 { font-size:13px; }
}
/* Conservative fallback keeps a small embedded figure readable without container queries. */
@supports not (container-type:inline-size) {
  #content-evolution .r134-review-steps { grid-template-columns:1fr; }
  #content-evolution .r134-review-steps>li { min-height:76px; }
}

[data-record] .r134-work-explainer {
  min-width:0;margin:14px 0 0;padding:9px 0 0;border-top:1px solid #e7e0ee;
}
[data-record] .r134-work-explainer>ol {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  list-style:none;margin:0;padding:0;
}
[data-record] .r134-work-explainer>ol>li {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
}
[data-record] .r134-work-explainer svg.r134-illustration {
  display:block;width:100%;height:auto;max-width:140px;aspect-ratio:5/3;
  margin:0 auto 5px;overflow:visible;flex:none;
}
[data-record] .r134-work-explainer>ol>li>span {
  display:block;position:static;margin:0;padding:0;max-width:100%;color:#78628c;
  font-size:12px;font-weight:500;line-height:1.5;text-align:center;
  white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;
}
/* Override R129's 25px generic node-icon dimensions only for these three new objects. */
#main.r124-company-page #team .r129-deliverables svg.r134-delivery-object {
  display:block;width:62px;height:auto;max-width:100%;aspect-ratio:5/3;
  flex:0 0 auto;margin:0;overflow:visible;
}
@media(max-width:600px) {
  [data-record] .r134-work-explainer>ol { gap:6px; }
  [data-record] .r134-work-explainer svg.r134-illustration { max-width:120px; }
  [data-record] .r134-work-explainer>ol>li>span { font-size:11px; }
  #main.r124-company-page #team .r129-deliverables svg.r134-delivery-object { width:56px;margin-bottom:3px; }
}
/* Artwork remains static; no timers, motion, new focus targets or reduced-motion exceptions. */


/* Keep explanatory labels readable alongside the existing larger work analysis. */
#content-evolution .r134-review-copy h3{font-size:16px}
#content-evolution .r134-review-copy p{font-size:14px}
[data-record] .r134-work-explainer>ol>li>span{font-size:14px;line-height:1.55}
#main.r124-company-page #team .r129-deliverables li{font-size:14px}
@media(max-width:600px){
 [data-record] .r134-work-explainer>ol>li>span{font-size:12px}
 #main.r124-company-page #team .r129-deliverables li{font-size:12px}
}
