/* ==========================================================================
   财神棋牌老版本 · 共享样式 /assets/site.css
   结构：变量 → reset → 排版 → 通用容器组件 → 页头 → 页脚 → 响应式 → 动效
   ========================================================================== */

/* ---------- 1. 设计变量 ---------- */
:root{
  --deep-red:#8E2419;
  --flag-red:#C0432B;
  --ochre:#C08A2E;
  --butter:#F2C14E;
  --tk-blue:#1F6F78;
  --tk-green:#2E7D5B;
  --wood:#6B4A2F;
  --board:#F5EDE1;
  --paper:#FBF6EE;
  --ink:#1C1410;
  --stone:#6E6259;

  --line:1px solid var(--ochre);
  --line-soft:1px solid rgba(107,74,47,.28);
  --shadow-card:0 1px 0 rgba(28,20,16,.06),0 10px 28px -18px rgba(28,20,16,.55);
  --shadow-lift:0 2px 0 rgba(28,20,16,.08),0 18px 36px -20px rgba(28,20,16,.62);

  --wrap:1180px;
  --gutter:clamp(1.1rem,4vw,2.6rem);
  --header-h:68px;

  --step-display:clamp(2.6rem,7.4vw,5.2rem);
  --step-h2:clamp(1.6rem,3.2vw,2.25rem);
  --step-h3:clamp(1.15rem,2vw,1.4rem);
  --step-body:1.0625rem;
  --step-small:.8125rem;

  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",Georgia,"Times New Roman",serif;
  --sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono","Sarasa Mono SC",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
  color-scheme:light;
}

/* ---------- 2. reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
[hidden]{display:none !important}
table{border-collapse:collapse;width:100%}
hr{border:0;border-top:var(--line);margin:2rem 0}

/* ---------- 3. 中文排版与基础 ---------- */
body{
  font-family:var(--sans);
  font-size:var(--step-body);
  line-height:1.8;
  font-weight:400;
  color:var(--ink);
  background-color:var(--board);
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
strong,b{font-weight:700;color:var(--ink)}
em{font-style:normal;color:var(--deep-red);font-weight:700}

.display{
  font-family:var(--serif);
  font-weight:900;
  font-size:var(--step-display);
  line-height:1.02;
  letter-spacing:-.012em;
}
.h2{font-family:var(--serif);font-weight:900;font-size:var(--step-h2);line-height:1.16;letter-spacing:-.008em}
.h3{font-family:var(--serif);font-weight:800;font-size:var(--step-h3);line-height:1.32}
.eyebrow{
  font-family:var(--mono);font-weight:700;font-size:.76rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--wood);
}
.mono{font-family:var(--mono);font-weight:700;letter-spacing:.04em}
.lede{font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.85;color:var(--wood);max-width:64ch}
.small{font-size:var(--step-small);line-height:1.7;color:var(--stone)}
.prose{max-width:68ch}
.prose > * + *{margin-top:1rem}
.prose h2{margin-top:2.2rem}
.prose ul{list-style:none}
.prose ul > li{position:relative;padding-left:1.15rem;margin-top:.5rem}
.prose ul > li::before{
  content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;
  background:var(--flag-red);transform:translateY(-50%);
}

/* ---------- 4. 通用容器与分区 ---------- */
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.wrap--tight{max-width:860px}
.section{padding:clamp(2.6rem,6vw,4.6rem) 0}
.section--dark{background-color:var(--ink);color:var(--board)}
.section--dark .h2,.section--dark .display{color:var(--paper)}
.section--red{background-color:var(--deep-red);color:var(--paper)}
.section--blue{background-color:var(--tk-blue);color:var(--paper)}
.section--paper{background-color:var(--paper)}
.section--butter{background-color:var(--butter);color:var(--ink)}

.board-field{
  background-color:var(--paper);
  background-image:
    linear-gradient(45deg,rgba(107,74,47,.06) 25%,transparent 25%,transparent 75%,rgba(107,74,47,.06) 75%),
    linear-gradient(45deg,rgba(107,74,47,.06) 25%,transparent 25%,transparent 75%,rgba(107,74,47,.06) 75%);
  background-size:56px 56px;
  background-position:0 0,28px 28px;
}

