:root {
  --hskb-reference-red: #ff2f2d;
  --hskb-gallery-ink: #002e39;
  --hskb-pure-white: #ffffff;
  --hskb-mat-white: #f7f7f4;
  --hskb-frame-silver: #e4e7e5;
  --hskb-graphite: #40525a;
  --hskb-soft-rule: #cbd2d1;
  --hskb-symbol-ratio: 1020 / 1019;
  --hskb-space: 8px;
  --hskb-frame-keyline: 1px;
}

.hskb-symbol {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--hskb-symbol-ratio);
  object-fit: contain;
}

.hskb-gallery-frame {
  padding: clamp(16px, 3vw, 48px);
  border: var(--hskb-frame-keyline) solid var(--hskb-frame-silver);
  background: var(--hskb-pure-white);
  box-shadow: 0 0 0 clamp(8px, 1.5vw, 20px) var(--hskb-frame-silver);
}
