/* Suite 444 site menu (from /preview). Self-contained: every rule is scoped under .hdr. */
@font-face{font-family:"Pinyon Script";src:url(/assets/fonts/pinyon-script-regular.woff2) format("woff2");font-display:swap}
.hdr{--black:#030303;--ink:#11100f;--cream:#fbfaf6;--soft:#d8d0c1;--muted:#a9a093;--gold:#c99b2f;--gold-dark:#8b6617;--gold-light:#f4d77a;--pink:#e6498b;--pink-dark:#a3376a;--pink-light:#f28fb9;--line:rgba(201,155,47,.4);--line-2:rgba(255,255,255,.14);--serif:Georgia,"Times New Roman",serif;--sans:"Avenir Next","Helvetica Neue",Arial,sans-serif;--gut:clamp(18px,4vw,48px);--hh:76px;--ease:cubic-bezier(.2,.7,.2,1);color:var(--cream);font:400 1rem/1.4 var(--serif);text-align:left}
.hdr,.hdr *,.hdr *::before,.hdr *::after{box-sizing:border-box}
.hdr a{color:inherit;text-decoration:none}
.hdr ul{margin:0;padding:0;list-style:none}
.hdr li{margin:0;padding:0}
.hdr button{font-family:inherit}
.hdr .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hdr:focus-within :focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;border-radius:4px}
.hdr .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:700 .82rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s,color .3s;will-change:transform}
.hdr .btn span{position:relative;z-index:1;display:inline-flex;gap:8px;align-items:center}
.hdr .btn::before{content:"";position:absolute;inset:0;z-index:0;transform:translateY(101%);transition:transform .45s var(--ease);background:rgba(255,255,255,.22)}
.hdr .btn:hover::before,.hdr .btn:focus-visible::before{transform:none}
.hdr .btn--lg{min-height:56px;padding:0 34px;font-size:.88rem}
.hdr .btn--gold{background:linear-gradient(135deg,var(--gold-light),var(--gold) 60%,var(--gold-dark));color:#140f03;box-shadow:0 10px 30px -12px rgba(201,155,47,.7)}
.hdr .btn--pink{background:linear-gradient(135deg,var(--pink-light),var(--pink) 60%,var(--pink-dark));color:#1a0610;box-shadow:0 10px 30px -12px rgba(230,73,139,.7)}
.hdr .btn--line{border-color:rgba(244,215,122,.5);color:var(--cream);background:rgba(255,255,255,.02)}
.hdr .btn--line:hover{border-color:var(--gold-light);color:var(--gold-light)}
.hdr .btn--dark{background:var(--ink);color:var(--cream)}
.hdr .btn--dark::before{background:rgba(230,73,139,.5)}
.hdr .btn b{font-weight:400}
.hdr .pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;font:700 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-2);transition:border-color .3s,background .3s}
.hdr .pill--listen{border-color:rgba(230,73,139,.55);color:var(--pink-light)}
.hdr .pill--listen:hover{background:rgba(230,73,139,.14)}
.hdr .pill--support{border-color:rgba(244,215,122,.45);color:var(--gold-light)}
.hdr .pill--support:hover{background:rgba(201,155,47,.14)}
.hdr .eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.hdr .eq i{width:2px;background:currentColor;border-radius:1px;height:40%;animation:hdr-eq 1.1s ease-in-out infinite}
.hdr .eq i:nth-child(2){animation-delay:-.3s}
.hdr .eq i:nth-child(3){animation-delay:-.6s}
.hdr .eq i:nth-child(4){animation-delay:-.9s}
@keyframes hdr-eq{0%,100%{height:25%}50%{height:100%}}
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hh);transition:background .4s,backdrop-filter .4s,border-color .4s,height .3s;border-bottom:1px solid transparent}
.hdr.is-stuck{background:rgba(3,3,3,.72);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-color:var(--line);--hh:68px}
.hdr__in{max-width:1440px;margin:0 auto;height:100%;padding:0 var(--gut);display:flex;align-items:center;gap:28px}
.hdr__logo img{height:54px;width:auto;transition:height .3s}
.hdr .is-stuck .hdr__logo img{height:46px}
.hdr .nav{display:flex;align-items:center;flex:1;justify-content:space-between;gap:20px}
.hdr .nav__list{display:flex;align-items:center;gap:4px}
.hdr .nav__a,.hdr .nav__btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;background:none;border:0;color:var(--cream);font:600 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;position:relative}
.hdr .nav__a::after,.hdr .nav__btn::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1px;background:var(--gold-light);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.hdr .nav__a:hover::after,.hdr .nav__btn:hover::after,.hdr .dd.is-open .nav__btn::after{transform:scaleX(1)}
.hdr .nav__btn i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.hdr .dd{position:relative}
.hdr .dd.is-open .nav__btn i{transform:rotate(225deg)}
.hdr .dd__panel{position:absolute;top:calc(100% + 10px);left:-10px;width:340px;padding:10px;border-radius:18px;background:rgba(14,13,12,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--line);box-shadow:0 30px 60px -20px #000;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.hdr .dd.is-open .dd__panel{opacity:1;visibility:visible;transform:none}
.hdr .dd__panel a{display:block;padding:12px 14px;border-radius:12px;transition:background .25s}
.hdr .dd__panel a:hover,.hdr .dd__panel a:focus-visible{background:rgba(201,155,47,.12)}
.hdr .dd__panel b{display:block;font:400 1.05rem/1.2 var(--serif)}
.hdr .dd__panel small{display:block;color:var(--muted);font:.78rem/1.4 var(--sans);margin-top:3px}
.hdr .dd__panel .dd__all{margin-top:4px;border-top:1px solid var(--line-2);border-radius:0 0 12px 12px;color:var(--gold-light);font:700 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase}
.hdr .nav__actions{display:flex;align-items:center;gap:10px}
.hdr .nav__actions .btn{min-height:42px;padding:0 20px;font-size:.74rem}
.hdr__cart{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);margin-left:auto}
.hdr__cart:hover{border-color:var(--gold-light);color:var(--gold-light)}
.hdr__burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:none;color:var(--cream);position:relative;cursor:pointer}
.hdr__burger i{position:absolute;left:13px;right:13px;height:1.5px;background:currentColor;transition:transform .35s var(--ease),top .35s}
.hdr__burger i:first-of-type{top:18px}
.hdr__burger i:last-of-type{top:25px}
.hdr__burger[aria-expanded=true] i:first-of-type{top:21px;transform:rotate(45deg)}
.hdr__burger[aria-expanded=true] i:last-of-type{top:21px;transform:rotate(-45deg)}
@media (min-width:1081px){
.hdr__cart{margin-left:0}
}
@media (max-width:1080px){
.hdr__burger{display:block}
.hdr__cart{margin-left:auto}
.hdr .nav{position:fixed;inset:var(--hh) 0 0 0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;padding:20px var(--gut) 40px;background:rgba(3,3,3,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .4s var(--ease),visibility .3s}
.hdr .nav.is-open{opacity:1;visibility:visible;transform:none}
.hdr .nav__list{flex-direction:column;align-items:stretch;gap:0}
.hdr .nav__a,.hdr .nav__btn{width:100%;justify-content:space-between;min-height:56px;padding:0 4px;border-bottom:1px solid var(--line-2);font-size:.9rem}
.hdr .nav__a::after,.hdr .nav__btn::after{display:none}
.hdr .dd__panel{position:static;width:auto;opacity:1;visibility:visible;transform:none;background:none;border:0;box-shadow:none;padding:0 0 0 8px;max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.hdr .dd.is-open .dd__panel{max-height:700px}
.hdr .nav__actions{flex-wrap:wrap}
.hdr .nav__actions .btn{flex:1 1 100%;min-height:52px}
.hdr .nav__actions .pill{flex:1;justify-content:center;min-height:48px}
}
/* live-site adjustments: always-solid bar (pages are not all dark), cart badge */
.hdr,.hdr.is-stuck{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:var(--line)}
/* blur lives on a background layer: backdrop-filter on .hdr itself would trap the fixed mobile menu inside the 76px bar */
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(3,3,3,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}
@media(max-width:480px){.centered-heading{overflow-wrap:anywhere}}
.hdr .hdr__cart{position:relative}
.hdr .hdr__cart [data-cart-count]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:#140f03;font:700 .66rem/18px var(--sans);text-align:center}
.hdr .hdr__cart [data-cart-count][hidden]{display:none}
body.nav-v2-open{overflow:hidden}
@media(max-width:1080px){.hdr .nav{padding-bottom:130px}}
/* header never moves or resizes on scroll */
.hdr,.hdr.is-stuck{--hh:76px;height:76px;transition:none;transform:none}
.hdr .hdr__logo img,.hdr.is-stuck .hdr__logo img{height:54px;transition:none}
.hdr .hdr__book{display:none}
html,body{overflow-x:clip}
@media(max-width:1080px){
  .hdr .hdr__in{gap:10px}
  .hdr .hdr__book{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:40px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#f4d77a,#c99b2f 60%,#8b6617);color:#140f03;font:800 .66rem/1.1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center;max-width:112px;box-shadow:0 8px 22px -12px rgba(201,155,47,.8)}
  .hdr .hdr__cart{margin-left:0}
}
@media(max-width:340px){.hdr .hdr__book{display:none}.hdr .hdr__cart{margin-left:auto}}
/* ===== phones: same horizontal menu as desktop (no hamburger), as a second row ===== */
@media(max-width:1080px){
  .hdr,.hdr.is-stuck{--hh:112px;height:112px}
  .hdr .hdr__in{flex-wrap:wrap;align-content:flex-start;height:112px;padding-top:8px;gap:0 10px}
  .hdr .hdr__logo{order:1}
  .hdr .hdr__logo img,.hdr.is-stuck .hdr__logo img{height:44px}
  .hdr .hdr__book{order:2}
  .hdr .hdr__cart{order:3;width:40px;height:40px}
  .hdr .hdr__burger{display:none}
  .hdr .nav,.hdr .nav.is-open{order:4;flex:0 0 100%;position:static;inset:auto;opacity:1;visibility:visible;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding:0;margin-top:6px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-top:1px solid var(--line-2);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hdr .nav::-webkit-scrollbar{display:none}
  .hdr .nav__list{flex-direction:row;align-items:center;gap:0;flex:none}
  .hdr .nav__a,.hdr .nav__btn{width:auto;min-height:44px;padding:0 10px;border-bottom:0;font-size:.66rem;letter-spacing:.1em;gap:5px}
  .hdr .nav__a::after,.hdr .nav__btn::after{display:block;left:10px;right:10px;bottom:6px}
  .hdr .nav__actions{flex-wrap:nowrap;gap:8px;margin-left:6px;padding-right:12px;flex:none}
  .hdr .nav__actions .btn{display:none}
  .hdr .nav__actions .pill{flex:none;min-height:30px;padding:0 12px;font-size:.62rem}
  .hdr .dd{position:static}
  .hdr .dd__panel{position:fixed;left:10px;right:10px;top:114px;width:auto;max-height:calc(100vh - 130px);overflow-y:auto;padding:10px;border-radius:18px;background:rgba(14,13,12,.98);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
  .hdr .dd.is-open .dd__panel{opacity:1;visibility:visible;transform:none;max-height:calc(100vh - 130px)}
  .hdr .nav .dd__panel a{padding:12px 14px}
}
@media(max-width:380px){.hdr .nav__a,.hdr .nav__btn{padding:0 8px;font-size:.62rem}.hdr .hdr__book{font-size:.6rem;padding:0 10px}}
/* fit all six items without swiping; Listen/Support live in the dropdown-free quick pills row on desktop only */
@media(max-width:1080px){
  .hdr .nav__actions{display:none}
  .hdr .nav{justify-content:space-between;overflow-x:auto}
  .hdr .nav__list{width:100%;justify-content:space-between}
  .hdr .nav__a,.hdr .nav__btn{padding:0 5px;font-size:.6rem;letter-spacing:.05em;gap:3px}
  .hdr .nav__btn i{width:5px;height:5px}
  .hdr .nav__a::after,.hdr .nav__btn::after{left:5px;right:5px}
}
@media(max-width:1080px){
  .hdr .nav{margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1);flex-basis:calc(100% + var(--gut)*2);padding:0 4px}
  .hdr .nav .dd__panel a{overflow-wrap:anywhere;white-space:normal}
  .hdr .nav .dd__panel small{white-space:normal}
}
@media(max-width:380px){.hdr .nav__a,.hdr .nav__btn{padding:0 3px;font-size:.57rem;letter-spacing:.03em}.hdr .nav__a::after,.hdr .nav__btn::after{left:3px;right:3px}}