:root{
  --c-ink:#0A0E17;
  --c-panel:#131A29;
  --c-glass:#0D1320;
  --c-cyan:#00F0FF;
  --c-orange:#FF6A00;
  --c-purple:#7B2FFF;
  --c-teal:#0E3B43;
  --c-wine:#3A0F2B;
  --c-indigo:#1A1035;
  --c-ice:#EAF4FF;
  --c-muted:#8FA3C4;
  --font-display:Impact,'Anton','Noto Sans SC Black','Microsoft YaHei',sans-serif;
  --font-body:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --container-width:1280px;
  --container-pad:clamp(18px,4vw,48px);
  --masthead-h:clamp(88px,11vw,128px);
  --nav-h:50px;
  --radius:6px;
  --ease-out:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.7;
  color:var(--c-ice);
  background-color:var(--c-ink);
  background-image:
    radial-gradient(1100px 520px at 88% -80px,rgba(0,240,255,.07),transparent 60%),
    radial-gradient(760px 420px at -120px 32%,rgba(123,47,255,.07),transparent 60%);
  min-height:100vh;
  overflow-x:hidden;
}
::selection{
  background:rgba(0,240,255,.28);
  color:var(--c-ice);
}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--c-ink);}
::-webkit-scrollbar-thumb{background:#223049;border-radius:6px;border:2px solid var(--c-ink);}
::-webkit-scrollbar-thumb:hover{background:var(--c-cyan);}
a{color:var(--c-cyan);text-decoration-thickness:1px;text-underline-offset:4px;}
img,svg,video{max-width:100%;display:block;}
h1,h2,h3,h4{font-weight:700;line-height:1.25;color:var(--c-ice);}
button{font:inherit;}
:focus-visible{
  outline:2px solid var(--c-orange);
  outline-offset:3px;
}
#main-content{
  scroll-margin-top:calc(var(--masthead-h) + var(--nav-h) + 8px);
}
.container{
  width:min(100%,var(--container-width));
  margin-inline:auto;
  padding-inline:var(--container-pad);
}
.content-section{
  position:relative;
  padding-block:clamp(48px,8vw,104px);
}
.theme-indigo{background:linear-gradient(160deg,var(--c-indigo),#130B28);}
.theme-teal{background:var(--c-teal);}
.theme-wine{background:var(--c-wine);}
.theme-panel{background:var(--c-panel);}
.vertical-note{
  writing-mode:vertical-rl;
  font-size:12px;
  letter-spacing:.3em;
  color:var(--c-muted);
  white-space:nowrap;
}
.rule{
  height:2px;
  max-width:420px;
  border:none;
  background:linear-gradient(90deg,var(--c-cyan),rgba(0,240,255,0));
}
.skip-link{
  position:fixed;
  top:-64px;
  left:16px;
  z-index:10000;
  background:var(--c-cyan);
  color:#031318;
  font-size:14px;
  font-weight:700;
  padding:10px 18px;
  border-radius:4px;
  text-decoration:none;
  box-shadow:0 4px 18px rgba(0,240,255,.35);
  transition:top .22s var(--ease-out);
}
.skip-link:focus{top:16px;}
.reading-progress{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:3px;
  z-index:10001;
  transform-origin:0 50%;
  transform:scaleX(0);
  background:linear-gradient(90deg,var(--c-cyan) 0%,var(--c-purple) 70%,var(--c-orange) 100%);
  pointer-events:none;
}
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(10,14,23,.96);
  border-bottom:1px solid rgba(0,240,255,.14);
}
@supports ((backdrop-filter:blur(14px)) or (-webkit-backdrop-filter:blur(14px))){
  .site-header{
    background:rgba(13,19,32,.82);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
}
.masthead{
  position:relative;
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  align-items:center;
  height:var(--masthead-h);
  padding:12px var(--container-pad);
  transition:height .3s var(--ease-out),padding .3s var(--ease-out),background .3s;
}
.masthead::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,var(--c-cyan) 0 22%,var(--c-purple) 22% 44%,var(--c-orange) 44% 100%);
}
.masthead::after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:0;
  width:150px;
  height:2px;
  background:linear-gradient(90deg,var(--c-orange) 0%,rgba(255,106,0,0));
  clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);
}
.masthead-side{
  display:flex;
  align-items:center;
  transition:opacity .3s var(--ease-out);
}
.masthead-side:first-child{justify-self:start;}
.masthead-side:last-child{justify-self:end;}
.mast-vertical-text{
  writing-mode:vertical-rl;
  font-size:11px;
  letter-spacing:.3em;
  color:var(--c-muted);
  text-transform:uppercase;
  border-left:1px solid rgba(0,240,255,.28);
  padding-left:8px;
  line-height:1.4;
}
.masthead-brand{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:inherit;
}
.masthead-logo{
  font-family:var(--font-display);
  font-size:clamp(42px,7vw,72px);
  font-weight:900;
  line-height:.95;
  letter-spacing:.05em;
  color:rgba(234,244,255,.96);
  -webkit-text-stroke:1.5px rgba(0,240,255,.5);
  text-shadow:0 0 24px rgba(0,240,255,.25),0 0 60px rgba(0,240,255,.08);
  transition:font-size .3s var(--ease-out),text-shadow .3s,-webkit-text-stroke .3s;
}
.masthead-tag{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.5em;
  text-indent:.5em;
  color:var(--c-muted);
  white-space:nowrap;
  transition:opacity .3s var(--ease-out);
}
.main-nav{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:var(--nav-h);
  border-top:1px solid rgba(143,163,196,.14);
  background:
    linear-gradient(90deg,rgba(0,240,255,.03) 0%,transparent 30%,transparent 70%,rgba(123,47,255,.04) 100%),
    rgba(10,14,23,.35);
}
.nav-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:clamp(8px,2.4vw,36px);
  list-style:none;
}
.nav-menu a{
  position:relative;
  display:block;
  padding:12px 2px;
  font-size:15px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--c-ice);
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s;
}
.nav-menu a::before{
  content:'';
  position:absolute;
  left:-12px;
  top:50%;
  width:0;
  height:0;
  background:var(--c-orange);
  transform:translateY(-50%) rotate(45deg);
  transition:width .2s,height .2s;
}
.nav-menu a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:6px;
  width:100%;
  height:2px;
  background:var(--c-cyan);
  transform:scaleX(0) skewX(-20deg);
  transform-origin:0 50%;
  transition:transform .22s var(--ease-out);
}
.nav-menu a:hover{color:var(--c-cyan);}
.nav-menu a:hover::after,
.nav-menu a[aria-current="page"]::after{
  transform:scaleX(1) skewX(-20deg);
}
.nav-menu a[aria-current="page"]{
  color:var(--c-cyan);
}
.nav-menu a[aria-current="page"]::before{
  width:5px;
  height:5px;
}
.nav-toggle{
  display:none;
  align-items:center;
  gap:10px;
  background:rgba(0,240,255,.07);
  border:1px solid rgba(0,240,255,.34);
  color:var(--c-cyan);
  padding:8px 12px;
  max-height:36px;
  cursor:pointer;
  border-radius:3px;
  transition:background .2s,border-color .2s;
}
.nav-toggle:hover{
  background:rgba(0,240,255,.16);
  border-color:var(--c-cyan);
}
.nav-toggle-icon{
  display:flex;
  flex-direction:column;
  gap:4px;
  width:18px;
}
.nav-toggle-line{
  width:100%;
  height:2px;
  background:currentColor;
  border-radius:1px;
  transition:transform .22s var(--ease-out),opacity .22s var(--ease-out);
}
[data-nav][data-open] .nav-toggle-line:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
[data-nav][data-open] .nav-toggle-line:nth-child(2){
  opacity:0;
}
[data-nav][data-open] .nav-toggle-line:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}
.nav-toggle-text{
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
}
.site-header.is-scrolled .masthead{
  height:56px;
  padding-block:4px;
}
.site-header.is-scrolled .masthead-logo{
  font-size:24px;
}
.site-header.is-scrolled .masthead-tag,
.site-header.is-scrolled .masthead-side{
  opacity:0;
}
.site-footer{
  position:relative;
  margin-top:clamp(60px,9vw,120px);
  padding-top:64px;
  background:linear-gradient(180deg,var(--c-ink) 0%,var(--c-panel) 55%,#0A0D16 100%);
  border-top:2px solid rgba(0,240,255,.18);
  overflow:hidden;
}
.site-footer::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,var(--c-cyan) 0 18%,var(--c-purple) 38%,transparent 70%);
}
.site-footer::after{
  content:'LEJING';
  position:absolute;
  right:-30px;
  bottom:-46px;
  font-family:var(--font-display);
  font-size:clamp(100px,16vw,230px);
  line-height:1;
  color:rgba(143,163,196,.035);
  pointer-events:none;
  white-space:nowrap;
}
.footer-upper{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr 1.4fr;
  gap:clamp(24px,4vw,52px);
  max-width:var(--container-width);
  margin-inline:auto;
  padding-inline:var(--container-pad);
}
.footer-brand-link{
  display:inline-block;
  text-decoration:none;
}
.footer-logo{
  font-family:var(--font-display);
  font-size:46px;
  line-height:1;
  letter-spacing:.06em;
  color:var(--c-ice);
  transition:-webkit-text-stroke-color .2s;
}
@supports ((-webkit-text-stroke:1.5px var(--c-orange)) or (text-stroke:1.5px var(--c-orange))){
  .footer-logo{
    color:transparent;
    -webkit-text-stroke:1.5px var(--c-orange);
  }
}
.footer-brand-link:hover .footer-logo{
  -webkit-text-stroke-color:var(--c-cyan);
}
.footer-logo-en{
  display:block;
  margin-top:8px;
  font-size:10px;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:var(--c-muted);
}
.footer-about{
  max-width:360px;
  margin-top:20px;
  font-size:14px;
  line-height:1.8;
  color:var(--c-muted);
}
.footer-col-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--c-cyan);
}
.footer-col-title::before{
  content:'';
  width:14px;
  height:2px;
  background:var(--c-orange);
  box-shadow:0 0 6px rgba(255,106,0,.5);
}
.footer-nav-col ul,
.footer-contact-list{
  list-style:none;
}
.footer-nav-col a,
.footer-contact-list a{
  display:inline-block;
  padding:3px 0;
  font-size:14px;
  line-height:2;
  color:var(--c-muted);
  text-decoration:none;
  transition:color .2s,transform .2s;
}
.footer-nav-col a:hover,
.footer-contact-list a:hover{
  color:var(--c-cyan);
  transform:translateX(2px);
}
.footer-contact-list li{
  font-size:14px;
  line-height:1.9;
  color:var(--c-muted);
}
.footer-contact-note{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.06em;
  color:rgba(143,163,196,.55);
}
.footer-lower{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 24px;
  justify-content:space-between;
  max-width:var(--container-width);
  margin:48px auto 0;
  padding:20px var(--container-pad) 0;
  border-top:1px solid rgba(143,163,196,.14);
  font-size:13px;
  color:var(--c-muted);
}
.copyright,
.icp{
  margin:0;
}
.back-top{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(0,240,255,.07);
  border:1px solid rgba(0,240,255,.3);
  color:var(--c-cyan);
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  padding:6px 14px;
  border-radius:3px;
  cursor:pointer;
  transition:background .2s,transform .2s,border-color .2s;
}
.back-top:hover{
  background:rgba(0,240,255,.16);
  border-color:var(--c-cyan);
  transform:translateY(-2px);
}
.footer-note{
  position:relative;
  z-index:1;
  max-width:var(--container-width);
  margin:20px auto 0;
  padding:14px var(--container-pad) 22px;
  font-size:12px;
  line-height:1.7;
  letter-spacing:.04em;
  color:rgba(143,163,196,.6);
  text-align:center;
  border-top:1px solid rgba(143,163,196,.08);
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 26px;
  font-size:14px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  border:1px solid transparent;
  border-radius:3px;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s var(--ease-out),box-shadow .2s,background .2s,border-color .2s;
}
.btn--primary{
  background:var(--c-cyan);
  color:#02161A;
}
.btn--primary:hover{
  background:#6cf6ff;
  transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(0,240,255,.3);
}
.btn--accent{
  background:var(--c-orange);
  color:#170C02;
}
.btn--accent:hover{
  background:#ff9046;
  transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(255,106,0,.3);
}
.btn--ghost{
  border-color:rgba(0,240,255,.5);
  color:var(--c-cyan);
  background:rgba(0,240,255,.06);
}
.btn--ghost:hover{
  background:rgba(0,240,255,.14);
  border-color:var(--c-cyan);
}
.breadcrumbs{
  max-width:var(--container-width);
  margin-inline:auto;
  padding:20px var(--container-pad) 0;
  font-size:13px;
  color:var(--c-muted);
}
.breadcrumbs ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  list-style:none;
}
.breadcrumbs li{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.breadcrumbs li + li::before{
  content:'/';
  opacity:.4;
}
.breadcrumbs a{
  color:var(--c-muted);
  text-decoration:none;
  transition:color .2s;
}
.breadcrumbs a:hover{
  color:var(--c-cyan);
}
.breadcrumbs [aria-current="page"]{
  color:var(--c-cyan);
}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:32px;
}
.section-head__title{
  font-family:var(--font-display);
  font-size:clamp(28px,4.2vw,48px);
  line-height:1.08;
  letter-spacing:.02em;
  color:var(--c-ice);
  border-left:4px solid var(--c-orange);
  padding-left:16px;
}
.section-head__meta{
  font-size:11px;
  letter-spacing:.32em;
  color:var(--c-muted);
  text-transform:uppercase;
  writing-mode:vertical-rl;
  white-space:nowrap;
  border-left:1px solid rgba(0,240,255,.3);
  padding-left:10px;
}
.grid{
  display:grid;
  gap: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--auto{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));}
