/* ==========================================================================
   顺发体育赛场 · 共享样式 /assets/site.css
   变量 → 重置 → 中文排版 → 容器网格 → 头部 → 页脚 → 通用组件 → 动效
   ========================================================================== */

/* 1 · 变量 ---------------------------------------------------------------- */
:root{
  --c-green:#12A46B;
  --c-green-deep:#0A6B49;
  --c-mist:#D9F2E6;
  --c-orange:#FF6A1F;
  --c-orange-deep:#C8450A;
  --c-night:#0B1B33;
  --c-signal:#FFD23F;
  --c-ink:#1B2430;
  --c-ink-soft:#4A5563;
  --c-paper:#F7F9F4;
  --c-fog:#E4E9E1;

  --lane:linear-gradient(90deg,var(--c-green) 0%,var(--c-signal) 52%,var(--c-orange) 100%);
  --lane-soft:linear-gradient(120deg,var(--c-green) 0%,var(--c-signal) 58%,var(--c-orange) 100%);
  --shade:0 18px 44px rgba(11,27,51,.12);

  --r-sm:12px; --r-md:18px; --r-lg:26px; --r-pill:999px;
  --wrap:1240px;
  --pad:clamp(18px,4vw,40px);
  --head-h:78px;

  --font:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* 2 · 重置 ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--c-paper);
  color:var(--c-ink);
  font-family:var(--font);
  font-size:17px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure{margin:0}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--c-orange);outline-offset:3px;border-radius:8px}