/* ---------- 5. 按钮与路径提示 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.7rem 1.25rem;
  font-size:.95rem;font-weight:700;letter-spacing:.02em;
  border:1px solid transparent;
  transition:transform .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.btn--primary{background-color:var(--deep-red);color:var(--paper);border-color:var(--deep-red)}
.btn--primary:hover{background-color:var(--flag-red);border-color:var(--flag-red);transform:translateY(-2px)}
.btn--gold{background-color:var(--butter);color:var(--ink);border-color:var(--ochre)}
.btn--gold:hover{background-color:var(--ochre);color:var(--paper);border-color:var(--ochre);transform:translateY(-2px)}
.btn--ghost{background-color:transparent;color:var(--deep-red);border-color:var(--ochre)}
.btn--ghost:hover{background-color:var(--deep-red);color:var(--paper);border-color:var(--deep-red);transform:translateY(-2px)}

.path-hint{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--mono);font-weight:700;font-size:.74rem;letter-spacing:.08em;
  padding:.3rem .62rem;border:1px solid var(--ochre);
  color:var(--wood);background-color:rgba(251,246,238,.72);
}
.path-hint--dark{color:var(--butter);background-color:rgba(28,20,16,.45)}

.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;
  font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--stone);
}
.breadcrumb a{color:var(--wood);border-bottom:1px solid rgba(192,138,46,.55);padding-bottom:1px}
.breadcrumb a:hover{color:var(--deep-red);border-bottom-color:var(--deep-red)}
.breadcrumb__sep{color:var(--ochre)}

/* ---------- 6. 卡片 ---------- */
.card{
  position:relative;
  background-color:var(--paper);
  border:var(--line-soft);
  box-shadow:var(--shadow-card);
  padding:clamp(1.1rem,2.4vw,1.7rem);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);
}
.card:hover,.card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--ochre)}
.card--flag::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background-image:linear-gradient(90deg,var(--deep-red),var(--ochre),var(--tk-blue),var(--butter),var(--tk-green));
}
.card--dark{background-color:var(--ink);color:var(--board);border-color:rgba(192,138,46,.45)}
.card--dark .card__title{color:var(--paper)}
.card--dark .card__body{color:rgba(245,237,225,.78)}
.card__kicker{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--ochre);margin-bottom:.5rem}
.card__title{font-family:var(--serif);font-weight:900;font-size:1.2rem;line-height:1.28}
.card__body{margin-top:.5rem;color:var(--wood);font-size:.98rem;line-height:1.75}
.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

/* ---------- 7. 图片容器基础规则 ---------- */
.figure{
  position:relative;overflow:hidden;margin:0;
  background-color:var(--ink);
  border:1px solid var(--ochre);
}
.figure > img{width:100%;height:100%;object-fit:cover;display:block}
.figure--wide{aspect-ratio:16/9}
.figure--photo{aspect-ratio:4/3}
.figure--tall{aspect-ratio:3/4}
.figure--square{aspect-ratio:1/1}
.figure__cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:.7rem .9rem;
  font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;
  color:var(--butter);
  background-image:linear-gradient(180deg,rgba(28,20,16,0),rgba(28,20,16,.86));
}
.figure--board{background-color:#3a2a1e}
.figure--board::before{
  content:"";position:absolute;inset:0;
  background-image:repeating-conic-gradient(rgba(245,237,225,.14) 0 25%,transparent 0 50%);
  background-size:44px 44px;
}
.figure--board::after{
  content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(120% 82% at 30% 18%,rgba(242,193,78,.32),rgba(242,193,78,0) 62%),
    linear-gradient(180deg,rgba(28,20,16,.05),rgba(28,20,16,.6));
}

/* ---------- 8. 扫描线底纹（可选装饰层） ---------- */
.scanlines{position:relative}
.scanlines::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(180deg,rgba(28,20,16,.05) 0 1px,transparent 1px 4px);
  opacity:.7;
  animation:scan-drift 8s linear infinite;
}
@keyframes scan-drift{
  from{transform:translateY(0)}
  to{transform:translateY(4px)}
}