.card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--c-panel);
  border:1px solid rgba(143,163,196,.14);
  border-radius:var(--radius);
  padding:22px;
  transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s;
}
.card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,240,255,.4);
  box-shadow:0 14px 36px rgba(0,0,0,.38),0 0 0 1px rgba(0,240,255,.06);
}
.card--accent{
  border-top:2px solid var(--c-cyan);
}
.card__tag{
  align-self:flex-start;
  display:inline-block;
  margin-bottom:12px;
  padding:2px 10px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.24em;
  color:var(--c-orange);
  border:1px solid rgba(255,106,0,.4);
  background:rgba(255,106,0,.07);
  border-radius:2px;
}
.card__title{
  font-size:18px;
  margin-bottom:8px;
  line-height:1.4;
}
.card__text{
  font-size:14px;
  line-height:1.7;
  color:var(--c-muted);
}
.media-frame{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(120px 80px at 20% 15%,rgba(0,240,255,.12),transparent 70%),
    linear-gradient(135deg,#151E35,#0E3B43);
  border:1px solid rgba(143,163,196,.16);
  border-radius:var(--radius);
}
.media-frame::after{
  content:'';
  display:block;
  padding-top:56.25%;
}
.media-frame--portrait::after{
  padding-top:125%;
}
.media-frame--square::after{
  padding-top:100%;
}
.media-frame--clip{
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);
}
.media-frame img,
.media-frame video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.image-placeholder{
  position:relative;
  overflow:hidden;
  min-height:200px;
  border:1px dashed rgba(143,163,196,.35);
  background:
    radial-gradient(circle at 30% 20%,rgba(0,240,255,.08),transparent 60%),
    radial-gradient(circle at 70% 80%,rgba(123,47,255,.1),transparent 60%),
    var(--c-panel);
  display:flex;
  align-items:flex-end;
}
.image-placeholder::after{
  content:attr(data-caption);
  display:block;
  width:100%;
  padding:10px 12px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c-muted);
  background:linear-gradient(0deg,rgba(6,9,15,.78),transparent);
}
.glass-card{
  background:rgba(13,19,32,.7);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border:1px solid rgba(0,240,255,.16);
  border-radius:8px;
  padding:20px;
}
@supports not ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  .glass-card{
    background:rgba(19,26,41,.96);
  }
}
.prose{
  max-width:780px;
  font-size:15px;
  line-height:1.9;
  color:var(--c-muted);
}
.prose h1,
.prose h2,
.prose h3,
.prose h4{
  font-family:var(--font-display);
  color:var(--c-ice);
  margin:36px 0 12px;
  letter-spacing:.02em;
}
.prose h1{font-size:34px;}
.prose h2{font-size:26px;}
.prose h3{font-size:20px;}
.prose p{margin-bottom:16px;}
.prose ul,
.prose ol{margin:0 0 16px 1.4em;}
.prose li{margin-bottom:6px;}
.prose a{color:var(--c-cyan);text-decoration:underline;text-underline-offset:4px;}
.prose code{
  background:rgba(0,240,255,.08);
  border:1px solid rgba(0,240,255,.16);
  padding:1px 6px;
  border-radius:3px;
  font-size:.92em;
}
.stat{
  display:inline-flex;
  flex-direction:column;
  padding:8px 16px 8px 0;
  border-right:2px solid rgba(0,240,255,.25);
  margin-right:16px;
}
.stat__num{
  font-family:var(--font-display);
  font-size:clamp(30px,4vw,54px);
  line-height:1;
  color:var(--c-cyan);
}
.stat__label{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--c-muted);
  text-transform:uppercase;
}
.track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  padding-bottom:14px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.track > *{
  scroll-snap-align:start;
  flex:0 0 auto;
  width:min(320px,82vw);
}
[data-reveal]{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);
}
[data-reveal].is-visible{
  opacity:1;
  transform:none;
}
@media (max-width:1100px){
  .footer-upper{
    grid-template-columns:1fr 1fr;
  }
  .footer-brand{
    grid-column:1 / -1;
  }
  .footer-about{
    max-width:none;
  }
}
@media (max-width:1024px){
  .grid--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:860px){
  :root{
    --masthead-h:72px;
  }
  .masthead{
    grid-template-columns:1fr;
    justify-items:center;
  }
  .masthead-side{
    display:none;
  }
  .masthead-logo{
    font-size:40px;
  }
  .main-nav{
    justify-content:flex-end;
    padding-inline:var(--container-pad);
  }
  .nav-toggle{
    display:inline-flex;
  }
  .nav-menu{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:8px var(--container-pad) 14px;
    background:rgba(8,11,19,.98);
    border-top:1px solid rgba(0,240,255,.18);
    border-bottom:1px solid rgba(0,240,255,.12);
    box-shadow:0 30px 44px rgba(0,0,0,.45);
  }
  [data-nav][data-open] .nav-menu{
    display:flex;
  }
  .nav-menu li{
    border-bottom:1px solid rgba(143,163,196,.08);
  }
  .nav-menu li:last-child{
    border-bottom:none;
  }
  .nav-menu a{
    display:block;
    padding:13px 8px 13px 24px;
    font-size:15px;
    letter-spacing:.16em;
    text-align:right;
  }
  .nav-menu a::before{
    left:6px;
    width:5px;
    height:5px;
    background:var(--c-cyan);
  }
  .nav-menu a[aria-current="page"]{
    color:var(--c-cyan);
    background:linear-gradient(90deg,transparent,rgba(0,240,255,.08));
  }
  .nav-menu a::after{
    display:none;
  }
}
@media (max-width:640px){
  :root{
    --container-pad:18px;
  }
  .masthead-logo{
    font-size:34px;
  }
  .masthead-tag{
    font-size:9px;
    letter-spacing:.32em;
  }
  .site-header.is-scrolled .masthead-logo{
    font-size:20px;
  }
  .site-header.is-scrolled .masthead-tag{
    display:none;
  }
  .footer-upper{
    grid-template-columns:1fr;
    gap:26px;
  }
  .footer-brand{
    grid-column:auto;
  }
  .footer-lower{
    justify-content:center;
    text-align:center;
  }
  .back-top{
    width:100%;
    justify-content:center;
  }
  .section-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .grid--2,
  .grid--3,
  .grid--4,
  .grid--auto{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .reading-progress{
    display:none;
  }
  [data-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
  .site-header .masthead{
    transition:none;
  }
  .skip-link{
    transition:none;
  }
}