/* Site header and footer for standalone pages (LASHE Gives Back, Birthday Wish).
   Same look as the main site header/footer, with class names that don't clash with the page's own styles. */
.lg-top,.lg-foot{--lg-paper:#ffffff;--lg-ink:#141210;--lg-soft:#5b554c;--lg-gold:#b8965a;--lg-line:#e4ddcf;
  --lg-display:"Cormorant Garamond",Garamond,"Times New Roman",serif;--lg-body:"Jost","Futura","Avenir Next","Helvetica Neue",Arial,sans-serif}
.lg-wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.lg-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--lg-paper) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--lg-line);color:var(--lg-ink);font-family:var(--lg-body)}
.lg-top .lg-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.lg-mark{font-family:var(--lg-display);font-size:1.45rem;font-weight:600;letter-spacing:.04em;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;color:var(--lg-ink);line-height:1}
.lg-mark img{width:40px;height:auto;flex:none}
.lg-mark em{font-style:italic;color:var(--lg-gold);font-weight:500}
.lg-links{display:flex;gap:28px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.lg-links a{text-decoration:none;color:var(--lg-soft);white-space:nowrap}
.lg-links a:hover,.lg-links a[aria-current="page"]{color:var(--lg-ink)}
.lg-links a[aria-current="page"]{border-bottom:1px solid var(--lg-gold)}
.lg-actions{display:flex;align-items:center;gap:10px}
.lg-bag,.lg-book{display:inline-flex;align-items:center;gap:8px;font-family:var(--lg-body);font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:.8em 1.1em;border:1px solid var(--lg-ink);white-space:nowrap;line-height:1.2}
.lg-bag{background:transparent;color:var(--lg-ink)}
.lg-bag svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.lg-bag .lg-count{font-variant-numeric:tabular-nums;min-width:1.4em;text-align:center;background:var(--lg-gold);color:var(--lg-ink);padding:.1em .35em;font-size:.72rem;letter-spacing:0}
.lg-book{background:var(--lg-ink);color:var(--lg-paper)}
.lg-bag:hover,.lg-book:hover{background:var(--lg-gold);border-color:var(--lg-gold);color:var(--lg-ink)}
@media (min-width:0px){
  .lg-top .lg-wrap{flex-wrap:wrap;row-gap:6px}
  .lg-links{order:3;width:100%;gap:22px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;font-size:.74rem}
  .lg-links::-webkit-scrollbar{display:none}
}
@media (max-width:640px){.lg-book{display:none}.lg-bag .lbl{display:none}.lg-bag{padding:.7em .8em}}
@media (max-width:480px){.lg-mark{font-size:1.02rem;gap:8px;letter-spacing:.02em}.lg-mark img{width:32px}}

.lg-foot{background:var(--lg-paper);color:var(--lg-soft);font-family:var(--lg-body);font-size:.84rem;padding-block:40px 56px;border-top:1px solid var(--lg-line);text-align:left}
.lg-foot .lg-wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:center}
.lg-foot img{width:200px;height:auto}
.lg-foot a{color:var(--lg-ink);text-decoration:none;border-bottom:1px solid var(--lg-gold)}
.lg-foot a:hover{color:var(--lg-gold)}
.lg-foot .lg-giving{width:100%;display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:14px;border-top:1px solid var(--lg-line)}
.lg-foot .foot-mission{font-family:var(--lg-display);font-style:italic;font-size:1.05rem;color:var(--lg-ink)}