/* ---------- 9. 分段切换 ---------- */
.tabs{width:100%}
.tab-list{
  display:flex;flex-wrap:wrap;gap:.35rem;
  border-bottom:1px solid var(--ochre);
}
.tab-btn{
  font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.06em;
  padding:.6rem 1rem;color:var(--wood);
  border:1px solid transparent;border-bottom:0;
  background-color:transparent;
  transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.tab-btn:hover{color:var(--deep-red);border-color:rgba(192,138,46,.55)}
.tab-btn[aria-selected="true"]{color:var(--ink);background-color:var(--butter);border-color:var(--ochre)}
.tab-panel{padding-top:1.2rem}
.tab-panel.is-entering{animation:tab-fade .2s var(--ease) both}
@keyframes tab-fade{from{opacity:0}to{opacity:1}}

/* ---------- 10. 页头 ---------- */
.skip-link{
  position:absolute;left:1rem;top:-120px;z-index:300;
  padding:.7rem 1.15rem;
  font-weight:700;font-size:.95rem;
  color:var(--ink);background-color:var(--butter);
  border:1px solid var(--ink);
  transition:top .18s var(--ease);
}
.skip-link:focus{top:.6rem}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:var(--header-h);
  background-color:transparent;
  background-image:linear-gradient(180deg,rgba(28,20,16,.82) 0%,rgba(28,20,16,.5) 58%,rgba(28,20,16,0) 100%);
  background-repeat:no-repeat;
  background-size:100% 156px;
  transition:background-color .28s var(--ease),box-shadow .28s var(--ease);
}
.site-header.is-stuck{
  background-color:var(--deep-red);
  background-image:none;
  box-shadow:0 1px 0 rgba(242,193,78,.4),0 14px 30px -24px rgba(28,20,16,.9);
}

.header-inner{
  position:relative;z-index:2;
  width:100%;max-width:var(--wrap);
  margin:0 auto;padding:0 var(--gutter);
  height:100%;
  display:flex;align-items:center;gap:.7rem;
}

.brand{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto}
.brand-mark{
  width:26px;height:26px;flex:none;
  background-image:repeating-conic-gradient(var(--butter) 0 25%,var(--deep-red) 0 50%);
  background-size:13px 13px;
  border:1px solid var(--ochre);
}
.brand-text{
  font-family:var(--serif);font-weight:900;font-size:1.06rem;
  letter-spacing:.02em;color:var(--paper);white-space:nowrap;
}
.brand-version{
  flex:0 0 auto;
  font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.06em;
  color:var(--butter);
  padding:.1rem .42rem;
  border:1px solid var(--ochre);
  background-color:rgba(28,20,16,.4);
}

.nav-flag{margin-left:auto}
.nav-flag__list{
  position:relative;
  display:flex;align-items:center;gap:.1rem;
}
.nav-flag__list::before{
  content:"";position:absolute;left:.4rem;right:.4rem;top:-10px;height:1px;
  background-image:linear-gradient(90deg,rgba(192,138,46,0),rgba(192,138,46,.85) 14%,rgba(192,138,46,.85) 86%,rgba(192,138,46,0));
}
.nav-flag__item{display:block}
.nav-flag__item--util{display:none}

