/* =========================================================
   EXIT DOOR COMPONENT
   The same door as the one at the top (styles come from css/door.css via the
   .door-section / .door-stage / ... classes). This one sits at the bottom:
   you open it, walk through, and step back out into the original page
   (beige canvas + dot grid). Behaviour: js/exit-door/main.js
   ========================================================= */

/* Once you are through the exit door the page is "outside" again: the beige
   canvas returns and the grid lines turn back into dots. The class is added to
   <html> by js/exit-door/main.js. (!important wins over the inline styles the
   entry door sets on these layers.) */
html.is-outside body {
  --color-canvas: var(--color-canvas-outside);
  --color-header-text: #323232;
}
html.is-outside .dots {
  opacity: 1 !important;
}
html.is-outside .grid-lines {
  opacity: 0 !important;
}