/*
  PRESENTATION · review page styles (not part of any banner)
*/
:root { --pres-canvas: #EFE8E2; --pres-shadow: rgba(29, 30, 32, 0.12); }

body { margin: 0; background: var(--pres-canvas); }
a { color: var(--bk-color-accent); }
a:hover { color: var(--bk-color-ink); }

.pres {
  width: max-content;
  padding: 64px;
  display: flex;
  flex-direction: column;
  gap: 72px;
  font-family: var(--bk-font-sans);
  color: var(--bk-color-ink);
}

.pres-header { display: flex; flex-direction: column; gap: 16px; max-width: 1400px; }
.pres-notice {
  display: inline-flex;
  align-self: flex-start;
  padding: 12px 20px;
  background: var(--bk-color-ink);
  color: var(--bk-color-field);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: var(--bk-track-strip);
  text-transform: uppercase;
  line-height: 1;
}
.pres-title { margin: 0; font-family: var(--bk-font-serif); font-weight: 400; font-size: 44px; line-height: 1.15; }
.pres-intro { margin: 0; font-size: 20px; line-height: 1.5; max-width: 1000px; }

.pres-section { display: flex; flex-direction: column; gap: 16px; }
.pres-section--simulations { gap: 24px; }
.pres-section--rationale { gap: 20px; max-width: 1400px; }
.pres-section__head { display: flex; align-items: baseline; gap: 16px; }
.pres-eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.pres-section__title { font-size: 22px; font-weight: 500; }

.pres-artboard { box-shadow: 0 2px 24px var(--pres-shadow); }

.pres-row { display: flex; gap: 48px; align-items: flex-start; flex-wrap: wrap; }
.pres-row--nowrap { flex-wrap: nowrap; }
.pres-row--stretch { align-items: stretch; }

.pres-sim { display: flex; flex-direction: column; gap: 10px; }
.pres-sim--labeled { gap: 8px; }
.pres-caption { font-size: 16px; line-height: 1.4; }
.pres-view-label { font-size: 16px; font-weight: 600; }

.pres-frame { position: relative; overflow: hidden; box-shadow: 0 2px 12px var(--pres-shadow); }
.pres-frame__inner { position: absolute; transform-origin: top left; }
.pres-focal {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border: 3px dashed var(--bk-color-accent);
}

.pres-layers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; font-size: 17px; line-height: 1.5; }
.pres-layer { display: flex; flex-direction: column; gap: 8px; }
.pres-layer__title { font-weight: 600; }

.pres-options { border: 2px solid var(--bk-color-ink); padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.pres-options__heading { font-size: 15px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.pres-options__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; font-size: 16px; line-height: 1.5; }
.pres-option__title { font-family: var(--bk-font-serif); font-size: 22px; margin-bottom: 6px; }