/* ==========================================================================
   欧亿体育安装 · 共享样式表  /assets/site.css
   顺序：变量 → 重置 → 排版 → 布局 → 通用组件 → 头部 → 页脚 → 响应式
   ========================================================================== */

/* --- 1. 设计变量 --------------------------------------------------------- */
:root{
  /* 色彩体系 */
  --oy-cream:#F4EDE1;
  --oy-cream-deep:#EDE3D3;
  --oy-ink:#1B1A17;
  --oy-navy:#0F2E4C;
  --oy-navy-deep:#0A2136;
  --oy-navy-soft:#1B4265;
  --oy-green:#2E6B4F;
  --oy-green-soft:#8FB3A3;
  --oy-orange:#E35A2B;
  --oy-ochre:#C7772B;
  --oy-crimson:#A8231C;
  --oy-taupe:#6E6459;
  --oy-sand:#DAD2C4;

  /* 字体栈 */
  --oy-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
  --oy-sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --oy-mono:"JetBrains Mono","Roboto Mono",ui-monospace,SFMono-Regular,Consolas,monospace;

  /* 字号阶梯 13 / 15 / 17 / 21 / 28 / 38 / 54 */
  --oy-fs-1:13px;
  --oy-fs-2:15px;
  --oy-fs-3:17px;
  --oy-fs-4:21px;
  --oy-fs-5:28px;
  --oy-fs-6:38px;
  --oy-fs-7:54px;

  /* 结构 */
  --oy-wrap:1240px;
  --oy-gutter:clamp(16px,4vw,40px);
  --oy-cut:14px;          /* 切角尺寸 */
  --oy-head-h:66px;
  --oy-cmd-h:42px;
  --oy-line:1px solid var(--oy-sand);
  --oy-shadow:0 1px 0 rgba(27,26,23,.05), 0 18px 34px -28px rgba(15,46,76,.55);
  --oy-ease:cubic-bezier(.2,.7,.3,1);
}

/* --- 2. 重置 ------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html:focus-within{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--oy-cream);
  color:var(--oy-ink);
  font-family:var(--oy-sans);
  font-size:var(--oy-fs-3);
  font-weight:400;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
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}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
table{border-collapse:collapse;width:100%}
a{color:inherit;text-decoration:none}
em{font-style:normal;color:var(--oy-crimson)}
:focus-visible{outline:2px solid var(--oy-orange);outline-offset:2px}
::selection{background:var(--oy-navy);color:var(--oy-cream)}

#main-content{
  scroll-margin-top:calc(var(--oy-head-h) + var(--oy-cmd-h) + 12px);
  outline:none;
}

/* --- 3. 排版 ------------------------------------------------------------- */
.oy-h1,.oy-h2,.oy-h3,.oy-h4{
  font-family:var(--oy-serif);
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.24;
  color:var(--oy-navy);
}
.oy-h1{font-size:clamp(30px,5.6vw,var(--oy-fs-7))}
.oy-h2{font-size:clamp(24px,3.6vw,var(--oy-fs-6))}
.oy-h3{font-size:clamp(20px,2.4vw,var(--oy-fs-5))}
.oy-h4{font-size:var(--oy-fs-4)}
.oy-lede{font-size:var(--oy-fs-3);color:var(--oy-taupe);max-width:34em}
.oy-meta{font-size:var(--oy-fs-1);color:var(--oy-taupe);line-height:1.7}
.oy-num{font-family:var(--oy-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em}

/* --- 4. 布局 ------------------------------------------------------------- */
.oy-wrap{width:100%;max-width:var(--oy-wrap);margin-inline:auto;padding-inline:var(--oy-gutter)}
.oy-prose{max-width:34em;text-align:left}
.oy-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(16px,2.4vw,32px);
}
.oy-col-main{grid-column:1 / span 7;min-width:0}
.oy-col-side{grid-column:9 / span 4;min-width:0}
.oy-col-full{grid-column:1 / -1;min-width:0}
.oy-stack{display:grid;gap:clamp(14px,2vw,24px)}

