/* The Shyla — a wandering company of players
   Shared styles. Parchment & lantern aesthetic; self-contained.
   Adaptor House Sans is used only for the umbrella wordmark below —
   The Shyla uses its own display/body pairing by design elsewhere. */

@font-face{
  font-family:'Adaptor House Sans';
  src:url('items/fonts/Adaptor House Sans/WebFonts/AdaptorHouseSans-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Adaptor House Sans';
  src:url('items/fonts/Adaptor House Sans/WebFonts/AdaptorHouseSans-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Spectral:ital,wght@0,300;0,400;0,500;1,400&family=IM+Fell+English+SC&display=swap');

:root{
  --ink:#2b2118;
  --parchment:#efe6d2;
  --parchment-deep:#e3d6ba;
  --oxblood:#7a2b2b;
  --moss:#3f4a35;
  --gold:#b0863f;
  --gold-bright:#d8ab5a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--parchment);
  color:var(--ink);
  font-family:'Spectral',serif;
  font-weight:300;
  line-height:1.65;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.06;
  background-image:radial-gradient(circle at 20% 30%,#000 0,transparent 1px),radial-gradient(circle at 70% 60%,#000 0,transparent 1px);
  background-size:4px 4px,7px 7px;
}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.1;letter-spacing:.01em}
.eyebrow{font-family:'IM Fell English SC',serif;letter-spacing:.25em;text-transform:uppercase;font-size:.72rem;color:var(--oxblood)}

/* NAV — shared across pages */
nav{
  position:sticky;top:0;z-index:100;
  display:flex;justify-content:center;align-items:center;gap:1.8rem;flex-wrap:wrap;
  padding:1rem 1.5rem;
  background:linear-gradient(var(--parchment),rgba(239,230,210,.92));
  border-bottom:1px solid var(--parchment-deep);
  backdrop-filter:blur(4px);
}
nav .brand{
  font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.25rem;
  text-decoration:none;color:var(--ink);letter-spacing:.02em;margin-right:.4rem;
}
nav a.link{
  font-family:'IM Fell English SC',serif;letter-spacing:.12em;font-size:.82rem;
  text-decoration:none;color:var(--ink);position:relative;padding:.2rem 0;
}
nav a.link::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--oxblood);transition:width .35s}
nav a.link:hover::after,nav a.link:focus::after,nav a.link[aria-current="page"]::after{width:100%}
nav a.link[aria-current="page"]{color:var(--oxblood)}
nav a:focus-visible{outline:2px solid var(--oxblood);outline-offset:4px}

/* Umbrella strip — reads as part of Adaptor House */
.umbrella{
  background:var(--ink);color:#c8b78f;text-align:center;
  padding:.6rem 1rem;font-family:'IM Fell English SC',serif;
  letter-spacing:.16em;font-size:.68rem;
  display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;
}
.umbrella .wordmark{
  font-family:'Adaptor House Sans',sans-serif;
  letter-spacing:.02em;font-size:.9rem;font-weight:700;
  color:var(--parchment);text-decoration:none;
}
.umbrella .wordmark:hover{color:var(--gold-bright)}
.umbrella a:not(.wordmark){color:var(--gold-bright);text-decoration:none}
.umbrella a:not(.wordmark):hover{text-decoration:underline;text-underline-offset:3px}
.umbrella .sep{opacity:.35}

section{padding:5rem 1.5rem;max-width:1080px;margin:0 auto}
.divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 auto 3rem;max-width:340px;color:var(--gold)}
.divider::before,.divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}
.divider::after{background:linear-gradient(90deg,var(--gold),transparent)}

.page-head{text-align:center;padding:4.5rem 1.5rem 1rem;max-width:1080px;margin:0 auto}
.page-head h1{font-size:clamp(2.6rem,7vw,4.6rem)}
.page-head .eyebrow{display:block;margin-bottom:.6rem}

footer{background:var(--ink);color:#9c8d74;text-align:center;padding:2.5rem 1.5rem;font-family:'IM Fell English SC',serif;letter-spacing:.14em;font-size:.75rem;line-height:2}
footer a{color:var(--gold-bright);text-decoration:none}
footer a:hover{text-decoration:underline;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:640px){nav{gap:1.1rem}section{padding:3.5rem 1.3rem}}