@media (min-width:981px){
  html{scroll-padding-top:88px}
  header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.88);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px)}
}
main a,header a,footer a{transition:color .2s,border-color .2s,background-color .2s}
main article{transition:border-color .25s}
main article:hover{border-color:rgba(183,160,36,.5) !important}
.btn-gold,.btn-line{transition:background-color .2s,border-color .2s,color .2s,transform .2s cubic-bezier(.2,0,0,1)}
.btn-gold:hover,.btn-line:hover{transform:translateY(-1px)}
.btn-gold svg,.btn-line svg{transition:transform .2s cubic-bezier(.2,0,0,1)}
.btn-gold:hover svg,.btn-line:hover svg{transform:translateX(3px)}
details summary{transition:color .2s}
details summary:hover{color:#d9c34f}
details[open] summary~*{animation:reveal-open .32s cubic-bezier(.2,0,0,1)}
@keyframes reveal-open{from{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .motion-enabled [data-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity 520ms cubic-bezier(.2,0,0,1),transform 620ms cubic-bezier(.2,0,0,1);transition-delay:var(--reveal-delay,0ms)}
  .motion-enabled [data-reveal].is-visible{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  details[open] summary~*{animation:none}
  .btn-gold:hover,.btn-line:hover,.btn-gold:hover svg,.btn-line:hover svg{transform:none}
}