/* Feature 01 only. The existing media track, 16:10 ratio and background stay
   with consumer-insights.css / consumer-insights-refinement.css.
   Container units respond to the actual media width, never the page viewport. */
.wy-consumer-insights .gcp-figure {
  display:block;
  padding:0;
  container-type:inline-size;
  container-name:gcp-artwork;
  isolation:isolate;
  text-align:left;
  font-family:var(--wy-font-en);
  color:var(--wy-ink);
}
.gcp-figure .gcp-scene {
  position:absolute;
  inset:0;
  --gcp-pad:min(2.8846cqw,var(--wy-s5));
  --gcp-micro:clamp(10px,1.5625cqw,var(--wy-fs-micro));
  --gcp-small:min(1.8029cqw,var(--wy-fs-small));
  --gcp-body:min(2.0433cqw,var(--wy-fs-body));
  line-height:1.4;
}
.gcp-figure .gcp-sources-label {
  position:absolute;
  left:4.8077%;
  top:13.8462%;
  font-size:var(--gcp-micro);
  font-weight:500;
  letter-spacing:var(--wy-ls-caps);
  color:var(--wy-g500);
}
.gcp-figure .gcp-connections {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  stroke:color-mix(in srgb,var(--wy-blue-light) 70%,var(--wy-primary-light));
  stroke-width:1;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
.gcp-figure .gcp-source {
  position:absolute;
  left:4.8077%;
  width:27.4038%;
  height:17.6923%;
  display:flex;
  align-items:center;
  gap:min(1.4423cqw,var(--wy-s3));
  padding:min(1.9231cqw,var(--wy-s4));
  border:1px solid color-mix(in srgb,var(--wy-g100) 72%,var(--wy-g0));
  border-radius:min(1.4423cqw,var(--wy-r-card));
  background:color-mix(in srgb,var(--wy-g0) 90%,var(--wy-g25));
  box-shadow:0 2px 8px color-mix(in srgb,var(--wy-ink) 3%,transparent);
}
.gcp-figure .gcp-source--web { top:21.1538%; }
.gcp-figure .gcp-source--crm { top:41.1538%; }
.gcp-figure .gcp-source--consent { top:61.1538%; }
.gcp-figure .gcp-source-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:min(4.3269cqw,36px);
  height:min(4.3269cqw,36px);
  border-radius:var(--wy-r-btn);
  background:color-mix(in srgb,var(--wy-blue-subtle) 72%,var(--wy-g0));
  color:var(--wy-blue-shade);
}
.gcp-figure .gcp-source--crm .gcp-source-icon {
  color:var(--wy-primary);
  background:color-mix(in srgb,var(--wy-primary-subtle) 72%,var(--wy-g0));
}
.gcp-figure .gcp-source-icon svg { width:66.6667%;height:66.6667%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.gcp-figure .gcp-source-copy { display:grid;gap:min(.2404cqw,2px);min-width:0; }
.gcp-figure .gcp-source-name { font-size:var(--gcp-small);font-weight:500;line-height:1.3;white-space:nowrap;color:var(--wy-g800); }
.gcp-figure .gcp-source-description { font-size:var(--gcp-micro);color:var(--wy-g500);white-space:nowrap; }
.gcp-figure .gcp-status { display:flex;align-items:center;gap:min(.7212cqw,6px);font-size:var(--gcp-micro);color:var(--wy-blue-shade); }
.gcp-figure .gcp-status::before { content:"";width:min(.4808cqw,var(--wy-s1));height:min(.4808cqw,var(--wy-s1));border-radius:50%;background:var(--wy-blue); }
.gcp-figure .gcp-profile {
  position:absolute;
  left:41.3462%;
  top:10.7692%;
  width:54.3269%;
  height:78.4615%;
  display:flex;
  flex-direction:column;
  border:1px solid color-mix(in srgb,var(--wy-primary-light) 26%,var(--wy-g100));
  border-radius:min(1.9231cqw,var(--wy-r-lg));
  background:var(--wy-g0);
  box-shadow:0 12px 32px -12px color-mix(in srgb,var(--wy-blue-dark) 12%,transparent),0 2px 6px color-mix(in srgb,var(--wy-ink) 3%,transparent);
}
.gcp-figure .gcp-profile-header {
  display:flex;
  align-items:center;
  gap:min(1.2019cqw,10px);
  padding:min(2.1635cqw,18px) var(--gcp-pad);
  border-bottom:1px solid var(--wy-g50);
}
.gcp-figure .gcp-profile-icon { flex:none;width:min(2.4038cqw,20px);height:min(2.4038cqw,20px);stroke:var(--wy-primary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.gcp-figure .gcp-title { font-size:var(--gcp-body);font-weight:500;white-space:nowrap;letter-spacing:0; }
.gcp-figure .gcp-profile-body { flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--gcp-pad); }
.gcp-figure .gcp-identity { display:flex;align-items:center;gap:min(1.9231cqw,var(--wy-s4)); }
.gcp-figure .gcp-avatar { flex:none;width:min(7.6923cqw,var(--wy-s8));height:min(7.6923cqw,var(--wy-s8));object-fit:cover;border-radius:50%;border:1px solid var(--wy-g50); }
.gcp-figure .gcp-person { min-width:0;display:grid;gap:min(.7212cqw,6px); }
.gcp-figure .gcp-name { font-size:min(2.8846cqw,var(--wy-fs-h3));font-weight:500;line-height:1.25;letter-spacing:var(--wy-ls-num);white-space:nowrap; }
.gcp-figure .gcp-location { font-size:var(--gcp-small);color:var(--wy-g600);white-space:nowrap; }
.gcp-figure .gcp-meta { display:flex;align-items:center;justify-content:space-between;gap:min(.9615cqw,var(--wy-s2));margin-top:min(1.9231cqw,var(--wy-s4));font-size:var(--gcp-micro); }
.gcp-figure .gcp-id { color:var(--wy-g600);font-variant-numeric:tabular-nums;white-space:nowrap; }
.gcp-figure .gcp-customer-state { display:flex;align-items:center;gap:min(.7212cqw,6px);padding:min(.3606cqw,3px) min(.9615cqw,var(--wy-s2));border-radius:var(--wy-r-full);background:color-mix(in srgb,var(--wy-blue-subtle) 60%,var(--wy-g0));color:var(--wy-blue-shade);white-space:nowrap; }
.gcp-figure .gcp-customer-state::before { content:"";width:min(.4808cqw,var(--wy-s1));height:min(.4808cqw,var(--wy-s1));border-radius:50%;background:var(--wy-blue); }
.gcp-figure .gcp-fields { display:grid;grid-template-columns:1fr 1fr;gap:min(1.9231cqw,var(--wy-s4)) min(2.8846cqw,var(--wy-s5));margin:min(2.8846cqw,var(--wy-s5)) 0 0;padding:0; }
.gcp-figure .gcp-fields>div { min-width:0; }
.gcp-figure .gcp-fields dt { margin:0 0 min(.4808cqw,var(--wy-s1));font-size:var(--gcp-micro);line-height:1.4;color:var(--wy-g500);white-space:nowrap; }
.gcp-figure .gcp-fields dd { margin:0;font-size:var(--gcp-body);line-height:1.4;color:var(--wy-g700);font-weight:500; }
.gcp-figure .gcp-completeness { margin-top:auto;padding-top:min(2.4038cqw,20px); }
.gcp-figure .gcp-progress-label { display:flex;justify-content:space-between;align-items:baseline;gap:var(--wy-s2);font-size:var(--gcp-micro);color:var(--wy-g600); }
.gcp-figure .gcp-percentage { font-size:var(--gcp-small);font-weight:500;font-variant-numeric:tabular-nums;color:var(--wy-g700); }
.gcp-figure .gcp-progress-track { height:min(.7212cqw,6px);margin-top:min(.9615cqw,var(--wy-s2));border-radius:var(--wy-r-full);background:var(--wy-g50);overflow:hidden; }
.gcp-figure .gcp-progress-track>span { display:block;width:92%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wy-primary-light),var(--wy-blue)); }
.gcp-figure .gcp-caption { position:absolute;right:4.3269%;bottom:4.0385%;display:block;font-size:min(1.5625cqw,var(--wy-fs-micro));line-height:1.4;color:var(--wy-g500); }

