/* Freehold menu bar - the studio's annotation layer on the Range showcases.
   Shared verbatim by all three showcase pages (linked, not pasted, so it cannot drift).
   A fixed bar along the BOTTOM edge, deliberately neutral (charcoal + off-white,
   no brand green/gold) so each showcase's own palette stands on its own.
   The ask-us chat is a separate bottom-right panel, opened from the bar. */

body{padding-bottom:3.2rem;}

/* ---- the bar: always present, every width ---- */
.fh-rail{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:flex;align-items:center;gap:.65rem;
  min-height:3.2rem;padding:.35rem .85rem;box-sizing:border-box;
  background:#1B1B19;color:#F3F1EC;
  border-top:1px solid rgba(243,241,236,.16);
  box-shadow:0 -6px 24px rgba(0,0,0,.25);
  font-family:'Atkinson Hyperlegible',system-ui,sans-serif;
}
.fh-rail-badge{
  flex:none;
  font-size:.88rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;
  color:#fff;
}

/* the menu, running horizontally along the bar (wide screens) */
.fh-rail .fh-rail-list{
  list-style:none;margin:0;padding:0;
  flex:1 1 auto;min-width:0;
  display:flex;align-items:center;gap:.15rem;
  overflow-x:auto;scrollbar-width:none;
}
.fh-rail .fh-rail-list::-webkit-scrollbar{display:none;}
.fh-rail a.fh-rail-item, .fh-sheet a.fh-rail-item{
  display:flex;align-items:center;
  text-decoration:none;color:#B9B6AF;padding:.3rem .55rem;white-space:nowrap;
}
.fh-rail a.fh-rail-item:hover, .fh-sheet a.fh-rail-item:hover{color:#fff;}
.fh-rail-label{font-size:.84rem;font-weight:700;line-height:1.25;}
.fh-rail a.fh-rail-item.is-active, .fh-sheet a.fh-rail-item.is-active{
  background:#F3F1EC;color:#1B1B19;
}

/* the right-hand end: full-menu link + the ask-us button
   (`.fh-rail a.` form so page-scoped `a` rules cannot out-specify the colour) */
.fh-rail a.fh-rail-more{
  flex:none;font-size:.82rem;font-weight:700;color:#B9B6AF;
  text-decoration:underline;text-underline-offset:3px;white-space:nowrap;
}
.fh-rail a.fh-rail-more:hover{color:#fff;}
@media (max-width:1499.9px){
  .fh-rail-more{display:none;}
}
.fh-ask{
  flex:none;display:inline-flex;align-items:center;gap:.4rem;
  background:#F3F1EC;color:#1B1B19;border:none;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.82rem;
  padding:.42rem .7rem;white-space:nowrap;
}
.fh-ask:hover{background:#fff;}
.fh-ask::before{content:"";width:8px;height:8px;border-radius:50%;background:#1B1B19;}

/* ---- narrow screens: the list collapses to the current-item chip + a pop-up sheet ---- */
.fh-chip{display:none;}
.fh-sheet[hidden]{display:none;}
@media (max-width:1239.9px){
  .fh-rail .fh-rail-list{display:none;}
  .fh-chip{
    flex:1 1 auto;min-width:0;
    display:inline-flex;align-items:center;gap:.55rem;
    background:none;border:none;color:#F3F1EC;cursor:pointer;text-align:left;
    font-family:inherit;font-size:.88rem;font-weight:700;padding:.3rem 0;
  }
  .fh-chip::before{content:"";flex:none;width:8px;height:8px;background:#F3F1EC;}
  .fh-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media (max-width:480px){
  .fh-rail{gap:.6rem;padding:.35rem .7rem;}
  .fh-rail-badge{letter-spacing:.08em;}
  .fh-ask{font-size:.78rem;padding:.4rem .6rem;}
}
.fh-sheet{
  position:fixed;left:.9rem;bottom:4rem;z-index:61;width:min(20rem,90vw);box-sizing:border-box;
  background:#1B1B19;color:#F3F1EC;border:1px solid rgba(243,241,236,.25);
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  padding:1rem;font-family:'Atkinson Hyperlegible',system-ui,sans-serif;
}
.fh-sheet .fh-rail-title{margin:0 0 .7rem;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#B9B6AF;}
.fh-sheet .fh-rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;}
.fh-sheet a.fh-rail-item{white-space:normal;}
.fh-sheet .fh-rail-label{font-size:.9rem;}
.fh-sheet .fh-rail-hint{margin:.85rem 0 0;font-size:.79rem;line-height:1.45;color:#B9B6AF;}
.fh-sheet .fh-rail-hint a{color:#F3F1EC;}

/* ---- the ask-us chat: its own panel, bottom right, above the bar ---- */
.fh-chat[hidden]{display:none;}
.fh-chat{
  position:fixed;right:.9rem;bottom:4rem;z-index:61;
  width:min(22rem,92vw);box-sizing:border-box;
  background:#F7F6F2;border:1px solid #1B1B19;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  font-family:'Atkinson Hyperlegible',system-ui,sans-serif;
}
.fh-chat-label{
  margin:0;padding:.45rem .7rem;
  font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#F3F1EC;background:#1B1B19;
}
.fh-chat iframe{width:100%;height:min(24rem,55vh);border:0;display:block;}

.fh-rail a:focus-visible,.fh-rail button:focus-visible,.fh-sheet a:focus-visible,.fh-sheet button:focus-visible{outline:3px solid #F3F1EC;outline-offset:2px;}