/* 3 · 中文排版 ------------------------------------------------------------ */
h1,h2,h3,h4{font-weight:900;letter-spacing:-.02em;line-height:1.18}
h1{font-size:clamp(38px,6vw,84px)}
h2{font-size:clamp(26px,3.4vw,40px)}
h3{font-size:clamp(19px,2vw,24px)}
strong{font-weight:800}
.num,.index-val,.sf-icp,.sf-copy,.track-node strong,.sf-contact-val{font-variant-numeric:tabular-nums}
.visually-hidden{
  position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip-link{
  position:fixed;top:12px;left:12px;z-index:200;
  transform:translateY(-220%);
  background:var(--c-night);color:#fff;font-weight:800;font-size:14px;
  padding:10px 20px;border-radius:var(--r-pill);
  transition:transform .2s ease-out;
}
.skip-link:focus{transform:translateY(0)}

/* 4 · 容器与网格 ---------------------------------------------------------- */
.container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.container--narrow{max-width:820px}
.container--wide{max-width:1440px}
.page-offset{padding-top:calc(var(--head-h) + 12px)}

.grid{display:grid;gap:clamp(16px,2vw,26px)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--asym{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.grid--asym-rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.card-grid{
  display:grid;gap:clamp(16px,2vw,26px);
  grid-template-columns:repeat(auto-fit,minmax(258px,1fr));
}
.card-grid:hover .card{opacity:.92}
.card-grid:hover .card:hover,
.card-grid:hover .card:focus-within{opacity:1}

/* 5 · 章节 ---------------------------------------------------------------- */
.section{position:relative;padding:clamp(48px,7vw,96px) 0}
.section--tight{padding:clamp(32px,4vw,56px) 0}
.section--paper{background:var(--c-paper)}
.section--mist{background:var(--c-mist)}
.section--night{background:var(--c-night);color:#E9F2EC}
.section--night .section-lede,.section--night .card-text{color:rgba(233,242,236,.76)}
.section--gradient{background:var(--lane-soft);color:#062A1D}
.section--gradient .section-lede{color:rgba(6,42,29,.78)}
.section-head{max-width:760px;margin-bottom:clamp(24px,3vw,40px)}
.section-head--row{
  display:flex;flex-wrap:wrap;gap:18px 28px;
  align-items:flex-end;justify-content:space-between;max-width:none;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;font-weight:800;letter-spacing:.14em;
  color:var(--c-green-deep);margin-bottom:14px;
}
.section--night .eyebrow{color:var(--c-signal)}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--lane)}
.section-title{font-size:clamp(26px,3.4vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.2}
.section-lede{margin-top:12px;font-size:clamp(15px,1.5vw,17px);color:var(--c-ink-soft)}

/* 6 · 按钮 ---------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:var(--r-pill);border:2px solid transparent;
  font-size:16px;font-weight:800;line-height:1;text-align:center;cursor:pointer;
  transition:transform .2s ease-out,background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--c-orange);color:#fff;box-shadow:0 12px 26px rgba(200,69,10,.26)}
.btn--primary:hover{background:var(--c-orange-deep)}
.btn--green{background:var(--c-green);color:#fff}
.btn--green:hover{background:var(--c-green-deep)}
.btn--outline{background:#fff;border-color:var(--c-green);color:var(--c-green-deep)}
.btn--outline:hover{background:var(--c-mist)}
.btn--ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.26)}
.btn--block{display:flex;width:100%}
.btn--sm{padding:10px 16px;font-size:14px}

/* 7 · 标签与筛选 ---------------------------------------------------------- */
.tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:var(--r-pill);
  font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;
  background:var(--c-mist);color:var(--c-green-deep);
}
.tag--orange{background:var(--c-orange);color:#fff}
.tag--yellow{background:var(--c-signal);color:var(--c-ink)}
.tag--night{background:var(--c-night);color:#fff}
.tag--line{background:transparent;border:1.5px solid currentColor;color:var(--c-green-deep)}
.tag--num{font-variant-numeric:tabular-nums}

.chip-row{display:flex;flex-wrap:wrap;gap:10px}
.chip{
  appearance:none;cursor:pointer;
  padding:9px 18px;border-radius:var(--r-pill);
  border:1.5px solid var(--c-fog);background:#fff;color:var(--c-ink);
  font-size:15px;font-weight:700;
  transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;
}
.chip:hover{border-color:var(--c-green);color:var(--c-green-deep)}
.chip[aria-pressed="true"]{background:var(--c-orange);border-color:var(--c-orange);color:#fff}

/* 8 · 卡片 ---------------------------------------------------------------- */
.card{
  position:relative;overflow:hidden;
  background:#fff;border:1px solid rgba(27,36,48,.07);border-radius:var(--r-lg);
  padding:clamp(18px,2.2vw,26px);box-shadow:var(--shade);
  transition:transform .28s ease-out,opacity .28s ease-out,box-shadow .28s ease-out;
}
.card:hover,.card:focus-within{transform:translateY(-4px);box-shadow:0 24px 52px rgba(11,27,51,.16)}
.card--night{background:var(--c-night);color:#E9F2EC;border-color:rgba(255,255,255,.08)}
.card--night .card-text{color:rgba(233,242,236,.76)}
.card--mist{background:var(--c-mist);box-shadow:none}
.card--cut{clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);border-radius:var(--r-lg) var(--r-lg) 0 var(--r-lg)}
.card-title{font-size:clamp(18px,1.8vw,22px);font-weight:900;letter-spacing:-.01em;line-height:1.35}
.card-text{margin-top:10px;font-size:15.5px;color:var(--c-ink-soft)}
.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:13.5px;color:#5C6B7A}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.card-bar{
  position:absolute;left:0;bottom:0;height:4px;width:100%;
  background:var(--lane);transform:scaleX(0);transform-origin:left center;
  transition:transform .36s ease-out;
}
.card:hover .card-bar,.card:focus-within .card-bar{transform:scaleX(1)}

/* 9 · 图片容器 ------------------------------------------------------------ */
.media-frame{
  position:relative;overflow:hidden;border-radius:var(--r-lg);
  aspect-ratio:16/10;
  background:linear-gradient(140deg,var(--c-mist) 0%,#FFFFFF 58%,var(--c-fog) 100%);
}
.media-frame>img,.media-frame>picture>img{width:100%;height:100%;object-fit:cover}
.media-frame--tall{aspect-ratio:3/4}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--square{aspect-ratio:1/1}
.media-frame--night{background:linear-gradient(140deg,rgba(18,164,107,.45) 0%,var(--c-night) 100%)}
.media-frame--scrim::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(180deg,rgba(11,27,51,0),rgba(11,27,51,.62));
  pointer-events:none;
}
.media-frame__tag{position:absolute;left:14px;bottom:14px;z-index:2}

/* 10 · 框景与赛道 --------------------------------------------------------- */
.plate{
  position:relative;
  border:1.5px solid rgba(255,255,255,.34);
  border-radius:30px;
  padding:clamp(20px,3vw,44px);
}
.plate--light{border-color:rgba(27,36,48,.14)}
.plate-corner{position:absolute;width:12px;height:12px;border-radius:3px;background:var(--c-orange);pointer-events:none}
.plate-corner--tl{top:-6px;left:-6px}
.plate-corner--tr{top:-6px;right:-6px}
.plate-corner--bl{bottom:-6px;left:-6px}
.plate-corner--br{bottom:-6px;right:-6px}

.track{position:relative}
.track-line{height:4px;border-radius:2px;background:var(--lane);opacity:.9}
.track-nodes{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.track-node{display:flex;flex-direction:column;gap:2px;font-size:12.5px;font-weight:600;color:#5C6B7A}
.track-node strong{font-size:13.5px;color:var(--c-orange-deep);font-weight:900}
.track--label-left .track-node{align-items:flex-start}
.track--light .track-node{color:#5C6B7A}
.track--light .track-node strong{color:var(--c-orange-deep)}
.track--night .track-node{color:rgba(220,233,225,.72)}
.track--night .track-node strong{color:var(--c-signal)}

/* 11 · 技能树式服务路径 --------------------------------------------------- */
.step-path{position:relative;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.step-path::before{
  content:"";position:absolute;left:5%;right:5%;top:26px;height:3px;border-radius:2px;
  background:var(--lane);opacity:.5;
}
.step-node{
  position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;
  background:transparent;border:0;padding:0;text-align:left;cursor:pointer;
}
.step-dot{
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;border:3px solid var(--c-green);color:var(--c-green-deep);
  font-weight:900;font-size:17px;
  transition:background-color .24s ease-out,border-color .24s ease-out,color .24s ease-out;
}
.step-node[aria-pressed="true"] .step-dot{background:var(--c-orange);border-color:var(--c-orange);color:#fff}
.step-label{font-size:16px;font-weight:800}
.step-text{font-size:14px;color:var(--c-ink-soft)}
.section--night .step-dot{background:rgba(255,255,255,.08);color:#fff;border-color:var(--c-signal)}
.section--night .step-text{color:rgba(233,242,236,.72)}

/* 12 · 索引面板 ----------------------------------------------------------- */
.index-panel{
  background:#fff;border:1px solid var(--c-fog);border-radius:var(--r-lg);
  padding:clamp(16px,2vw,24px);
}
.index-list{display:grid;gap:2px}
.index-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:10px 12px;border-radius:12px;font-size:15px;
}
.index-row:nth-child(odd){background:var(--c-mist)}
.index-key{font-weight:700}
.index-val{color:var(--c-ink-soft)}

/* 13 · 面包屑 ------------------------------------------------------------- */
.breadcrumbs{padding:14px 0}
.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--c-ink-soft)}
.breadcrumbs-item{display:inline-flex;align-items:center;gap:10px}
.breadcrumbs-item+.breadcrumbs-item::before{content:"›";color:var(--c-green);font-weight:900}
.breadcrumbs-item[aria-current="page"]{color:var(--c-ink);font-weight:700}

/* 14 · 头部 --------------------------------------------------------------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:90;
  color:#fff;
  background-color:transparent;
  background-image:linear-gradient(180deg,rgba(11,27,51,.62) 0%,rgba(11,27,51,.24) 56%,rgba(11,27,51,0) 100%);
  transition:background-color .2s ease-out,box-shadow .2s ease-out;
}
.site-header[data-scrolled]{
  background-color:var(--c-green);
  background-image:none;
  box-shadow:0 14px 32px rgba(11,27,51,.22);
}
.sh-lane{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.22);overflow:hidden}
.sh-lane-fill{
  display:block;height:100%;width:100%;
  background:var(--lane);transform:scaleX(0);transform-origin:left center;
  transition:transform .12s linear;
}
.sh-inner{
  width:100%;max-width:1440px;margin-inline:auto;
  padding-inline:clamp(16px,3vw,36px);
  display:flex;align-items:center;gap:clamp(12px,2vw,26px);
  height:var(--head-h);
  transition:height .2s ease-out;
}
.site-header[data-scrolled] .sh-inner{height:64px}

.sh-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:#fff}
.brand-mark{
  display:grid;place-items:center;flex:0 0 auto;
  width:44px;height:44px;border-radius:14px;
  background:var(--lane);color:#062A1D;
}
.site-header[data-scrolled] .brand-mark{background:rgba(255,255,255,.94);color:var(--c-green-deep)}
.brand-mark--footer{background:var(--lane);color:#062A1D;margin-bottom:14px}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-size:18px;font-weight:900;letter-spacing:-.01em}
.brand-tagline{font-size:11.5px;font-weight:600;letter-spacing:.06em;opacity:.8}

.sh-nav{flex:1 1 auto;min-width:0}
.sh-nav-list{display:flex;align-items:center;gap:2px}
.sh-nav-link{
  position:relative;display:inline-block;
  padding:10px 13px;border-radius:12px;
  font-size:15px;font-weight:700;white-space:nowrap;color:rgba(255,255,255,.9);
  transition:background-color .2s ease-out,color .2s ease-out;
}
.sh-nav-link:hover{background:rgba(255,255,255,.16);color:#fff}
.sh-nav-link[aria-current="page"]{background:rgba(255,255,255,.2);color:#fff}
.sh-nav-link[aria-current="page"]::after{
  content:"";position:absolute;left:13px;right:13px;bottom:4px;height:3px;
  border-radius:2px;background:var(--c-orange);
}
.sh-drawer-cta{display:none}

.sh-actions{position:relative;z-index:3;display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.sh-cta{
  display:inline-flex;align-items:center;
  padding:11px 18px;border-radius:var(--r-pill);
  font-size:14.5px;font-weight:800;white-space:nowrap;
  background:var(--c-orange);color:#fff;
  box-shadow:0 10px 22px rgba(200,69,10,.3);
  transition:transform .2s ease-out,background-color .2s ease-out;
}
.sh-cta:hover{background:var(--c-orange-deep);transform:translateY(-2px)}
.sh-cta--ghost{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.52);box-shadow:none}
.sh-cta--ghost:hover{background:rgba(255,255,255,.28)}

.team-search{position:relative}
.team-search-input{
  width:150px;height:42px;padding:0 16px;
  border-radius:var(--r-pill);
  border:1.5px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.14);
  color:#fff;font-size:14px;font-weight:600;
  transition:width .24s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}
.team-search-input::placeholder{color:rgba(255,255,255,.76)}
.team-search-input:focus{width:190px;background:rgba(255,255,255,.26);border-color:var(--c-signal);outline:none}
.team-results{
  position:absolute;top:calc(100% + 10px);right:0;z-index:6;
  width:238px;max-height:284px;overflow:auto;
  padding:8px;border-radius:16px;
  background:#fff;color:var(--c-ink);
  box-shadow:0 24px 48px rgba(11,27,51,.24);
}
.team-result{display:block;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--c-ink)}
.team-result:hover,.team-result:focus-visible{background:var(--c-mist);color:var(--c-green-deep)}
.team-result--empty{display:block;padding:9px 12px;font-size:14px;color:#5C6B7A}
.team-result--empty a{color:var(--c-orange-deep);font-weight:800;text-decoration:underline}

.sh-toggle{
  display:none;align-items:center;gap:9px;
  padding:9px 13px;border-radius:14px;cursor:pointer;
  background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.4);
  color:#fff;font-size:14px;font-weight:800;
}
.sh-toggle-bars{display:grid;gap:4px;width:18px}
.sh-toggle-bars span{height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease-out,opacity .2s ease-out}
.site-header[data-open] .sh-toggle-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header[data-open] .sh-toggle-bars span:nth-child(2){opacity:0}
.site-header[data-open] .sh-toggle-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
html.nav-open,html.nav-open body{overflow:hidden}

@media (max-width:1080px){
  :root{--head-h:66px}
  .sh-toggle{display:inline-flex}
  .sh-cta{display:none}
  .sh-nav{
    position:fixed;top:0;right:0;bottom:0;z-index:2;
    width:min(380px,88vw);
    padding:calc(var(--head-h) + 26px) 22px 34px;
    background:var(--c-night);
    box-shadow:-26px 0 60px rgba(11,27,51,.34);
    transform:translateX(104%);
    transition:transform .28s ease-out;
    overflow-y:auto;
  }
  .site-header[data-open] .sh-nav{transform:translateX(0)}
  .sh-nav-list{flex-direction:column;align-items:stretch;gap:4px}
  .sh-nav-link{display:block;padding:14px 16px;font-size:17px;border-radius:14px;background:rgba(255,255,255,.06)}
  .sh-nav-link[aria-current="page"]{background:rgba(255,106,31,.26)}
  .sh-nav-link[aria-current="page"]::after{display:none}
  .sh-drawer-cta{display:grid;gap:12px;margin-top:26px}
  .sh-drawer-note{font-size:13px;color:rgba(233,242,236,.62)}
}
@media (max-width:640px){
  .brand-tagline{display:none}
  .team-search-input{width:118px;padding:0 13px}
  .team-search-input:focus{width:150px}
  .sh-toggle-text{display:none}
  .sh-toggle{padding:9px 11px}
}
@media (max-width:430px){
  .brand-text{display:none}
}

/* 15 · 页脚 --------------------------------------------------------------- */
.site-footer{
  position:relative;overflow:hidden;
  background:var(--c-night);color:#DCE9E1;
  padding:clamp(46px,6vw,84px) 0 28px;
  font-size:15px;
}
.sf-glow{
  position:absolute;left:-8%;right:-8%;bottom:-170px;height:400px;
  background:radial-gradient(62% 100% at 50% 100%,rgba(18,164,107,.52),rgba(18,164,107,0) 72%);
  pointer-events:none;
}
.sf-inner{position:relative;width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.sf-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:clamp(26px,3.4vw,54px)}
.sf-brand{max-width:380px}
.sf-brand-name{font-size:21px;font-weight:900;color:#fff;letter-spacing:-.01em}
.sf-brand-line{margin-top:6px;font-size:14.5px;color:rgba(220,233,225,.74)}
.sf-rhythm{margin-top:22px}
.sf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px)}
.sf-col-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:900;color:#fff}
.sf-col-title::before{content:"";width:16px;height:3px;border-radius:2px;background:var(--c-orange)}
.sf-list{display:grid;gap:10px}
.sf-link{font-size:14.5px;color:rgba(220,233,225,.82);transition:color .2s ease-out}
.sf-link:hover{color:var(--c-signal)}
.sf-note{font-size:14px;line-height:1.78;color:rgba(220,233,225,.72)}
.sf-contact{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  margin-top:clamp(30px,4vw,54px);padding-top:26px;
  border-top:1px solid rgba(255,255,255,.12);
}
.sf-contact-item{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:rgba(220,233,225,.86)}
.sf-contact-item svg{flex:0 0 auto;margin-top:3px;color:var(--c-green)}
.sf-contact-key{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;color:rgba(220,233,225,.55)}
.sf-bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;
  margin-top:26px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:13.5px;color:rgba(220,233,225,.66);
}
.sf-legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.sf-bottom-line{font-weight:800;color:rgba(220,233,225,.82)}
@media (max-width:1000px){
  .sf-top{grid-template-columns:1fr}
  .sf-contact{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .sf-cols{grid-template-columns:1fr;gap:26px}
  .sf-contact{grid-template-columns:1fr}
}

/* 16 · 动效 --------------------------------------------------------------- */
.js [data-reveal]{
  opacity:0;
  transform:translate3d(10px,16px,0);
  transition:opacity .34s ease-out,transform .34s ease-out;
  transition-delay:var(--reveal-delay,0ms);
}
.js [data-reveal].is-visible{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  html{scroll-behavior:auto}
  .js [data-reveal]{opacity:1;transform:none}
  .btn:hover,.sh-cta:hover,.card:hover,.card:focus-within{transform:none}
  .card:hover .card-bar,.card:focus-within .card-bar{transform:scaleX(1)}
}