/* 长卷章节 */
.oy-section{position:relative;padding-block:clamp(32px,6vw,74px)}
.oy-section__no{
  display:block;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-2);
  letter-spacing:.18em;
  color:var(--oy-taupe);
  transition:color .24s var(--oy-ease),transform .24s var(--oy-ease);
}
.oy-section.is-active .oy-section__no{color:var(--oy-navy);transform:translateY(-4px)}
.oy-section__rule{
  height:2px;
  margin-top:12px;
  background:linear-gradient(90deg,var(--oy-navy) 0%,var(--oy-green) 58%,rgba(218,210,196,0) 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}

/* 面包屑 */
.oy-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55em;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.04em;
  color:var(--oy-taupe);
}
.oy-crumbs a:hover{color:var(--oy-navy);text-decoration:underline}
.oy-crumbs__sep{color:var(--oy-sand)}

/* --- 5. 通用组件 --------------------------------------------------------- */
.oy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding:.6em 1.05em;
  font-family:var(--oy-sans);
  font-size:var(--oy-fs-2);
  font-weight:700;
  letter-spacing:.02em;
  color:var(--oy-ink);
  background:var(--oy-cream);
  border:1px solid var(--oy-ink);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  transition:background-color .18s var(--oy-ease),color .18s var(--oy-ease),border-color .18s var(--oy-ease);
}
.oy-btn:hover{background:var(--oy-navy);color:var(--oy-cream);border-color:var(--oy-navy)}
.oy-btn--solid{background:var(--oy-orange);border-color:var(--oy-orange);color:var(--oy-ink)}
.oy-btn--solid:hover{background:var(--oy-ink);border-color:var(--oy-ink);color:var(--oy-cream)}
.oy-btn--ghost{background:transparent;border-color:var(--oy-sand);color:var(--oy-navy)}
.oy-btn--ghost:hover{background:var(--oy-navy);border-color:var(--oy-navy);color:var(--oy-cream)}

/* 切角面板 */
.oy-panel{
  position:relative;
  padding:clamp(16px,2.4vw,26px);
  background:var(--oy-cream);
  border:var(--oy-line);
  box-shadow:var(--oy-shadow);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--oy-cut)),calc(100% - var(--oy-cut)) 100%,0 100%);
}
.oy-panel--tint{background:var(--oy-cream-deep)}
.oy-panel--dark{background:var(--oy-navy);border-color:var(--oy-navy);color:var(--oy-cream)}
.oy-panel__eyebrow{
  display:block;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--oy-ochre);
}
.oy-panel__title{
  margin-top:.4em;
  font-family:var(--oy-sans);
  font-size:var(--oy-fs-4);
  font-weight:800;
  line-height:1.35;
  color:var(--oy-navy);
}
.oy-panel--dark .oy-panel__title{color:var(--oy-cream)}
.oy-panel--dark .oy-panel__eyebrow{color:var(--oy-green-soft)}

/* 证据边界框 */
.oy-evidence{
  padding:14px 18px;
  border-left:3px solid var(--oy-green);
  background:rgba(46,107,79,.07);
  font-size:var(--oy-fs-2);
  color:var(--oy-taupe);
}
.oy-evidence__label{
  display:block;
  margin-bottom:.45em;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--oy-green);
}

/* 轮次色带 */
.oy-round-band{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:6px 16px 6px 12px;
  background:var(--oy-navy);
  color:var(--oy-cream);
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.12em;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);
}
.oy-round-band__no{color:var(--oy-ochre)}

