/* ⌂ GALENA HOUSE — the one cloth.
   Canonical tokens + shared garments, namespaced gh- so no room is ever broken.
   Every page wears this first; each room's own styles layer over it freely.
   The way something is built is the way it is felt. */

:root{
  /* the canon palette — single source of truth */
  --gh-gold:#c9a23f; --gh-brass:#b0843f; --gh-navy:#16384b;
  --gh-ivory:#f1e9d8; --gh-cream:#f3ecdb; --gh-parchment:#e4d7ba;
  --gh-espresso:#1a120b; --gh-char:#0c0806; --gh-graphite:#2b2620; --gh-moss:#4f6f38;
  --gh-night:#0b1c27; --gh-night-deep:#081018;
  --gh-serif:'Cormorant Garamond',Georgia,serif;
  --gh-sans:'Jost',system-ui,sans-serif;
  --gh-ease:cubic-bezier(.2,.7,.2,1);
}

/* the cold night outside — thresholds, gates, the map */
.gh-sky{
  background:
    radial-gradient(1px 1px at 12% 22%, rgba(241,233,216,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 34% 8%,  rgba(241,233,216,.7) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 58% 16%, rgba(201,162,63,.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 72% 30%, rgba(241,233,216,.6) 50%, transparent 51%),
    radial-gradient(1px 1px at 88% 12%, rgba(241,233,216,.8) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 20% 44%, rgba(241,233,216,.5) 50%, transparent 51%),
    radial-gradient(1px 1px at 46% 38%, rgba(201,162,63,.6) 50%, transparent 51%),
    radial-gradient(1px 1px at 80% 52%, rgba(241,233,216,.55) 50%, transparent 51%),
    radial-gradient(ellipse at 50% 120%, #123043 0%, var(--gh-night) 55%, var(--gh-night-deep) 100%);
  background-attachment:fixed;
  color:var(--gh-ivory);
}

/* the shared mast — one identity bar for any room that wants it */
.gh-mast{display:flex;align-items:center;gap:14px;padding:22px clamp(20px,5vw,48px);}
.gh-mast .gh-mark{width:34px;height:34px;border-radius:50%;border:1px solid rgba(201,162,63,.35);object-fit:cover;flex:none;}
.gh-mast .gh-name{font-family:var(--gh-serif);font-size:17px;letter-spacing:.01em;}
.gh-mast .gh-name em{font-style:italic;color:var(--gh-gold);}
.gh-mast .gh-role{font-family:var(--gh-sans);font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.55;margin-top:2px;}
.gh-mast .gh-sp{flex:1;}
.gh-mast a.gh-lnk{font-family:var(--gh-sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;text-decoration:none;color:inherit;transition:opacity .3s,color .3s;}
.gh-mast a.gh-lnk:hover{opacity:1;color:var(--gh-gold);}

/* the footline — the quiet signature at the bottom of any page */
.gh-footline{font-family:var(--gh-sans);font-size:9px;letter-spacing:.28em;text-transform:uppercase;
  opacity:.5;text-align:center;padding:34px 20px 40px;}
.gh-footline b{color:var(--gh-gold);font-weight:500;}

/* the seam — a gold hairline between movements */
.gh-seam{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,63,.45),transparent);margin:28px auto;max-width:520px;}