/* AEM feature 02 · two overlapping Qixu homepage experiments with click
   comparisons. Aligned A/B cards keep each result attached to its experiment.
   Shares feature 01's 832 × 520 stage, photography, window
   borders, white surfaces and restrained shadows. All values are mock data. */
.adobe-aem__visual.aem-discovery {
  position:relative;container:adobe-discovery / inline-size;isolation:isolate;
  color:var(--wy-g700);font-family:var(--wy-font-cn);line-height:1.4;
  text-align:left;letter-spacing:normal;
}
.aem-discovery::after {
  content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:14%;
  z-index:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(22,22,27,.07),rgba(22,22,27,.025) 45%,transparent);
}
.aem-discovery__scene { position:absolute;inset:0;z-index:1; }
.aem-discovery__scene *,.aem-discovery__scene *::before,.aem-discovery__scene *::after { box-sizing:border-box; }
.aem-discovery__experiment {
  position:absolute;display:flex;flex-direction:column;gap:1.4423cqw;padding:1.9231cqw;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));
  border-radius:1.9231cqw;background:var(--wy-g0);
  box-shadow:0 .9615cqw 2.8846cqw -1.4423cqw color-mix(in srgb,var(--wy-blue-dark) 14%,transparent);
}
.aem-discovery__experiment--a { inset-inline-start:5.7692cqw;inset-block-start:7.6923cqw;inline-size:37.5cqw;block-size:47.1154cqw;--aem-experiment-color:#E5BC2F; }
.aem-discovery__experiment--b { inset-inline-start:46.1538cqw;inset-block-start:7.6923cqw;inline-size:48.0769cqw;block-size:47.1154cqw;--aem-experiment-color:var(--wy-success); }
.aem-discovery__label { flex:none;color:var(--wy-ink);font-size:2.1635cqw;font-weight:500;line-height:1.4;white-space:nowrap; }
.aem-discovery__website {
  position:relative;flex:none;block-size:27.8846cqw;min-block-size:0;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--wy-blue-light) 32%,var(--wy-g100));
  border-radius:1.2019cqw;background:var(--wy-g0);
}
.aem-discovery__browserbar {
  display:flex;align-items:center;gap:.6009cqw;block-size:1.8029cqw;padding-inline:.7212cqw;
  background:linear-gradient(180deg,var(--wy-g50),color-mix(in srgb,var(--wy-g50) 75%,var(--wy-g100)));
}
.aem-discovery__dots { display:flex;gap:.3606cqw; }
.aem-discovery__dots i { inline-size:.4808cqw;block-size:.4808cqw;border-radius:50%;background:#F36C65; }
.aem-discovery__dots i:nth-child(2) { background:#F3BE48; }
.aem-discovery__dots i:nth-child(3) { background:#47B974; }
.aem-discovery__address {
  display:flex;align-items:center;justify-content:center;inline-size:48%;block-size:1.2019cqw;
  margin-inline:auto;padding-inline:.7212cqw;border-radius:.3606cqw;background:rgba(255,255,255,.65);
  color:var(--wy-g500);font-family:var(--wy-font-en);font-size:.7212cqw;line-height:1;white-space:nowrap;
}
.aem-discovery__masthead { display:flex;align-items:center;justify-content:space-between;block-size:3.2452cqw;padding-inline:1.4423cqw;background:var(--wy-g0); }
.aem-discovery__brand { color:var(--wy-ink);font-family:"Songti SC","STSong",serif;font-size:2.1635cqw;line-height:1; }
.aem-discovery__navigation { display:flex;align-items:center;gap:1.9231cqw;color:var(--wy-ink);font-size:.8413cqw;line-height:1;white-space:nowrap; }
.aem-discovery__menu { display:block;inline-size:1.2019cqw;block-size:.8413cqw;border-block:1px solid currentColor;position:relative; }
.aem-discovery__menu::after { content:"";position:absolute;inset:50% 0 auto;border-block-start:1px solid currentColor; }
.aem-discovery__hero { position:relative;block-size:calc(100% - 5.0481cqw);overflow:hidden; }
.aem-discovery__hero > img { display:block;inline-size:100%;block-size:100%;max-inline-size:none;border:0;border-radius:0;object-fit:cover;object-position:center 65%; }
.aem-discovery__hero-copy { position:absolute;inset-inline-start:4.66%;inset-block-start:12%; }
.aem-discovery__hero-title { display:block;color:var(--wy-ink);font-size:2.8846cqw;font-weight:500;line-height:1.4;letter-spacing:normal; }
.aem-discovery__hero-action { display:flex;align-items:center;justify-content:center;gap:.9615cqw;inline-size:max-content;margin-block-start:1.4423cqw;padding:.4808cqw 1.2019cqw;border:1px solid var(--wy-g700);background:rgba(255,255,255,.6);color:var(--wy-ink);font-size:.9615cqw;line-height:1.4;white-space:nowrap; }
.adobe-aem__visual .aem-discovery__hero-action svg { inline-size:1.2019cqw;block-size:1.2019cqw;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round; }
.aem-discovery__website--raster > img { display:block;inline-size:100%;block-size:100%;max-inline-size:none;border:0;border-radius:0;object-fit:cover;object-position:center top; }
.aem-discovery__metric {
  display:flex;align-items:center;justify-content:space-between;gap:1.4423cqw;
  min-block-size:5.7692cqw;margin-block-start:auto;
}
.aem-discovery__metric-label { display:flex;align-items:center;gap:.9615cqw;color:var(--wy-g700);font-size:1.9231cqw;line-height:1.4;white-space:nowrap; }
.aem-discovery__metric-label::before { content:"";flex:none;inline-size:.9615cqw;block-size:.9615cqw;border-radius:50%;background:var(--aem-experiment-color); }
.aem-discovery__value { display:block;color:var(--wy-ink);font-family:var(--wy-font-en);font-size:5.7692cqw;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:normal;white-space:nowrap; }
.aem-discovery__value--rising { display:flex;align-items:center;gap:.9615cqw; }
.aem-discovery__metric--a .aem-discovery__value { font-size:4.8077cqw; }
.adobe-aem__visual .aem-discovery__rise { flex:none;inline-size:2.8846cqw;block-size:2.8846cqw;color:var(--wy-success);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.aem-discovery__note { position:absolute;inset-inline-start:5.7692cqw;inset-block-end:2.8846cqw;color:var(--wy-g500);font-size:1.3221cqw;line-height:1.4;white-space:nowrap; }