/* Measured from magdagourinchas.com/real-time, 28 October 2026.
   .menu-header-1: 16/18, variable weight 600 (14/16 at <=479px)
   .body-text: 16/18, variable weight 350 (14/16 at <=479px)
   .index-text / .body-text.small-circle: 14/16, weight 350
   .index-text.year / .header-description: 12/14, weight 350
   .index-text.description: 10/12, weight 350
   Inter Tight replaces the site's Inter Variable; numerical metrics are retained.
*/
@font-face {
  font-family: 'Inter Tight';
  src: url('./assets/InterTight-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  font-family: 'Inter Tight', sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: 350;
  font-variation-settings: normal;
  letter-spacing: normal;
  --type-heading: 16px;
  --leading-heading: 18px;
  --type-body: 16px;
  --leading-body: 18px;
}
button,input,textarea { font-family: inherit; font-weight: inherit; letter-spacing: normal; }
#controls-toggle, dialog h2 {
  font-size: var(--type-heading);
  line-height: var(--leading-heading);
  font-weight: 600;
}
.control-tree, #navigation-hint, #reflection p, #exit-state p {
  font-size: var(--type-body);
  line-height: var(--leading-body);
  font-weight: 350;
}
.branches, #note-help, #note-form label, textarea, .dialog-actions,
#leave, #return, #toast, #load-state {
  font-size: 14px;
  line-height: 16px;
  font-weight: 350;
}
.time-content, .time-actions, #reflection small, dialog small, .fine,
#load-detail, #blend-label {
  font-size: 12px;
  line-height: 14px;
  font-weight: 350;
}
#session-clock, #timeline-explanation {
  font-size: 10px;
  line-height: 12px;
  font-weight: 350;
  letter-spacing: normal;
}
.slider-row { width: 255px; }
.slider-row > span { min-width: 108px; }
.time-content { width: 244px; }
/* Webflow's mobile-portrait breakpoint, not the viewer's layout breakpoint. */
@media (max-width:479px) {
  :root {
    --type-heading: 14px;
    --leading-heading: 16px;
    --type-body: 14px;
    --leading-body: 16px;
  }
  .slider-row { width: 235px; }
  .slider-row > span { min-width: 96px; }
  /* 280px panel minus the 43px tree gutter leaves 237px of content width. */
  .time-content { width: auto; max-width: 100%; }
}