/* 签表树基础件 */
.oy-bracket{display:grid;gap:2px;font-family:var(--oy-mono);font-size:var(--oy-fs-1)}
.oy-bracket__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:8px 10px;
  border-bottom:1px dashed var(--oy-sand);
  transition:background-color .16s var(--oy-ease);
}
.oy-bracket__row:hover{background:rgba(15,46,76,.06)}
.oy-bracket__node{color:var(--oy-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oy-bracket__node[data-winner]{font-weight:700;box-shadow:inset 3px 0 0 var(--oy-green)}
.oy-bracket__score{font-variant-numeric:tabular-nums;color:var(--oy-taupe)}
.oy-bracket__score em{color:var(--oy-orange)}

/* 时间轴基础件 */
.oy-timeline{display:grid;gap:0;border-left:2px solid var(--oy-sand);padding-left:18px}
.oy-timeline__item{position:relative;padding-block:12px}
.oy-timeline__mark{
  position:absolute;
  left:-25px;
  top:20px;
  width:12px;
  height:12px;
  background:var(--oy-ochre);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);
}
.oy-timeline__item[data-current] .oy-timeline__mark{background:var(--oy-orange)}

/* 响应式图片容器 */
.oy-figure{display:grid;gap:.6em;margin:0}
.oy-figure__frame{
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 9;
  background:linear-gradient(152deg,var(--oy-navy) 0%,var(--oy-navy-soft) 50%,var(--oy-green) 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.oy-figure__frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:repeating-linear-gradient(-9deg,rgba(244,237,225,.10) 0 1px,rgba(244,237,225,0) 1px 10px);
}
.oy-figure__img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06)}
.oy-figure--wide .oy-figure__frame{aspect-ratio:21 / 9}
.oy-figure--tall .oy-figure__frame{aspect-ratio:3 / 4}
.oy-figure__cap{
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  color:var(--oy-taupe);
  letter-spacing:.02em;
}

/* --- 6. 头部 ------------------------------------------------------------- */
.oy-skip{
  position:absolute;
  left:12px;
  top:-72px;
  z-index:99;
  padding:10px 18px;
  background:var(--oy-orange);
  color:var(--oy-ink);
  font-size:var(--oy-fs-2);
  font-weight:700;
  transition:top .16s var(--oy-ease);
}
.oy-skip:focus{top:12px}

.oy-header{
  position:sticky;
  top:0;
  z-index:60;
  background:var(--oy-navy);
  color:var(--oy-cream);
  border-bottom:1px solid rgba(218,210,196,.2);
}
.oy-header__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:clamp(10px,1.6vw,22px);
  width:100%;
  max-width:var(--oy-wrap);
  min-height:var(--oy-head-h);
  margin-inline:auto;
  padding:8px var(--oy-gutter);
}

