/* Hashtag AI Solutions, theme base. The design itself is the package CSS (tokens.css + styles.css). */
html{background:#f0ecec;scroll-behavior:auto}
body{margin:0}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;padding:12px 18px;background:#163337;color:#f0ecec;z-index:100000;left:12px;top:12px;border-radius:999px;text-decoration:none}
.admin-bar .site-top{top:32px}
@media (max-width:782px){.admin-bar .site-top{top:46px}}

/* ---------- mobile menu: logo, burger, and a sheet that grows out of the button ---------- */
.hai-burger{display:none;position:relative;width:44px;height:44px;flex:none;margin:0 -6px 0 0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hai-burger span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--ink);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.hai-burger span:first-child{top:17px}.hai-burger span:last-child{top:25px}
.hai-burger.on span:first-child{top:21px;transform:rotate(45deg)}.hai-burger.on span:last-child{top:21px;transform:rotate(-45deg)}
.hai-burger:focus-visible,.hai-menu a:focus-visible,.hai-menu button:focus-visible{outline:2px solid var(--g3);outline-offset:3px}
.hai-menu{display:none}
@media (max-width:820px){
  .hai-top nav{display:none}
  .hai-burger{display:block}
  html.hai-menu-open,html.hai-menu-open body{overflow:hidden}
  .hai-menu{display:block;position:fixed;inset:0;z-index:100;background:var(--ground);overflow:hidden;visibility:hidden;
    clip-path:circle(0 at var(--ox,calc(100% - 38px)) var(--oy,36px));transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s .7s}
  .hai-menu[hidden]{display:none}
  .hai-menu.is-open{visibility:visible;clip-path:circle(150vmax at var(--ox,calc(100% - 38px)) var(--oy,36px));transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s}
  .hai-menu .hm-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--gut) 0}
  .hai-menu .hm-bar .hai-burger{display:block}
  /* the mark: turns a full revolution as the sheet opens, then keeps turning slowly behind the links */
  .hai-menu .hm-mark{position:absolute;z-index:0;width:min(120vw,620px);aspect-ratio:1;right:-34vw;bottom:-26vw;opacity:0;pointer-events:none;
    background:url(../media/mark-flat.svg) center/contain no-repeat;transform:rotate(-200deg) scale(.4);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .6s}
  .hai-menu.is-open .hm-mark{opacity:.16;transform:rotate(0) scale(1);animation:hm-turn 40s linear 1s infinite}
  .hai-menu .hm-brand .mk{transform:rotate(-360deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
  .hai-menu.is-open .hm-brand .mk{transform:rotate(0)}
  .hai-menu .hm-links{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:7vh var(--gut) 0}
  .hai-menu .hm-links a{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1);color:var(--ink);text-decoration:none;
    font:600 clamp(30px,9vw,44px)/1.15 var(--display);font-stretch:118%;padding:10px 0;border-bottom:1px solid var(--rule)}
  .hai-menu.is-open .hm-links a{opacity:1;transform:none;transition-delay:calc(.28s + var(--i,0)*.08s)}
  .hai-menu .hm-links a[aria-current="page"]{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hai-menu .hm-links a.btn{margin-top:26px;border:0;justify-content:center;padding:18px 26px;font:600 17px/1 var(--body);color:var(--ground);background:var(--ink);border-radius:999px;border-bottom:0}
  .hai-menu .hm-links a.btn span{color:inherit}
}
@keyframes hm-turn{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hai-menu,.hai-menu *{transition:none!important;animation:none!important}.hai-menu.is-open .hm-mark{transform:none}}