/* Site header: the same as the homepage header, for every other page.
   Classes are prefixed tx- so page styles can't change it. */
.tx-hdr,.tx-mnav{
  --tx-bg:#FBF7F1;--tx-ink:#18120E;--tx-ink-2:#36302C;--tx-muted:#6B6157;
  --tx-brand:#C75942;--tx-brand-deep:#A1432F;--tx-line:#E9DECE;--tx-line-2:#F0E7D9;
  --tx-sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --tx-sh-brand:0 8px 18px rgba(199,89,66,.24),0 16px 34px rgba(199,89,66,.20);
  --tx-ease:cubic-bezier(.2,.8,.25,1);
  font-family:var(--tx-sans);-webkit-font-smoothing:antialiased;line-height:1.6;box-sizing:border-box
}
.tx-hdr *,.tx-mnav *{box-sizing:border-box}
.tx-hdr{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(246,246,242,.82);
  -webkit-backdrop-filter:saturate(1.3) blur(12px);backdrop-filter:saturate(1.3) blur(12px);
  border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.tx-hdr.scrolled{border-color:var(--tx-line);box-shadow:0 1px 0 rgba(25,27,26,.03)}
.tx-hdr-in{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px}
.tx-brand{display:flex;align-items:center;text-decoration:none}
.tx-brand img{display:block;height:24px;width:auto}
.tx-nav{display:flex;align-items:center;gap:30px;margin:0;padding:0;position:static;background:none;border:0;opacity:1;animation:none}
.tx-nav a{color:var(--tx-ink-2);text-decoration:none;font-weight:600;font-size:15px}
.tx-nav a:hover{color:var(--tx-ink)}
.tx-right{display:flex;align-items:center;gap:14px}
.tx-login{color:var(--tx-ink-2);text-decoration:none;font-weight:600;font-size:15px}
.tx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--tx-sans);font-weight:700;
  border-radius:12px;border:1px solid transparent;cursor:pointer;text-decoration:none;
  background:var(--tx-brand);color:#fff;box-shadow:var(--tx-sh-brand);
  transition:transform .2s var(--tx-ease),box-shadow .2s var(--tx-ease),background .2s}
.tx-btn:hover{transform:translateY(-2px);background:var(--tx-brand-deep);color:#fff}
.tx-btn:active{transform:translateY(-1px) scale(.96)}
.tx-cta{padding:11px 20px;font-size:15px}
.tx-hdr a:focus-visible,.tx-mnav a:focus-visible,.tx-menu:focus-visible{outline:2px solid var(--tx-brand);outline-offset:3px;border-radius:8px}
.tx-menu{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--tx-line);background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--tx-ink)}
.tx-menu svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.tx-menu .x{display:none}
.tx-menu-open .tx-menu .x{display:block}.tx-menu-open .tx-menu .bars{display:none}
.tx-mnav{display:none;position:fixed;inset:70px 0 0;z-index:99;background:var(--tx-bg);overflow-y:auto;padding:12px 18px 32px;border-top:1px solid var(--tx-line);opacity:1;animation:none}
.tx-menu-open .tx-mnav{display:block}
.tx-menu-open,.tx-menu-open body{overflow:hidden}
.tx-mnav a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--tx-line-2);color:var(--tx-ink);text-decoration:none;font-weight:600;font-size:17px}
.tx-mnav a::after{content:"\2192";color:var(--tx-brand)}
.tx-mnav .tx-mlabel{margin:22px 4px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-muted)}
.tx-mnav .tx-btn{display:flex;width:100%;margin-top:24px;border-bottom:0;padding:16px 30px;font-size:17px;color:#fff}
.tx-mnav .tx-btn::after{content:none}
.tx-mnav .tx-mmeta{text-align:center;font-size:13.5px;color:var(--tx-muted);margin-top:12px}
@media(max-width:980px){.tx-menu{display:inline-flex}.tx-nav{display:none}}
@media(max-width:600px){.tx-hdr-in{padding:0 18px}.tx-login{display:none}}
@media(prefers-reduced-motion:reduce){.tx-btn{transition:none}}

/* Site footer: the same as the homepage footer, for every other page.
   Classes are prefixed tx- so page styles can't change it. */
.tx-foot{
  --tx-ink-2:#36302C;--tx-muted:#6B6157;--tx-brand-deep:#A1432F;--tx-line:#E9DECE;
  font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:17px;
  background:#fff;border-top:1px solid var(--tx-line);padding:54px 0 36px;margin:8px 0 0;box-sizing:border-box;text-align:left
}
.tx-foot *{box-sizing:border-box}
.tx-foot-in{max-width:1200px;margin:0 auto;padding:0 24px}
.tx-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.tx-foot-brand{display:inline-flex;margin-bottom:14px;text-decoration:none}
.tx-foot-brand img{display:block;height:24px;width:auto}
.tx-foot-tag{color:var(--tx-muted);font-size:15px;max-width:30ch;margin:0;text-wrap:pretty}
.tx-foot h3{font-family:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-muted);font-weight:700;margin:0 0 14px;line-height:1.4}
.tx-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tx-foot li{margin:0;padding:0}
.tx-foot li::before{content:none}
.tx-foot a{color:var(--tx-ink-2);text-decoration:none;font-size:14.5px;font-weight:500}
.tx-foot a:hover{color:var(--tx-brand-deep)}
.tx-foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;
  margin-top:40px;padding-top:24px;border-top:1px solid var(--tx-line);font-size:13.5px;color:var(--tx-muted)}
@media(max-width:980px){.tx-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tx-foot-in{padding:0 18px}}