/* 品牌 */
.oy-brand{display:flex;align-items:center;gap:12px;min-width:0}
.oy-brand__mark{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  background:var(--oy-cream);
  color:var(--oy-navy);
  font-family:var(--oy-serif);
  font-size:19px;
  font-weight:900;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
}
.oy-brand__text{display:grid;gap:1px;min-width:0}
.oy-brand__line{
  font-size:var(--oy-fs-2);
  font-weight:800;
  letter-spacing:.01em;
  color:var(--oy-cream);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.oy-brand__meta{
  display:block;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.05em;
  color:var(--oy-green-soft);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 移动导航按钮 */
.oy-navtoggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:.45em .7em;
  border:1px solid rgba(218,210,196,.42);
  color:var(--oy-cream);
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.1em;
  transition:background-color .16s var(--oy-ease),color .16s var(--oy-ease);
}
.oy-navtoggle__bars{display:grid;gap:3px;width:16px}
.oy-navtoggle__bars i{display:block;height:2px;background:var(--oy-cream)}
.oy-navtoggle[aria-expanded="true"]{background:var(--oy-cream);color:var(--oy-navy);border-color:var(--oy-cream)}
.oy-navtoggle[aria-expanded="true"] .oy-navtoggle__bars i{background:var(--oy-navy)}

/* 主导航 */
.oy-nav{margin-inline-start:auto}
.oy-nav__list{display:flex;align-items:center;gap:2px;counter-reset:oy-nav}
.oy-nav__item{min-width:0}
.oy-nav__link{
  display:flex;
  align-items:baseline;
  gap:6px;
  padding:.55em .7em;
  font-size:var(--oy-fs-2);
  font-weight:700;
  color:rgba(244,237,225,.8);
  border-bottom:2px solid transparent;
  transition:color .16s var(--oy-ease),border-color .16s var(--oy-ease),background-color .16s var(--oy-ease);
}
.oy-nav__link::before{
  counter-increment:oy-nav;
  content:counter(oy-nav,decimal-leading-zero);
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  color:var(--oy-ochre);
  letter-spacing:.04em;
}
.oy-nav__link:hover{color:var(--oy-cream);border-bottom-color:var(--oy-green-soft)}
.oy-nav__link[aria-current="page"]{color:var(--oy-cream);border-bottom-color:var(--oy-ochre)}

/* 行动区 */
.oy-rail{display:flex;align-items:center;gap:10px}

/* 命令栏 */
.oy-commandbar{background:var(--oy-navy-deep);border-top:1px solid rgba(218,210,196,.14)}
.oy-commandbar__inner{
  display:flex;
  align-items:center;
  gap:clamp(8px,1.4vw,18px);
  width:100%;
  max-width:var(--oy-wrap);
  min-height:var(--oy-cmd-h);
  margin-inline:auto;
  padding:4px var(--oy-gutter);
}
.oy-commandbar__label{
  flex:0 0 auto;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.18em;
  color:var(--oy-ochre);
}
.oy-commandbar__search{
  flex:0 0 auto;
  margin-inline-start:auto;
  padding:3px 0;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.08em;
  color:var(--oy-green-soft);
  border-bottom:1px dashed rgba(143,179,163,.55);
  transition:color .16s var(--oy-ease),border-color .16s var(--oy-ease);
}
.oy-commandbar__search:hover{color:var(--oy-cream)}
.oy-commandbar__search[aria-expanded="true"]{color:var(--oy-cream);border-bottom-color:var(--oy-orange)}

/* 赛季刻度尺 */
.oy-seasonscale{
  display:flex;
  align-items:center;
  gap:1px;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-bottom:2px;
}
.oy-seasonscale::-webkit-scrollbar{height:0}
.oy-seasonscale__item{
  flex:0 0 auto;
  padding:5px 9px 3px;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  font-variant-numeric:tabular-nums;
  letter-spacing:.03em;
  color:var(--oy-green-soft);
  border-bottom:2px solid transparent;
  transition:color .16s var(--oy-ease),border-color .16s var(--oy-ease);
}
.oy-seasonscale__item:hover{color:var(--oy-cream)}
.oy-seasonscale__item[aria-pressed="true"]{color:var(--oy-cream);font-weight:700;border-bottom-color:var(--oy-orange)}

/* 检索口径面板 */
.oy-searchhint{background:var(--oy-cream);border-top:3px solid var(--oy-orange)}
.oy-searchhint[hidden]{display:none}
.oy-searchhint__inner{
  width:100%;
  max-width:var(--oy-wrap);
  margin-inline:auto;
  padding:12px var(--oy-gutter) 14px;
  font-size:var(--oy-fs-2);
  color:var(--oy-taupe);
}
.oy-searchhint code{
  padding:.1em .45em;
  background:rgba(15,46,76,.09);
  color:var(--oy-navy);
  font-family:var(--oy-mono);
  font-size:.94em;
}

/* 阅读进度 */
.oy-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(218,210,196,.18)}
.oy-progress__bar{
  display:block;
  width:0;
  height:100%;
  background:var(--oy-green);
  transition:width .12s linear;
}

