/* PANDORE / APPLICATIONS
   A calm editorial sequence, not a feature grid.
   This stylesheet leaves the live hero and camera controls untouched. */
#creations, #use-cases, #platform, #teams {
  scroll-margin-top: calc(var(--header-h) + 28px);
}
.use-cases-section {
  border-top: 1px solid var(--line);
  padding-top: clamp(64px, 6vw, 144px);
  padding-bottom: var(--section-space);
}
.use-cases-heading { margin-bottom: clamp(40px, 4.8vw, 104px); }
.use-cases-heading h2 {
  margin-top: 24px;
  font-size: clamp(42px, 4.8vw, 116px);
  line-height: 1.055;
  font-weight: 400;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.use-case {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.5fr);
  align-items: center;
  column-gap: clamp(40px, 6vw, 144px);
  padding: clamp(48px, 4vw, 96px) 0;
  border-top: 1px solid var(--line);
}
.use-case-copy { min-width: 0; }
.use-case-category {
  display: flex;
  align-items: baseline;
  gap: clamp(14px, 1.4vw, 28px);
  font-size: clamp(10px, .73vw, 14px);
  font-weight: 540;
  letter-spacing: .08em;
  line-height: 1.6;
  color: #64716e;
}
.use-case-number { color: var(--blue); font-variant-numeric: tabular-nums; }
.use-case-copy h3 {
  margin-top: clamp(22px, 2vw, 42px);
  font-size: clamp(32px, 3.05vw, 72px);
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -.045em;
}
.use-case-copy > p {
  margin-top: clamp(22px, 2vw, 40px);
  font-size: clamp(16px, 1.05vw, 23px);
  line-height: 1.75;
  color: #646e6b;
  max-width: 41ch;
}
.use-case-audience, .use-case-status {
  margin-top: clamp(22px, 2vw, 42px);
  font-size: clamp(12px, .83vw, 17px);
  line-height: 1.6;
  color: #79827f;
}
.use-case-visual {
  width: 100%;
  margin: 0;
  min-width: 0;
  aspect-ratio: 1.48;
}
.use-case-visual img {
  width: 100%; height: 100%;
  object-fit: contain;
  /* White imagery sits on the page, not in cards or framed application mockups. */
  background: #fff;
}
.use-case-games { grid-template-columns: minmax(0, 1.5fr) minmax(0, .85fr); }
.use-case-games .use-case-visual { grid-column: 1; grid-row: 1; }
.use-case-games .use-case-copy { grid-column: 2; grid-row: 1; }
.use-case-status { display:flex; align-items:center; gap:9px; color:#476598; }
.use-case-status > span { width:5px; height:5px; border-radius:50%; background:var(--blue); flex:none; }
.use-cases-art-note {
  margin: 14px 0 0;
  color: #79827f;
  font-size: clamp(11px, .76vw, 15px);
  line-height:1.65;
}
.partner-invitation {
  border-top: 1px solid var(--line);
  margin-top: clamp(42px, 4vw, 90px);
  padding-top: clamp(38px, 3.5vw, 80px);
  display:grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 32px 60px;
  align-items:center;
}
.partner-intro { min-width:0; }
.partner-intro h3 {
  margin-top:20px;
  font-size:clamp(30px, 2.55vw, 62px);
  font-weight:400;
  letter-spacing:-.04em;
  line-height:1.15;
}
.partner-intro > p {
  margin-top:18px;
  max-width:56ch;
  font-size:clamp(15px, 1vw, 22px);
  line-height:1.75;
  color:#646e6b;
}
.partner-invitation > .text-link { white-space:nowrap; justify-self:end; }
/* Anchor hierarchy: the product surfaces now have their own named section. */
.surfaces-section { border-top:1px solid var(--line); padding-top:var(--section-space); }
@media (max-width:1100px) {
  .use-case, .use-case-games { column-gap:40px; }
  .use-case-category { font-size:10px; letter-spacing:.065em; }
  .use-case-copy h3 { font-size:clamp(30px, 3.8vw, 42px); }
  .use-case-copy > p { font-size:15px; }
  .partner-invitation { gap:30px; }
}
@media (max-width:900px) {
  .use-case, .use-case-games { grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); column-gap:30px; }
  .use-case-games { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); }
  .use-case-copy h3 { font-size:32px; }
  .use-case-visual { aspect-ratio:1.12; }
  .use-case-audience, .use-case-status { font-size:12px; }
  .partner-invitation { grid-template-columns:1fr; }
  .partner-invitation > .text-link { justify-self:start; }
}
@media (max-width:650px) {
  .use-cases-heading h2 { font-size:clamp(38px, 9.7vw, 62px); margin-top:20px; }
  .use-cases-heading { margin-bottom:40px; }
  .use-case, .use-case-games {
    grid-template-columns:minmax(0,1fr);
    gap:30px;
    padding:38px 0 34px;
  }
  .use-case-games .use-case-copy, .use-case-games .use-case-visual { grid-column:auto; grid-row:auto; }
  .use-case-category { font-size:10px; gap:14px; }
  .use-case-copy h3 { font-size:clamp(32px, 8.5vw, 46px); margin-top:20px; }
  .use-case-copy > p { margin-top:18px; font-size:16px; max-width:41ch; line-height:1.7; }
  .use-case-audience, .use-case-status { margin-top:18px; }
  .use-case-visual { aspect-ratio:1.35; }
  .use-cases-art-note { max-width:39ch; }
  .partner-invitation { margin-top:36px; padding-top:36px; gap:24px; }
  .partner-intro h3 { font-size:30px; }
  .partner-intro > p { font-size:16px; line-height:1.7; }
  .partner-invitation > .text-link { font-size:14px; gap:20px; white-space:normal; }
}

/* Copy refresh: two short paragraphs, with no fixed-height content boxes. */
.use-case-copy > p + p { margin-top: .9em; }
.use-case-copy h3, .surface-grid h3, .partner-intro h3 { text-wrap: balance; }
.use-case-status > span { align-self: center; }

.use-cases-heading h2 { padding-bottom: .08em; }