/* Product and cooperation landing page, using the factory's photographic rhythm. */
body.qiai-aligned-20261007 .qs-products {
  --qs-ink: var(--qa-ink);
  --qs-muted: var(--qa-muted);
  --qs-line: var(--qa-line);
  --qs-paper: var(--qa-wash);
  background: var(--qa-paper);
}
body.qiai-aligned-20261007 .qs-shell { width: var(--qa-width); max-width: 1200px; }
body.qiai-aligned-20261007 .qs-hero {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  max-width: none;
  height: calc(100vh - 64px);
  min-height: 748px;
  max-height: 920px;
  padding: 0;
  color: #fff;
  overflow: hidden;
  background: #182e32 url('/images/content-redesign-20261007/products-showroom.webp') 50% 50% / cover no-repeat;
}
body.qiai-aligned-20261007 .qs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg,rgba(6,24,26,.87),rgba(6,24,26,.62) 38%,rgba(6,24,26,.12) 76%),linear-gradient(0deg,rgba(6,24,26,.35),transparent 40%);
}
body.qiai-aligned-20261007 .qs-hero-copy {
  position: absolute;
  left: max(80px,calc((100% - 1200px)/2));
  top: 50%;
  transform: translateY(-53%);
  max-width: 590px;
  padding: 0;
}
body.qiai-aligned-20261007 .qs-hero .qs-overline {
  color: #e7f0ec;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .12em;
  margin-bottom: 30px;
}
body.qiai-aligned-20261007 .qs-hero h1 {
  color: #fff;
  font-size: 68px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -.025em;
  margin-bottom: 28px;
}
body.qiai-aligned-20261007 .qs-hero-copy > p:not(.qs-overline) { color: #edf2ef; font-size: 18px; line-height: 1.9; max-width: 480px; }
body.qiai-aligned-20261007 .qs-solid { background: var(--qa-green); border-radius: 0; font-size: 15px; font-weight: 500; padding: 17px 22px; }
body.qiai-aligned-20261007 .qs-hero .qs-solid { background: #fff; color: var(--qa-ink) !important; }
body.qiai-aligned-20261007 .qs-hero .qs-text-link { color: #fff; border-color: #c7d3cd; }
body.qiai-aligned-20261007 .qs-hero-stage {
  position: absolute;
  right: max(80px,calc((100% - 1200px)/2));
  bottom: 42px;
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 20px;
  align-items: center;
  width: 330px;
  min-height: 0;
  padding: 16px;
  background: rgba(250,251,248,.96);
  color: var(--qa-ink);
}
body.qiai-aligned-20261007 .qs-hero-stage::before { display: none; }
body.qiai-aligned-20261007 .qs-hero-stage > a { padding: 0; height: 86px; }
body.qiai-aligned-20261007 .qs-hero-stage img { width: 86px; height: 86px; mix-blend-mode: normal; }
body.qiai-aligned-20261007 .qs-hero-caption { position: static; display: grid; gap: 10px; font-size: 14px; }
body.qiai-aligned-20261007 .qs-hero-caption span { color: var(--qa-muted); font-size: 12px; }
body.qiai-aligned-20261007 .qs-intro-line { padding: 25px 0; border-top: 0; }
body.qiai-aligned-20261007 :is(.qs-collection,.qs-brands,.qs-resources) { padding: 96px 0; }
body.qiai-aligned-20261007 .qs-overline { font-size: 12px; font-weight: 500; letter-spacing: .12em; color: var(--qa-green); }
body.qiai-aligned-20261007 .qs-section-heading { margin-bottom: 44px; gap: 48px; }
body.qiai-aligned-20261007 .qs-section-heading h2 { font-size: 42px; line-height: 1.4; font-weight: 500; letter-spacing: -.025em; }
body.qiai-aligned-20261007 .qs-section-heading > p { font-size: 16px; line-height: 1.9; }
body.qiai-aligned-20261007 .qs-tabs { border-color: var(--qa-line); }
body.qiai-aligned-20261007 .qs-tabs button { color: var(--qa-muted); }
body.qiai-aligned-20261007 .qs-tabs button[aria-selected="true"] { color: var(--qa-green); }
body.qiai-aligned-20261007 .qs-tabs button[aria-selected="true"]::after { background: var(--qa-green); height: 2px; }
body.qiai-aligned-20261007 .qs-panel { gap: 64px; }
body.qiai-aligned-20261007 .qs-panel-copy h3 { font-size: 30px; font-weight: 500; line-height: 1.5; }
body.qiai-aligned-20261007 .qs-panel-copy :is(dt,span) { color: var(--qa-muted); }
body.qiai-aligned-20261007 .qs-panel-visual { background: #f0f3f0; border: 1px solid var(--qa-line); }
body.qiai-aligned-20261007 .qs-cooperation { background: var(--qa-wash); padding: 96px 0; }
body.qiai-aligned-20261007 .qs-coop-row { border-color: var(--qa-line); padding: 30px 0; }
body.qiai-aligned-20261007 .qs-coop-row h3 { font-size: 28px; font-weight: 500; }
body.qiai-aligned-20261007 .qs-coop-row :is(p,span:first-child),
body.qiai-aligned-20261007 .qs-support-links > span { color: var(--qa-muted); }
body.qiai-aligned-20261007 .qs-brand-list { gap: 24px; }
body.qiai-aligned-20261007 .qs-brand-list > a { border: 1px solid var(--qa-line); background: #fff; padding: 0 0 24px; }
body.qiai-aligned-20261007 .qs-brand-scene { display: block; width: 100%; height: 190px; object-fit: cover; }
body.qiai-aligned-20261007 .qs-brand-logo { display: flex; height: 100px; align-items: center; padding: 22px 24px 12px; }
body.qiai-aligned-20261007 .qs-brand-logo img { display: block; max-width: 100%; width: auto; height: 56px; object-fit: contain; }
body.qiai-aligned-20261007 .qs-brand-list > a:first-child .qs-brand-logo img { height: auto; max-height: 56px; }
body.qiai-aligned-20261007 .qs-brand-list :is(strong,p) { margin-left: 24px; margin-right: 24px; }
body.qiai-aligned-20261007 .qs-brand-list strong { font-size: 22px; font-weight: 500; }
body.qiai-aligned-20261007 .qs-brand-list strong span { color: var(--qa-green); }
body.qiai-aligned-20261007 .qs-visit { background: var(--qa-wash); }
body.qiai-aligned-20261007 .qs-visit img { height: 430px; }
body.qiai-aligned-20261007 .qs-visit-copy { padding: 48px; }
body.qiai-aligned-20261007 .qs-visit-copy h2 { font-size: 34px; font-weight: 500; }
body.qiai-aligned-20261007 .qs-visit-copy p { font-size: 16px; color: var(--qa-muted); }
body.qiai-aligned-20261007 .qs-resources > h2 { font-size: 30px; font-weight: 500; margin-bottom: 28px; }
body.qiai-aligned-20261007 .qs-reference > summary { padding: 28px 0; font-size: 18px; color: var(--qa-ink); }
body.qiai-aligned-20261007 .qs-reference-content { background: #fff; padding: 20px 28px 28px; }
@media (max-width: 1300px) {
  body.qiai-aligned-20261007 .qs-panel { gap: 48px; }
  body.qiai-aligned-20261007 .qs-brand-scene { height: 180px; }
}