/* --- 7. 页脚 ------------------------------------------------------------- */
.oy-footer{
  margin-top:clamp(48px,8vw,96px);
  background:var(--oy-ink);
  color:var(--oy-cream);
  border-top:6px solid var(--oy-navy);
}
.oy-footer__inner{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,2fr) minmax(0,1.15fr);
  gap:clamp(20px,3vw,44px);
  width:100%;
  max-width:var(--oy-wrap);
  margin-inline:auto;
  padding:clamp(32px,5vw,58px) var(--oy-gutter) clamp(24px,3vw,38px);
}
.oy-footer__brand{display:grid;gap:16px;align-content:start}
.oy-brand--footer .oy-brand__line{color:var(--oy-cream)}
.oy-brand--footer .oy-brand__mark{background:var(--oy-cream);color:var(--oy-ink)}
.oy-footer__note{
  font-size:var(--oy-fs-1);
  line-height:1.8;
  color:rgba(244,237,225,.6);
  max-width:30em;
}
.oy-footer__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.oy-footer__col{min-width:0}
.oy-footer__coltitle{
  margin-bottom:.9em;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--oy-ochre);
}
.oy-footer__list{display:grid;gap:.5em}
.oy-footer__link{
  font-size:var(--oy-fs-2);
  color:rgba(244,237,225,.78);
  border-bottom:1px solid transparent;
  transition:color .16s var(--oy-ease),border-color .16s var(--oy-ease);
}
.oy-footer__link:hover{color:var(--oy-cream);border-bottom-color:var(--oy-green-soft)}
.oy-footer__contact{display:grid;gap:.55em;align-content:start}
.oy-footer__contact-line{
  display:grid;
  grid-template-columns:3.2em minmax(0,1fr);
  gap:.6em;
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  line-height:1.7;
  color:rgba(244,237,225,.78);
  word-break:break-word;
}
.oy-footer__contact-key{color:var(--oy-green-soft);letter-spacing:.1em}
.oy-footer__base{
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  width:100%;
  max-width:var(--oy-wrap);
  margin-inline:auto;
  padding:16px var(--oy-gutter) 30px;
  border-top:1px solid rgba(218,210,196,.16);
  font-family:var(--oy-mono);
  font-size:var(--oy-fs-1);
  letter-spacing:.02em;
  color:rgba(244,237,225,.55);
}

/* --- 8. 响应式 ----------------------------------------------------------- */
@media (max-width:1180px){
  .oy-nav__link{padding:.55em .55em;font-size:var(--oy-fs-1)}
}

@media (max-width:1024px){
  .oy-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .oy-col-main{grid-column:1 / span 6}
  .oy-col-side{grid-column:1 / span 6}
  .oy-col-full{grid-column:1 / -1}

  .oy-navtoggle{display:inline-flex;margin-inline-start:auto}
  .oy-nav{
    order:5;
    flex-basis:100%;
    margin-inline-start:0;
    display:none;
  }
  .oy-nav[data-open]{
    display:block;
    padding-block:6px 14px;
    border-top:1px solid rgba(218,210,196,.18);
  }
  .oy-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .oy-nav__link{
    padding:.72em .2em;
    font-size:var(--oy-fs-2);
    border-bottom:1px solid rgba(218,210,196,.14);
    border-left:3px solid transparent;
  }
  .oy-nav__link:hover{border-bottom-color:rgba(218,210,196,.14);border-left-color:var(--oy-green-soft);background:rgba(244,237,225,.05)}
  .oy-nav__link[aria-current="page"]{
    border-bottom-color:rgba(218,210,196,.14);
    border-left-color:var(--oy-ochre);
    background:rgba(244,237,225,.06);
  }
  .oy-rail{order:6;flex-basis:100%;padding-bottom:10px}
  .oy-rail .oy-btn{width:100%}

  .oy-footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .oy-footer__brand{grid-column:1 / -1}
}

@media (max-width:720px){
  :root{--oy-head-h:auto;--oy-cmd-h:auto}
  .oy-brand__meta{display:none}
  .oy-commandbar__label{display:none}
  .oy-commandbar__search{margin-inline-start:0;order:3;flex-basis:100%;padding-bottom:8px}
  .oy-footer__inner{grid-template-columns:minmax(0,1fr)}
  .oy-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oy-footer__contact-line{grid-template-columns:1fr;gap:.2em}
  .oy-timeline{padding-left:14px}
}

@media (max-width:480px){
  .oy-navtoggle__label{display:none}
  .oy-footer__nav{grid-template-columns:minmax(0,1fr)}
  .oy-btn{width:100%}
  .oy-rail .oy-btn{width:100%}
}

/* --- 9. 动效降级 --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .oy-section.is-active .oy-section__no{transform:none}
  .oy-progress__bar{transition:none}
}