/* CS01 Glance panel. From .wp-glance in the case study mockups. */
.gm-glance { margin: 0; display: flex; flex-direction: column; gap: 18px; padding: 36px; box-sizing: border-box; }
.gm-glance dt { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; }
.gm-glance dd { margin: 4px 0 0; font-size: 17px; line-height: 1.45; }
.gm-glance .gm-glance__v--big { margin-top: 8px; font-family: var(--gm-font-head); font-weight: 700; font-size: 48px; line-height: 1; letter-spacing: -.01em; }
.gm-glance--glass {
  background: rgba(255,255,255,.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.36);
  -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .gm-glance--glass { background: #2A2346; } }
.gm-glance--glass dt { color: var(--gm-lilac); }
.gm-glance--glass dd { color: #FFFFFF; }
.gm-glance--glass .gm-glance__v--big { color: var(--gm-blue); }
.gm-glance--light { background: #FFFFFF; border: 1px solid var(--gm-rule-light); }
.gm-glance--light dt { color: var(--gm-muted); }
.gm-glance--light dd { color: var(--gm-ink); }
.gm-glance--light .gm-glance__v--big { color: var(--gm-purple); }
@media (max-width: 640px) {
  .gm-glance { padding: 28px 22px; }
  .gm-glance .gm-glance__v--big { font-size: 40px; }
}