.nav-flag__link{
  position:relative;display:block;
  padding:.42rem .72rem .74rem;
  font-size:.94rem;font-weight:600;letter-spacing:.02em;
  color:rgba(251,246,238,.86);
  white-space:nowrap;
  transition:color .2s var(--ease);
}
.nav-flag__link::after{
  content:"";position:absolute;left:.72rem;right:.72rem;bottom:.42rem;height:3px;
  background-color:var(--flag,var(--ochre));
  opacity:.62;
  transform:scaleX(.34);transform-origin:50% 50%;
  transition:transform .25s var(--ease),opacity .25s var(--ease);
}
.nav-flag__link:hover{color:#fff}
.nav-flag__link:hover::after{transform:scaleX(1);opacity:1;animation:flag-lilt 1.6s ease-in-out infinite}
.nav-flag__link[aria-current="page"]{color:var(--butter);font-weight:700}
.nav-flag__link[aria-current="page"]::after{transform:scaleX(1);opacity:1;height:4px}
.nav-flag__link:focus-visible{color:#fff}

@keyframes flag-lilt{
  0%,100%{transform:scaleX(1) translateY(0)}
  50%{transform:scaleX(1) translateY(1.5px)}
}

.nav-flag__item:nth-child(1) .nav-flag__link{--flag:var(--butter)}
.nav-flag__item:nth-child(2) .nav-flag__link{--flag:var(--ochre)}
.nav-flag__item:nth-child(3) .nav-flag__link{--flag:var(--tk-blue)}
.nav-flag__item:nth-child(4) .nav-flag__link{--flag:var(--tk-green)}
.nav-flag__item:nth-child(5) .nav-flag__link{--flag:var(--flag-red)}
.nav-flag__item:nth-child(6) .nav-flag__link{--flag:var(--butter)}

.header-utility{display:flex;align-items:center;gap:.45rem;flex:0 0 auto;margin-left:.5rem}
.util-link{
  display:inline-block;
  padding:.36rem .72rem;
  font-size:.82rem;font-weight:700;letter-spacing:.02em;
  color:var(--butter);
  border:1px solid var(--ochre);
  background-color:rgba(142,36,25,.45);
  transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.util-link:hover{background-color:var(--butter);color:var(--ink);border-color:var(--butter)}
.util-link--solid{background-color:var(--flag-red);border-color:var(--flag-red);color:#fff}
.util-link--solid:hover{background-color:var(--butter);border-color:var(--butter);color:var(--ink)}

.nav-toggle{
  display:none;margin-left:auto;
  align-items:center;gap:.5rem;
  padding:.42rem .6rem;
  color:var(--paper);
  border:1px solid var(--ochre);
  background-color:rgba(28,20,16,.42);
}
.nav-toggle__bars{
  position:relative;display:block;width:18px;height:2px;
  background-color:currentColor;
}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";position:absolute;left:0;width:18px;height:2px;
  background-color:currentColor;
  transition:transform .2s var(--ease),top .2s var(--ease);
}
.nav-toggle__bars::before{top:-6px}
.nav-toggle__bars::after{top:6px}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{background-color:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{top:0;transform:rotate(-45deg)}
.nav-toggle__label{font-size:.78rem;font-weight:700;letter-spacing:.06em}

.flagline-meter{
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background-color:rgba(28,20,16,.28);
  overflow:hidden;
}
.flagline-meter__bar{
  display:block;height:100%;width:0;
  background-image:linear-gradient(90deg,var(--deep-red),var(--flag-red),var(--ochre),var(--butter));
  transition:width .12s linear;
}
.site-header:not(.is-stuck) .flagline-meter{background-color:rgba(28,20,16,.16)}

/* ---------- 11. 页脚 ---------- */
.site-footer{
  position:relative;
  color:var(--ink);
  border-top:1px solid var(--ochre);
  background-color:var(--board);
  background-image:
    linear-gradient(45deg,rgba(107,74,47,.05) 25%,transparent 25%,transparent 75%,rgba(107,74,47,.05) 75%),
    linear-gradient(45deg,rgba(107,74,47,.05) 25%,transparent 25%,transparent 75%,rgba(107,74,47,.05) 75%);
  background-size:30px 30px;
  background-position:0 0,15px 15px;
}
.footer-bunting{
  height:10px;
  background-image:repeating-linear-gradient(90deg,
    var(--deep-red) 0 46px,
    var(--ochre) 46px 92px,
    var(--tk-blue) 92px 138px,
    var(--butter) 138px 184px,
    var(--tk-green) 184px 230px,
    var(--flag-red) 230px 276px);
}
.footer-inner{
  width:100%;max-width:var(--wrap);
  margin:0 auto;
  padding:clamp(2rem,4.6vw,3.4rem) var(--gutter) clamp(1.4rem,3vw,2.2rem);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,2fr);
  grid-template-areas:
    "brand cols"
    "contact contact";
  gap:clamp(1.5rem,3.6vw,2.8rem);
}
.footer-brand{grid-area:brand}
.footer-brand__name{
  font-family:var(--serif);font-weight:900;
  font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2;
  color:var(--deep-red);
}
.footer-brand__note{
  margin-top:.6rem;font-size:.95rem;line-height:1.75;
  color:var(--wood);max-width:34ch;
}
.footer-brand__stamp{
  display:inline-block;margin-top:.9rem;
  font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.1em;
  padding:.28rem .6rem;
  color:var(--deep-red);
  border:1px solid var(--ochre);
  background-color:rgba(242,193,78,.24);
}
.footer-cols{
  grid-area:cols;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.4rem;
}
.footer-col__title{
  font-family:var(--mono);font-weight:700;font-size:.76rem;letter-spacing:.16em;
  color:var(--wood);
  padding-bottom:.5rem;margin-bottom:.7rem;
  border-bottom:1px solid rgba(192,138,46,.5);
}
.footer-col__list li + li{margin-top:.42rem}
.footer-col__list a{
  font-size:.95rem;color:var(--ink);
  border-bottom:1px solid transparent;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.footer-col__list a:hover{color:var(--deep-red);border-bottom-color:var(--deep-red)}
.footer-contact{
  grid-area:contact;
  padding-top:1.2rem;
  border-top:1px solid rgba(107,74,47,.26);
  display:flex;flex-wrap:wrap;gap:.35rem 1.6rem;
}
.footer-contact__line{font-size:.92rem;line-height:1.75;color:var(--wood)}
.footer-contact__addr{font-size:.88rem;line-height:1.75;color:var(--stone)}
.footer-base{
  width:100%;max-width:var(--wrap);
  margin:0 auto;
  padding:0 var(--gutter) clamp(1.4rem,3vw,2rem);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.4rem 1.4rem;
  font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--stone);
}
.footer-copy{margin:0}
.footer-icp{margin:0;color:var(--wood)}

/* ---------- 12. 焦点与可达性 ---------- */
:focus{outline:none}
:focus-visible{
  outline:3px solid var(--butter);
  outline-offset:2px;
}
.section--dark :focus-visible,
.footer-col__list a:focus-visible{outline-color:var(--flag-red)}

#main-content{scroll-margin-top:calc(var(--header-h) + 1rem)}

/* ---------- 13. 响应式 ---------- */
@media (max-width:1120px){
  .nav-flag__link{padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
  .header-utility{margin-left:.25rem}
}

@media (max-width:1020px){
  .header-utility{display:none}
  .nav-toggle{display:inline-flex}

  .nav-flag{
    position:fixed;
    left:0;right:0;top:var(--header-h);
    margin-left:0;
    padding:1rem var(--gutter) 1.8rem;
    max-height:calc(100vh - var(--header-h));
    overflow-y:auto;
    background-image:linear-gradient(180deg,var(--deep-red),#5d1710);
    border-bottom:1px solid var(--ochre);
    box-shadow:0 24px 40px -30px rgba(28,20,16,.95);
    transform:translateY(-118%);
    visibility:hidden;
    transition:transform .28s var(--ease),visibility .28s var(--ease);
  }
  .nav-flag[data-open]{transform:translateY(0);visibility:visible}

  .nav-flag__list{flex-direction:column;align-items:stretch;gap:0}
  .nav-flag__list::before{display:none}
  .nav-flag__link{
    padding:.85rem .2rem;
    font-size:1.04rem;
    border-bottom:1px solid rgba(242,193,78,.24);
  }
  .nav-flag__link::after{
    left:.2rem;right:auto;bottom:.55rem;width:34px;height:3px;
    transform:none;opacity:.9;animation:none !important;
  }
  .nav-flag__item--util{display:block}
  .nav-flag__item--util .nav-flag__link{
    color:var(--butter);
    font-family:var(--mono);font-weight:700;font-size:.92rem;letter-spacing:.04em;
  }
  .nav-flag__item--util:first-of-type{margin-top:.9rem}
}

@media (max-width:860px){
  :root{--header-h:62px}
  .brand-text{font-size:1rem}
  .footer-inner{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "brand"
      "cols"
      "contact";
  }
  .footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
}

@media (max-width:620px){
  :root{--step-body:1rem}
  .brand-version{display:none}
  .footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}
  .footer-base{flex-direction:column;align-items:flex-start}
  .tab-btn{padding:.55rem .8rem;font-size:.78rem}
  .tab-list{gap:.25rem}
}

@media (max-width:420px){
  .brand-text{font-size:.94rem}
  .footer-cols{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 14. 降低动效偏好 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .scanlines::after{animation:none}
  .nav-flag__link:hover::after{animation:none}
  .flagline-meter__bar{transition:none}
  .card:hover,.card:focus-within{transform:none}
  .btn:hover{transform:none}
}