/* site.css -- what the live site needs beyond Arthur's mock-up (Cody, 14 Oct 2026).
   style.css is Arthur's and stays as he made it; these rules only add behaviour. */

/* the phone "Menu" word is a button that opens the navigation */
button.menu-word { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; min-height: 44px; -webkit-appearance: none; appearance: none; }
@media (max-width: 899px) {
  .top.open { z-index: 30; }
  .top.open nav {
    display: flex; flex-direction: column; justify-content: center; gap: 26px;
    position: fixed; inset: 0; background: var(--ink); padding: 0 var(--gutter);
  }
  .top.open nav a { color: #fff; text-decoration: none; font: 300 30px/1.2 var(--f); }
  .top.open .menu { position: relative; z-index: 31; }
  .top.open .menu-word { color: #fff; }
  body.menu-open { overflow: hidden; }
}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--lagoon); outline-offset: 3px; }

/* holding pages: the inner-page shell with one short note */
.holding-head { padding-bottom: 0; }
.holding-head .display { margin-top: 14px; }
@media (prefers-reduced-motion: reduce) { .house .ph img { transition: none; } }