/* ============================================================
   金莎体育 · 共享外壳样式 /assets/site.css
   色彩体系：暖纸 × 深墨 × 宁夏沙金，草皮绿仅作实时状态点缀
   ============================================================ */

:root{
  --ink-900:#16211E;
  --ink-800:#1D2925;
  --paper-100:#F4EDE1;
  --paper-300:#E5D9C6;
  --sand-500:#C8912F;
  --sand-300:#E3BE72;
  --rock-600:#6E7472;
  --rock-200:#C9CDCA;
  --pitch-500:#4FD16A;
  --amber-600:#D2741B;
  --cyan-500:#2FA8C4;
  --alert-700:#A33A22;

  --rail-w:88px;
  --page-max:1440px;
  --gutter:22px;
  --bar-h:60px;

  --font-body:"Inter",system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-head:"Archivo Narrow","Oswald","Arial Narrow","PingFang SC","Microsoft YaHei",sans-serif;
  --font-serif:"Source Serif 4","Source Serif Pro",Georgia,"Songti SC","Noto Serif SC",serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ---------- reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:76px;
}

body{
  margin:0;
  min-height:100vh;
  padding-top:var(--bar-h);
  color:var(--ink-900);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.75;
  background-color:var(--paper-100);
  background-image:
    repeating-linear-gradient(0deg, rgba(110,116,114,.05) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(110,116,114,.05) 0 1px, transparent 1px 34px);
}

img,svg,video{ max-width:100%; display:block; }
main{ display:block; }

h1,h2,h3,h4,h5,h6{
  margin:0 0 .6em;
  font-family:var(--font-head);
  font-weight:800;
  line-height:1.12;
  letter-spacing:.005em;
}
p{ margin:0 0 1em; }
ul,ol{ margin:0 0 1em; padding-left:1.3em; }
a{ color:inherit; }
button{ font:inherit; }
table{ border-collapse:collapse; width:100%; }

:focus-visible{
  outline:2px solid var(--sand-500);
  outline-offset:2px;
  border-radius:1px;
}

.u-visually-hidden{
  position:absolute !important;
  width:1px; height:1px;
  margin:-1px; padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* ---------- 跳转链接 ---------- */
.skip-link{
  position:fixed;
  top:10px; left:10px;
  z-index:300;
  padding:10px 18px;
  background:var(--sand-500);
  color:var(--ink-900);
  font-family:var(--font-head);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-decoration:none;
  transform:translateY(-200%);
  transition:transform .2s ease;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.skip-link:focus{ transform:translateY(0); }

/* ---------- 阅读进度条 ---------- */
.progress-rail{
  position:fixed;
  top:0; left:0; right:0;
  height:3px;
  z-index:130;
  pointer-events:none;
  background:rgba(200,145,47,.16);
}
.progress-rail__fill{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--sand-500),var(--amber-600));
}

/* ============================================================
   页头
   ============================================================ */
.site-head{ position:relative; z-index:110; }

/* --- 移动顶栏 --- */
.mobile-bar{
  position:fixed;
  top:0; left:0; right:0;
  height:var(--bar-h);
  z-index:125;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 16px;
  background:var(--ink-900);
  color:var(--paper-100);
  border-bottom:1px solid rgba(201,205,202,.18);
}
.mobile-bar__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--paper-100);
}
.mobile-bar__mark{
  display:grid;
  place-items:center;
  width:28px; height:28px;
  background:var(--sand-500);
  color:var(--ink-900);
  font-family:var(--font-head);
  font-size:15px;
  font-weight:900;
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.mobile-bar__name{
  font-family:var(--font-head);
  font-size:17px;
  font-weight:900;
  letter-spacing:.14em;
}

/* --- 抽屉开关 --- */
.nav-toggle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  background:transparent;
  border:1px solid rgba(201,205,202,.36);
  color:var(--paper-100);
  font-family:var(--font-head);
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px));
  transition:border-color .2s ease,color .2s ease;
}
.nav-toggle:hover{ border-color:var(--sand-500); color:var(--sand-300); }
.nav-toggle__bars{
  position:relative;
  display:inline-block;
  width:16px; height:2px;
  background:var(--sand-500);
  transition:background-color .18s ease;
}
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  content:"";
  position:absolute;
  left:0;
  width:16px; height:2px;
  background:var(--sand-500);
  transition:transform .24s ease,top .24s ease;
}
.nav-toggle__bars::before{ top:-5px; }
.nav-toggle__bars::after{ top:5px; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{ background: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__text{ line-height:1; }

/* --- 轨道容器（移动端仅承载抽屉） --- */
.rail{ display:block; }
.rail__brand,
.rail__season,
.rail__cta{ display:none; }

/* --- 导航：移动端全屏抽屉 --- */
.rail__nav{
  position:fixed;
  top:0; right:0; bottom:0; left:0;
  z-index:118;
  margin:0;
  padding:84px 22px 48px;
  background:var(--ink-900);
  background-image:
    repeating-linear-gradient(115deg, rgba(200,145,47,.06) 0 1px, transparent 1px 84px);
  color:var(--paper-100);
  overflow-y:auto;
  transform:translateX(-100%);
  opacity:0;
  visibility:hidden;
  transition:transform .34s cubic-bezier(.4,0,.2,1),opacity .24s ease,visibility 0s linear .34s;
}
.rail__nav[data-open]{
  transform:translateX(0);
  opacity:1;
  visibility:visible;
  transition:transform .34s cubic-bezier(.4,0,.2,1),opacity .24s ease,visibility 0s;
}
.rail__navtitle{
  margin:0 0 14px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--sand-500);
}
.rail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  border-top:1px solid rgba(201,205,202,.16);
}
.rail__item{ border-bottom:1px solid rgba(201,205,202,.16); }
.rail__link{
  position:relative;
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:14px 4px;
  color:var(--paper-100);
  font-family:var(--font-head);
  font-size:21px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.2;
  text-decoration:none;
  transition:color .2s ease;
}
.rail__link:hover{ color:var(--sand-300); }
.rail__idx{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--sand-500);
}
.rail__name{ display:inline-block; }
.rail__link[aria-current="page"]{ color:var(--sand-300); }
.rail__link[aria-current="page"] .rail__idx{ color:var(--pitch-500); }