/* Keep a legible compact interface within the SAME 16:10 media container.
   The supporting descriptions and source label are secondary on small media. */
@container gcp-artwork (max-width:600px) {
  .gcp-figure .gcp-scene { --gcp-pad:3cqw;--gcp-micro:clamp(9px,2.6316cqw,12px);--gcp-small:clamp(10px,2.924cqw,14px);--gcp-body:clamp(11px,3.2164cqw,15px); }
  .gcp-figure .gcp-sources-label,.gcp-figure .gcp-source-description { display:none; }
  .gcp-figure .gcp-source { left:3.5088%;width:27.4854%;height:22%;padding:2.05cqw;gap:1.45cqw;align-items:flex-start; }
  .gcp-figure .gcp-source--web { top:15%; }
  .gcp-figure .gcp-source--crm { top:39%; }
  .gcp-figure .gcp-source--consent { top:63%; }
  .gcp-figure .gcp-source-icon { width:4.68cqw;height:4.68cqw;border-radius:var(--wy-r-sm);margin-top:.5cqw; }
  .gcp-figure .gcp-source-icon svg { width:100%;height:100%; }
  .gcp-figure .gcp-source-copy { gap:1cqw; }
  .gcp-figure .gcp-source-name { white-space:normal;font-size:var(--gcp-small);line-height:1.12; }
  .gcp-figure .gcp-status { font-size:var(--gcp-micro);gap:1cqw;line-height:1.1; }
  .gcp-figure .gcp-status::before { width:.75cqw;height:.75cqw; }
  .gcp-figure .gcp-connections { opacity:.65; }
  .gcp-figure .gcp-profile { left:36.2573%;top:5.5%;width:60.234%;height:87%;border-radius:2.5cqw; }
  .gcp-figure .gcp-profile-header { padding:2cqw var(--gcp-pad);gap:1.45cqw; }
  .gcp-figure .gcp-profile-icon { width:3.51cqw;height:3.51cqw; }
  .gcp-figure .gcp-title { font-size:var(--gcp-small); }
  .gcp-figure .gcp-profile-body { padding:2.5cqw var(--gcp-pad); }
  .gcp-figure .gcp-identity { gap:2.05cqw; }
  .gcp-figure .gcp-avatar { width:9.36cqw;height:9.36cqw; }
  .gcp-figure .gcp-name { font-size:clamp(13px,4.0936cqw,18px); }
  .gcp-figure .gcp-person { gap:.5cqw; }
  .gcp-figure .gcp-location { font-size:var(--gcp-micro); }
  .gcp-figure .gcp-meta { margin-top:1.75cqw;gap:1cqw; }
  .gcp-figure .gcp-id-label { display:none; }
  .gcp-figure .gcp-customer-state { padding:.5cqw 1cqw;gap:1cqw; }
  .gcp-figure .gcp-fields { gap:1.75cqw 1cqw;margin-top:2.05cqw; }
  .gcp-figure .gcp-fields dt { margin-bottom:.25cqw;font-size:var(--gcp-micro);line-height:1.2; }
  .gcp-figure .gcp-fields dd { font-size:var(--gcp-body);line-height:1.25; }
  .gcp-figure .gcp-completeness { padding-top:1.75cqw; }
  .gcp-figure .gcp-progress-label { font-size:var(--gcp-micro);line-height:1.2; }
  .gcp-figure .gcp-progress-track { height:.8772cqw;margin-top:1cqw; }
  .gcp-figure .gcp-percentage { font-size:var(--gcp-small); }
  .gcp-figure .gcp-caption { right:3.5088%;bottom:1.4%;font-size:clamp(8px,2.3392cqw,11px);line-height:1; }
}
@container gcp-artwork (max-width:340px) {
  .gcp-figure .gcp-source { width:29%;height:25.5%;padding:1.5cqw;gap:1cqw; }
  .gcp-figure .gcp-source--web { top:11.5%; }
  .gcp-figure .gcp-source--crm { top:39%; }
  .gcp-figure .gcp-source--consent { top:66.5%; }
  .gcp-figure .gcp-source-icon { width:3.8cqw;height:3.8cqw; }
  .gcp-figure .gcp-source-name { line-height:1.05; }
  .gcp-figure .gcp-profile-header { padding-block:1.5cqw; }
  .gcp-figure .gcp-profile-body { padding-block:1.75cqw; }
  .gcp-figure .gcp-avatar { width:8cqw;height:8cqw; }
  .gcp-figure .gcp-meta { margin-top:1cqw; }
  .gcp-figure .gcp-fields { row-gap:1cqw;margin-top:1.25cqw; }
  .gcp-figure .gcp-completeness { padding-top:.5cqw; }
}