a { color: #274f9d; }

body {
  background-image:
    linear-gradient(rgba(255,255,255,.34) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px),
    linear-gradient(145deg, #dce2ed, #9aa8bc);
  background-size: 24px 24px, 24px 24px, auto;
}

.institution { width: min(1180px, calc(100% - 32px)); }
.title-fresco {
  padding: 62px clamp(28px, 7vw, 92px) 54px;
  background-image:
    radial-gradient(circle at 75% 10%, rgba(255, 210, 122, .24), transparent 30%),
    radial-gradient(circle at 83% 86%, rgba(217, 104, 114, .76), transparent 28%),
    radial-gradient(circle at 22% 42%, rgba(93, 183, 211, .38), transparent 26%),
    linear-gradient(118deg, var(--blue-deep), var(--blue) 58%, var(--coral));
  text-shadow: 0 2px 2px rgba(12, 22, 58, .42);
}
h1 { font-size: clamp(56px, 9vw, 112px); }
.offer-line { font-size: clamp(18px, 2.4vw, 30px); }
.record-copy h2,
.section-label h2,
.counterfactual-title h2,
.instrument-panel h2,
.application-panel h2 { font-size: clamp(28px, 4vw, 48px); }
.application-panel { padding: 58px clamp(26px, 7vw, 80px); }
.record-number { writing-mode: vertical-rl; }

@media (max-width: 850px) {
  .command-shelf { grid-template-columns: repeat(2, 1fr); }
  .opening-record { grid-template-columns: 54px 1fr; }
  .terms { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #98a5b9; }
  .incident-grid { grid-template-columns: 1fr; }
  .incident { min-height: 0; }
  .register-row { grid-template-columns: 1fr 1fr; }
  .register-head { display: none; }
  .instrument-panel { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .institution { width: 100%; margin: 0; border-left: 0; border-right: 0; }
  .title-fresco { min-height: 400px; padding: 72px 24px 40px; }
  h1 { max-width: 320px; font-size: 52px; line-height: .92; letter-spacing: -2px; }
  .command-shelf { grid-template-columns: 1fr; }
  .opening-record { display: block; }
  .record-number { display: block; writing-mode: initial; text-align: center; }
  .record-copy { padding: 28px 22px; }
  .cabinet { padding: 28px 16px; }
  .register-row { display: block; }
  .register-row span { display: block; border-right: 0; }
  .instrument-panel { padding: 34px 22px; }
  .status-bar { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}