.rail__extra{ margin-top:30px; }
.rail__extra-title{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--rock-200);
}
.rail__extra-title--gap{ margin-top:24px; }
.rail__extra-note{
  margin:0;
  font-size:13px;
  line-height:1.9;
  color:var(--rock-200);
  letter-spacing:.02em;
}
.age-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.age-tag{
  display:inline-block;
  padding:5px 11px;
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.1em;
  color:var(--sand-300);
  background:rgba(200,145,47,.1);
  border:1px solid rgba(200,145,47,.4);
  clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px));
}

@media (max-width:959.98px){
  body.is-locked{ overflow:hidden; }
}

/* --- 桌面端：88px 侧边轨道 --- */
@media (min-width:960px){
  html{ scroll-padding-top:32px; }
  body{ padding-top:0; padding-left:var(--rail-w); }

  .mobile-bar{ display:none; }

  .rail{
    position:fixed;
    top:0; left:0; bottom:0;
    width:var(--rail-w);
    z-index:112;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    padding:16px 0 18px;
    background:var(--ink-900);
    background-image:
      repeating-linear-gradient(180deg, rgba(200,145,47,.07) 0 1px, transparent 1px 96px);
    border-right:1px solid rgba(201,205,202,.18);
  }

  .rail__brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
    text-decoration:none;
    color:var(--paper-100);
  }
  .rail__mark{
    display:grid;
    place-items:center;
    width:40px; height:40px;
    background:var(--sand-500);
    color:var(--ink-900);
    font-family:var(--font-head);
    font-size:20px;
    font-weight:900;
    clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
  }
  .rail__word{
    writing-mode:vertical-rl;
    font-family:var(--font-head);
    font-size:13px;
    font-weight:900;
    letter-spacing:.3em;
  }

  .rail__season{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    width:56px;
    margin:0;
    padding-top:10px;
    border-top:1px solid rgba(201,205,202,.2);
    font-family:var(--font-mono);
    font-size:10px;
    letter-spacing:.14em;
    color:var(--rock-200);
    text-align:center;
  }
  .rail__season-v{ font-size:11px; font-weight:700; color:var(--pitch-500); }

  .rail__nav{
    position:static;
    inset:auto;
    transform:none;
    opacity:1;
    visibility:visible;
    width:100%;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    background:transparent;
    background-image:none;
    color:var(--paper-100);
    overflow:visible;
    transition:none;
  }
  .rail__navtitle,
  .rail__extra{ display:none; }

  .rail__list{
    width:100%;
    flex:0 1 auto;
    border-top:0;
    gap:0;
  }
  .rail__item{ border-bottom:0; }
  .rail__link{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    padding:12px 2px;
    font-size:12.5px;
    border-top:1px solid rgba(201,205,202,.14);
    transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;
  }
  .rail__link:last-child{ border-bottom:1px solid rgba(201,205,202,.14); }
  .rail__idx{ display:none; }
  .rail__name{
    writing-mode:vertical-rl;
    letter-spacing:.16em;
    line-height:1;
    font-weight:800;
  }
  .rail__link:hover{
    color:var(--paper-100);
    background:rgba(200,145,47,.12);
  }
  .rail__link[aria-current="page"]{
    color:var(--sand-500);
    background:linear-gradient(180deg,transparent,rgba(200,145,47,.2),transparent);
    box-shadow:inset -3px 0 0 var(--sand-500);
  }
  .rail__link::after{
    content:attr(data-label);
    position:absolute;
    left:calc(100% + 12px);
    top:50%;
    z-index:6;
    padding:5px 11px;
    background:var(--sand-500);
    color:var(--ink-900);
    font-family:var(--font-head);
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transform:translate(-8px,-50%);
    transition:opacity .18s ease,transform .18s ease;
    clip-path:polygon(0 0,100% 0,100% 100%,7px 100%,0 calc(100% - 7px));
  }
  .rail__link:hover::after,
  .rail__link:focus-visible::after{ opacity:1; transform:translate(0,-50%); }

  .rail__cta{
    display:block;
    writing-mode:vertical-rl;
    padding:14px 8px;
    background:var(--sand-500);
    color:var(--ink-900);
    font-family:var(--font-head);
    font-size:12.5px;
    font-weight:900;
    letter-spacing:.24em;
    text-decoration:none;
    clip-path:polygon(0 0,100% 0,100% 100%,24% 100%,0 76%);
    transition:background-color .2s ease,color .2s ease;
  }
  .rail__cta:hover{ background:var(--pitch-500); }
}

