/* assets/css/page.css */
/* ============================================================
   BOBO & WILD — shared shell for sub-pages
   The homepage opens on a pinned hero; a sub-page opens on this
   instead. Same tokens, same masthead, same footer.
   ============================================================ */

.phead{
  position:relative;
  background:var(--ink);color:var(--cream);
  padding:calc(clamp(96px,15vh,170px) + 40px) var(--pad) clamp(56px,8vh,96px);
  overflow:hidden;
}
.phead::after{
  content:'';position:absolute;inset:auto 0 0 0;height:1px;background:var(--cream-14);
}
.phead__inner{max-width:1320px;margin:0 auto}
.phead__crumb{
  display:flex;align-items:center;gap:10px;margin-bottom:clamp(20px,2.6vw,32px);
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-45);
}
.phead__crumb a{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--cream-70);transition:color .35s var(--ease);
}
.phead__crumb a:hover{color:var(--terracotta-lift)}
.phead__eyebrow{margin-bottom:clamp(16px,2vw,24px)}
.phead__title{
  font-family:var(--f-display);font-weight:400;
  font-size:clamp(40px,6.4vw,96px);line-height:.98;letter-spacing:-.02em;
}
.phead__title .l{display:block;overflow:hidden;padding-bottom:.04em}
.phead__title .l span{display:block}
.phead__lead{
  max-width:52ch;margin-top:clamp(16px,2vw,26px);
  font-size:clamp(15px,1.3vw,18px);line-height:1.7;font-weight:300;color:var(--cream-70);
}

/* shared button, matching the locations cards */
.pbtn{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 22px;border-radius:100px;
  border:1px solid var(--cream-28);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  transition:color .35s var(--ease),background-color .35s var(--ease),border-color .35s var(--ease);
}
.pbtn svg{width:12px;height:12px;transition:transform .4s var(--ease)}
.pbtn:hover{border-color:var(--terracotta-lift);color:var(--terracotta-lift)}
.pbtn:hover svg{transform:translate(2px,-2px)}
.pbtn--solid{background:var(--terracotta-ink);border-color:var(--terracotta-ink);color:var(--cream)}
.pbtn--solid:hover{background:var(--terracotta-lift);border-color:var(--terracotta-lift);color:var(--cream)}

/* ------------------------------------------------------------
   Generic page body — page.php, index.php and 404.php. The
   static build had no such template; a WordPress theme needs
   somewhere sane for arbitrary editor content to land.
   ------------------------------------------------------------ */
.pbody{
  background:var(--ink);color:var(--cream);
  padding:0 var(--pad) clamp(76px,11vh,140px);
}
.pbody__inner{max-width:760px;margin:0 auto;font-size:16px;line-height:1.75;font-weight:300}
.pbody__inner > * + *{margin-top:1.1em}
.pbody__inner h2{font-family:var(--f-display);font-weight:400;font-size:clamp(24px,3vw,38px);line-height:1.1}
.pbody__inner h3{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta-soft)}
.pbody__inner a{text-decoration:underline;text-underline-offset:3px}
.pbody__inner img{border-radius:3px}
.pbody__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2em}
.pentry{padding-bottom:2em;border-bottom:1px solid var(--cream-14)}