/* Hallmark · macrostructure: Stat-Led · tone: editorial · anchor hue: ice blue
 * Approved compact proof and campaign evidence previews; existing motion preserved.
 * Pre-emit critique: P5 H5 E4 S5 R5 V4. */
@import url('./tokens.css');

html, body.ice-in-motion { overflow-x: clip; }
.ice-in-motion :is(.ice-brand-strip, .studio-intro, .studio-making, .studio-close) {
  background-color: var(--color-section-light);
}
.ice-in-motion .proof-strip {
  padding: var(--space-xl) var(--space-proof-edge);
  color: var(--color-section-dark);
  background: var(--color-section-light);
  font-family: var(--font-proof-body);
}
.proof-strip-inner {
  display: grid;
  gap: var(--space-xl);
  padding-block: var(--space-xl);
}
.ice-in-motion .proof-strip h2 {
  max-width: 260px;
  margin: 0;
  font: 700 24px/1.2 var(--font-proof-display);
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.proof-strip-heading p {
  max-width: 290px;
  margin: var(--space-md) 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-proof-muted);
}
.proof-metrics {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-xl) var(--space-lg);
  margin: 0;
}
.proof-metrics div { display:flex; flex-direction:column; gap:var(--space-xs); min-width:0; }
.proof-metrics dt { font-size:15px; line-height:1.5; color:var(--color-proof-muted); order:2; }
.proof-metrics dd { margin:0; font:500 36px/1 var(--font-proof-body); letter-spacing:-.055em; }

.ice-in-motion .proof-campaigns {
  padding: var(--space-2xl) var(--space-proof-edge);
  color: var(--color-proof-light);
  background: var(--color-section-dark);
  font-family: var(--font-proof-body);
}
.ice-in-motion .proof-campaigns > h2 {
  max-width: 650px;
  margin: 0 0 var(--space-xl);
  font: 700 clamp(32px,3.7vw,54px)/1.08 var(--font-proof-display);
  letter-spacing: -.04em;
  overflow-wrap: anywhere;
}
.proof-campaign {
  display: grid;
  gap: var(--space-lg);
  padding-block: var(--space-xl);
  border-top: 1px solid var(--color-proof-dark-rule);
  scroll-margin-top: var(--space-2xl);
}
.proof-campaign-logo { display:flex; align-items:center; margin:0; min-width:0; }
.proof-campaign-logo img { width:210px; max-width:100%; height:auto; max-height:80px; object-fit:contain; object-position:left; }
.proof-campaign-logo .proof-polymarket-logo { filter:brightness(0) invert(1); width:252px; }
.proof-campaign-result { display:flex; flex-direction:column; gap:var(--space-xs); margin:0; }
.proof-campaign-result strong { font:700 60px/1 var(--font-proof-display); letter-spacing:-.065em; }
.proof-campaign-result span { font-size:16px; line-height:1.5; color:var(--color-proof-soft); max-width:230px; }
.proof-campaign-description { margin:0; font-size:17px; line-height:1.55; max-width:450px; align-self:center; color:var(--color-proof-soft); }
.proof-campaigns .case-conversation { margin-top:var(--space-xs); padding-top:var(--space-xl); border-top:1px solid var(--color-proof-dark-rule); flex-wrap:wrap; }
.proof-campaigns .case-conversation p { font-size:clamp(24px,2.5vw,32px); }
.proof-campaigns .ice-button { flex-shrink:0; white-space:nowrap; }

/* Preserve the original glacier section; alternate the other section surfaces. */
.ice-in-motion :is(.ice-faq, .ice-footer) {
  color: var(--color-proof-light);
  background-color: var(--color-section-dark);
}
.ice-in-motion .ice-faq { --proof-rule:var(--color-proof-dark-rule); --proof-focus:var(--color-proof-light); }
.ice-in-motion .ice-faq :is(h2,summary) { color:var(--color-proof-light); }
.ice-in-motion .ice-faq>div>p,
.ice-in-motion .faq-questions details>p,
.ice-in-motion .ice-footer span { color:var(--color-proof-soft); }
.ice-in-motion .ice-footer nav { display:flex; flex-wrap:wrap; gap:var(--space-lg); }
.ice-in-motion .ice-footer a { white-space:nowrap; }
.ice-in-motion :is(.proof-campaigns,.ice-footer) a:focus-visible { outline:3px solid var(--color-proof-light); outline-offset:5px; }

@media(min-width:640px) {
  .proof-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .proof-metrics dt { font-size:16px; }
  .proof-metrics dd { font-size:40px; }
  .proof-campaign { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .proof-campaign-description { grid-column:1/-1; font-size:19px; }
  .proof-campaign-result strong { font-size:68px; }
}
@media(min-width:1024px) {
  .proof-strip-inner { grid-template-columns:minmax(0,1fr) minmax(0,2.8fr); align-items:center; gap:var(--space-2xl); }
  .proof-metrics { gap:var(--space-xl); }
  .proof-campaign { grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.45fr); gap:var(--space-2xl); }
  .proof-campaign-description { grid-column:auto; }
}