/* ============================================================
   页脚
   ============================================================ */
.site-foot{
  position:relative;
  margin-top:0;
  padding:58px 22px 30px;
  background:var(--ink-900);
  color:var(--paper-100);
  overflow:hidden;
}
.site-foot::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(115deg, rgba(200,145,47,.07) 0 1px, transparent 1px 78px);
}
.site-foot::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:4px;
  background:linear-gradient(90deg,
    var(--sand-500) 0 20%,
    var(--amber-600) 20% 36%,
    var(--cyan-500) 36% 48%,
    rgba(79,209,106,.9) 48% 54%,
    transparent 54%);
}
.foot-inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:var(--page-max);
  margin:0 auto;
}

.foot-top{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
}
@media (min-width:640px){
  .foot-top{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1080px){
  .foot-top{ grid-template-columns:1.6fr .8fr .8fr .9fr; gap:40px; }
}

.foot-brand__logo{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin:0 0 15px;
  font-family:var(--font-head);
  font-size:23px;
  font-weight:900;
  letter-spacing:.12em;
}
.foot-brand__mark{
  display:grid;
  place-items:center;
  width:34px; height:34px;
  background:var(--sand-500);
  color:var(--ink-900);
  font-size:17px;
  font-weight:900;
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.foot-brand__desc{
  max-width:34ch;
  margin:0 0 14px;
  font-size:14px;
  line-height:1.85;
  color:var(--rock-200);
}
.foot-brand__region{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--sand-300);
}

.foot-col__title{
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(201,205,202,.2);
  font-family:var(--font-head);
  font-size:14px;
  font-weight:800;
  letter-spacing:.18em;
  color:var(--sand-500);
}
.foot-col__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.foot-col__list a{
  display:inline-block;
  font-size:15px;
  color:var(--paper-100);
  opacity:.86;
  text-decoration:none;
  transition:color .18s ease,opacity .18s ease,transform .18s ease;
}
.foot-col__list a:hover{
  color:var(--sand-300);
  opacity:1;
  transform:translateX(3px);
}

.foot-base{
  margin-top:48px;
  padding-top:22px;
  border-top:1px solid rgba(201,205,202,.2);
  display:grid;
  gap:9px;
}
@media (min-width:960px){
  .foot-base{ grid-template-columns:1fr 1fr; column-gap:44px; }
  .foot-base .foot-line:first-child{ grid-column:1 / -1; }
}
.foot-line{
  margin:0;
  font-size:13px;
  line-height:1.85;
  letter-spacing:.02em;
  color:var(--rock-200);
}
.foot-line--record{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(244,237,225,.52);
}

/* ============================================================
   通用容器与基元
   ============================================================ */
.wrap{
  width:100%;
  max-width:var(--page-max);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}
@media (min-width:960px){
  .wrap{ padding-left:40px; padding-right:40px; }
}
.wrap--narrow{ max-width:780px; }

.prose{
  max-width:68ch;
  font-size:17px;
  line-height:1.8;
}
.prose > * + *{ margin-top:1.05em; }
.prose h2{ font-size:clamp(23px,3vw,33px); margin-top:1.9em; }
.prose h3{ font-size:clamp(19px,2.2vw,24px); margin-top:1.6em; }
.prose a{
  color:var(--cyan-500);
  text-decoration:underline;
  text-underline-offset:3px;
}
.prose a:hover{ color:var(--amber-600); }
.prose ul,.prose ol{ padding-left:1.35em; }

/* 切角堆叠面板 */
.panel{
  position:relative;
  padding:clamp(22px,3vw,44px);
  background:var(--paper-100);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));
}
.panel--deep{ background:var(--paper-300); }
.panel--ink{
  background:var(--ink-900);
  color:var(--paper-100);
  background-image:
    repeating-linear-gradient(115deg, rgba(200,145,47,.07) 0 1px, transparent 1px 72px);
}

/* 按钮 */
.btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:13px 22px;
  font-family:var(--font-head);
  font-size:14px;
  font-weight:800;
  letter-spacing:.1em;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.btn--solid{ background:var(--sand-500); color:var(--ink-900); }
.btn--solid:hover{ background:var(--sand-300); }
.btn--ghost{ background:transparent; color:var(--paper-100); border-color:var(--rock-600); }
.btn--ghost:hover{ border-color:var(--sand-500); color:var(--sand-300); }
.btn--ink{ background:var(--ink-900); color:var(--paper-100); }
.btn--ink:hover{ background:var(--amber-600); }
.btn.is-copied{ background:var(--pitch-500); color:var(--ink-900); border-color:transparent; }

/* 标签 */
.tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--rock-600);
  border:1px solid currentColor;
  background:transparent;
  clip-path:polygon(0 0,100% 0,100% 100%,7px 100%,0 calc(100% - 7px));
}
.tag--live{
  color:var(--ink-900);
  background:var(--pitch-500);
  border-color:transparent;
}
.tag--amber{ color:var(--amber-600); }
.tag--cyan{ color:var(--cyan-500); }
.tag--alert{ color:var(--alert-700); }
.panel--ink .tag{ color:var(--sand-300); border-color:rgba(227,190,114,.5); }

/* 面包屑 */
.crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 20px;
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--rock-600);
}
.crumbs li{ display:flex; align-items:center; gap:8px; }
.crumbs li::after{ content:"/"; color:var(--rock-200); }
.crumbs li:last-child::after{ content:""; }
.crumbs a{ color:var(--rock-600); text-decoration:none; }
.crumbs a:hover{ color:var(--amber-600); }

/* 数字与标题层级 */
.num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:-.02em;
}
.h-display{
  font-family:var(--font-head);
  font-size:clamp(38px,8vw,92px);
  font-weight:900;
  line-height:.96;
  letter-spacing:-.02em;
  margin:0 0 .3em;
}
.h-section{
  font-family:var(--font-head);
  font-size:clamp(24px,3.4vw,36px);
  font-weight:800;
  line-height:1.14;
  margin:0 0 .5em;
}
.h-editorial{
  font-family:var(--font-serif);
  font-size:clamp(21px,2.4vw,30px);
  font-weight:600;
  line-height:1.4;
  margin:0 0 .5em;
}
.eyebrow{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.22em;
  color:var(--sand-500);
}

/* 图片容器基础规则 */
.figure{
  position:relative;
  display:block;
  margin:0;
  overflow:hidden;
  background:var(--paper-300);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.figure--wide{ aspect-ratio:16 / 9; }
.figure--tall{ aspect-ratio:3 / 4; }
.figure--square{ aspect-ratio:1 / 1; }
.fig-cap{
  margin:10px 0 0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--rock-600);
  line-height:1.7;
}
.ph{
  display:grid;
  place-items:center;
  color:var(--rock-600);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  background-image:
    repeating-linear-gradient(115deg, rgba(110,116,114,.12) 0 1px, transparent 1px 14px);
  background-color:var(--paper-300);
}

/* 章节锚点索引基础规则 */
.spy-nav{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.spy-nav a{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--rock-600);
  text-decoration:none;
  border-left:2px solid transparent;
  padding-left:12px;
  transition:color .2s ease,border-color .2s ease;
}
.spy-nav a:hover{ color:var(--ink-900); }
.spy-nav a.is-active{
  color:var(--sand-500);
  border-left-color:var(--sand-500);
}

/* 显现动效 */
[data-reveal]{ opacity:1; transform:none; }
.js [data-reveal]{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .55s ease,transform .55s ease;
}
.js [data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* 深色区域焦点色 */
.site-foot :focus-visible,
.rail :focus-visible,
.mobile-bar :focus-visible,
.panel--ink :focus-visible{
  outline-color:var(--sand-300);
}

/* 减弱动效 */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal],
  .js [data-reveal]{
    opacity:1 !important;
    transform:none !important;
  }
}