:root{
  --bg:#060607;
  --bg-2:#0a0a0d;
  --txt:#eae8e3;
  --txt-soft:#c7c5c0;
  --dim:#8b8b94;
  --faint:#5b5b63;
  --amber:#ffae2e;
  --amber-soft:rgba(255,174,46,.14);
  --line:rgba(255,255,255,.08);
  --line-soft:rgba(255,255,255,.05);
  --font-d:"Space Grotesk",sans-serif;
  --font-b:"Inter",sans-serif;
  --font-m:"JetBrains Mono",monospace;
  --font-s:"Instrument Serif",serif;
  --pad:clamp(24px,5vw,64px);
  --ease:cubic-bezier(.65,.05,0,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{
  background:var(--bg);
  color:var(--txt);
  font-family:var(--font-b);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}
::selection{background:var(--amber);color:#0a0a0a}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#1d1d22;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#2c2c33}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.mono{font-family:var(--font-m)}
.sm-only{display:none}

body::after{
  content:"";
  position:fixed;
  inset:-100%;
  z-index:250;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  opacity:.045;
  animation:grain 9s steps(10) infinite;
}
@keyframes grain{
  0%,100%{transform:translate(0,0)}
  10%{transform:translate(-5%,-8%)}
  30%{transform:translate(4%,-3%)}
  50%{transform:translate(-7%,6%)}
  70%{transform:translate(6%,4%)}
  90%{transform:translate(-3%,7%)}
}

#preloader{
  position:fixed;
  inset:0;
  z-index:400;
  background:var(--bg);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:32px;
  transition:transform .85s var(--ease);
}
#preloader.done{transform:translateY(-100%)}
.pre-lines{
  font-family:var(--font-m);
  font-size:12px;
  line-height:2;
  color:var(--dim);
  letter-spacing:.04em;
}
.pre-lines .ok{color:var(--amber)}
.pre-count{
  align-self:flex-end;
  font-family:var(--font-m);
  font-size:clamp(3rem,8vw,5rem);
  font-weight:600;
  color:var(--amber);
  line-height:1;
}

.cursor-dot,.cursor-ring{
  position:fixed;
  top:0;
  left:0;
  z-index:300;
  pointer-events:none;
  border-radius:50%;
  transform:translate(-50%,-50%);
  opacity:0;
}
.cursor-dot{width:6px;height:6px;background:var(--amber)}
.cursor-ring{
  width:34px;
  height:34px;
  border:1px solid rgba(255,174,46,.55);
  transition:width .25s,height .25s,border-color .25s,background .25s;
}
.cursor-ring.is-hover{
  width:58px;
  height:58px;
  border-color:var(--amber);
  background:rgba(255,174,46,.07);
}
@media (pointer:coarse),(pointer:none){
  .cursor-dot,.cursor-ring{display:none}
}
html.has-cursor body,html.has-cursor a,html.has-cursor button,html.has-cursor [data-magnetic]{cursor:none}

.nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px var(--pad);
  transition:background .4s,border-color .4s,backdrop-filter .4s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(6,6,7,.72);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom-color:var(--line-soft);
}
.nav-logo{
  font-family:var(--font-m);
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
  display:flex;
  align-items:baseline;
  gap:1px;
}
.nav-logo-mark{color:var(--amber)}
.nav-logo-slash{color:var(--faint);margin:0 2px}
.nav-logo-sub{color:var(--txt);font-weight:400}
.nav-links{display:flex;gap:clamp(18px,3vw,38px)}
.nav-link{
  font-family:var(--font-m);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--dim);
  transition:color .25s;
  position:relative;
}
.nav-link:hover{color:var(--txt)}
.nav-link.is-active{color:var(--amber)}
.nav-idx{color:var(--amber);font-size:10px;margin-right:6px;opacity:.8}
.nav-right{display:flex;align-items:center;gap:20px}
.nav-clock{
  font-size:11px;
  color:var(--dim);
  letter-spacing:.1em;
  font-variant-numeric:tabular-nums;
}
.nav-burger{
  display:none;
  flex-direction:column;
  gap:6px;
  padding:8px 4px;
  z-index:101;
}
.nav-burger span{
  display:block;
  width:24px;
  height:1.5px;
  background:var(--txt);
  transition:transform .35s var(--ease),background .3s;
}
.nav-burger.open span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
.nav-burger.open span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}

.menu{
  position:fixed;
  inset:0;
  z-index:90;
  background:rgba(6,6,7,.96);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:var(--pad);
  clip-path:inset(0 0 100% 0);
  transition:clip-path .6s var(--ease),visibility .6s;
  visibility:hidden;
}
.menu.open{clip-path:inset(0 0 0% 0);visibility:visible}
.menu-links{display:flex;flex-direction:column;gap:6px}
.menu-link{
  font-family:var(--font-d);
  font-size:clamp(2.4rem,9vw,4rem);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.15;
  color:var(--txt);
  display:flex;
  align-items:baseline;
  gap:18px;
  padding:6px 0;
  transition:color .3s,transform .3s var(--ease);
}
.menu-link .mono{font-size:12px;color:var(--amber)}
.menu-link:hover{color:var(--amber);transform:translateX(10px)}
.menu-foot{
  position:absolute;
  bottom:32px;
  left:var(--pad);
  font-size:11px;
  color:var(--dim);
  letter-spacing:.05em;
}

.hero{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
#gl{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero.no-webgl #gl{display:none}
.hero.no-webgl::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 60% 50% at 70% 30%,rgba(255,174,46,.10),transparent 60%),
    radial-gradient(ellipse 50% 60% at 20% 80%,rgba(255,122,24,.06),transparent 60%),
    var(--bg-2);
}
.hero-grid{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:clamp(56px,7vw,96px) clamp(56px,7vw,96px);
  -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,#000 30%,transparent 75%);
  mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,#000 30%,transparent 75%);
}
.hero-frame{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  font-size:10px;
  letter-spacing:.22em;
  color:var(--faint);
}
.hf-bl{position:absolute;bottom:28px;left:var(--pad)}
.hf-br{position:absolute;bottom:28px;right:var(--pad)}
.hero-inner{
  position:relative;
  z-index:3;
  width:100%;
  max-width:1360px;
  margin:0 auto;
  padding:120px var(--pad) 140px;
}
.hero-status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dim);
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 18px;
  background:rgba(6,6,7,.45);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.hero-status .dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 0 0 rgba(255,174,46,.5);
  animation:pulse 2.4s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,174,46,.45)}
  70%{box-shadow:0 0 0 9px rgba(255,174,46,0)}
  100%{box-shadow:0 0 0 0 rgba(255,174,46,0)}
}
.hero-title{
  margin:clamp(28px,4vh,44px) 0 0;
  font-family:var(--font-d);
  font-weight:700;
  font-size:clamp(3.2rem,12.5vw,10.8rem);
  line-height:.92;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.hero-line{display:block;overflow:hidden;padding-bottom:.06em}
.hero-word{display:inline-block;will-change:transform}
.hero-word-outline{
  color:transparent;
  -webkit-text-stroke:1.5px var(--amber);
}
.hero-sub{
  margin-top:clamp(28px,4.5vh,48px);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.hero-role{
  font-size:clamp(12px,1.2vw,14px);
  color:var(--amber);
  letter-spacing:.06em;
  min-height:1.6em;
}
.caret{
  display:inline-block;
  width:8px;
  height:1.05em;
  background:var(--amber);
  margin-left:4px;
  vertical-align:text-bottom;
  animation:blink 1s steps(1) infinite;
}
@keyframes blink{50%{opacity:0}}
.hero-lede{
  max-width:600px;
  font-size:clamp(1rem,1.4vw,1.2rem);
  line-height:1.65;
  color:var(--dim);
}
.hero-lede strong{color:var(--txt-soft);font-weight:500}
.hero-cta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:clamp(36px,5vh,56px);
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-family:var(--font-m);
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:16px 26px;
  border-radius:2px;
  transition:background .3s,color .3s,border-color .3s;
  will-change:transform;
}
.btn-solid{background:var(--amber);color:#0a0a0a;border:1px solid var(--amber)}
.btn-solid:hover{background:transparent;color:var(--amber)}
.btn-ghost{border:1px solid rgba(255,255,255,.2);color:var(--txt)}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}
.btn-arr{transition:transform .3s var(--ease)}
.btn:hover .btn-arr{transform:translateX(5px)}
.hero-scroll{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  font-size:9px;
  letter-spacing:.34em;
  color:var(--faint);
}
.hero-scroll-line{
  width:1px;
  height:44px;
  background:linear-gradient(to bottom,var(--amber),transparent);
  animation:drip 2.2s var(--ease) infinite;
  transform-origin:top;
}
@keyframes drip{
  0%{transform:scaleY(0);transform-origin:top}
  45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}

.marquee{
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
  overflow:hidden;
  padding:20px 0;
  background:var(--bg);
}
.marquee-track{display:flex;width:max-content;animation:marq 36s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-seg{display:flex;align-items:center;white-space:nowrap}
.marquee-seg em{
  font-family:var(--font-d);
  font-style:normal;
  font-size:15px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--dim);
  transition:color .3s;
}
.marquee-seg em:hover{color:var(--amber)}
.marquee-seg i{
  font-style:normal;
  color:var(--amber);
  margin:0 26px;
  font-size:11px;
}
@keyframes marq{to{transform:translateX(-50%)}}

.section{
  max-width:1360px;
  margin:0 auto;
  padding:clamp(96px,13vw,180px) var(--pad);
}
.section-head{margin-bottom:clamp(48px,7vw,88px)}
.label{
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:11px;
  letter-spacing:.26em;
  color:var(--amber);
  text-transform:uppercase;
}
.label::before{
  content:"";
  width:36px;
  height:1px;
  background:var(--amber);
}
.section-title{
  font-family:var(--font-d);
  font-weight:600;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:1.04;
  letter-spacing:-.02em;
  margin-top:22px;
}
.section-sub{
  margin-top:18px;
  max-width:480px;
  color:var(--dim);
  font-size:1rem;
}

.about-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(40px,6vw,90px);
  align-items:start;
}
.about-copy p{
  font-size:clamp(1.05rem,1.5vw,1.3rem);
  line-height:1.7;
  color:var(--txt-soft);
  margin-bottom:1.5em;
}
.about-copy strong{color:var(--txt);font-weight:600}
.about-note{
  font-family:var(--font-m);
  font-size:12px !important;
  letter-spacing:.06em;
  color:var(--amber) !important;
  border-left:2px solid var(--amber);
  padding-left:18px;
}
.stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.stat{
  background:var(--bg);
  padding:clamp(22px,2.6vw,34px);
  transition:background .3s;
}
.stat:hover{background:var(--bg-2)}
.stat-num{
  display:block;
  font-family:var(--font-d);
  font-weight:700;
  font-size:clamp(2.4rem,3.6vw,3.4rem);
  line-height:1;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.stat-num::after{content:attr(data-suffix);color:var(--amber)}
.stat-lbl{
  display:block;
  margin-top:12px;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dim);
}

.work-list{border-bottom:1px solid var(--line)}
.work-row{
  position:relative;
  display:grid;
  grid-template-columns:3.4rem minmax(0,1fr) auto 3rem;
  align-items:start;
  gap:clamp(16px,2.5vw,36px);
  padding:clamp(24px,3.2vw,40px) 12px;
  border-top:1px solid var(--line);
}
.work-row::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(560px circle at var(--mx,50%) var(--my,50%),rgba(255,174,46,.07),transparent 42%);
  opacity:0;
  transition:opacity .35s;
  pointer-events:none;
}
.work-row:hover::before{opacity:1}
.work-idx{
  font-size:12px;
  color:var(--faint);
  padding-top:8px;
  transition:color .3s;
}
.work-row:hover .work-idx{color:var(--amber)}
.work-name{
  font-family:var(--font-d);
  font-weight:600;
  font-size:clamp(1.4rem,2.6vw,2.1rem);
  letter-spacing:-.01em;
  line-height:1.1;
  transition:transform .45s var(--ease);
  display:block;
}
.work-row:hover .work-name{transform:translateX(10px)}
.work-flag{
  font-size:10px;
  font-weight:500;
  color:var(--amber);
  border:1px solid rgba(255,174,46,.4);
  border-radius:999px;
  padding:3px 10px;
  margin-left:12px;
  vertical-align:middle;
  letter-spacing:.12em;
}
.work-desc{
  display:block;
  margin-top:12px;
  max-width:660px;
  color:var(--dim);
  font-size:.95rem;
  line-height:1.65;
  transition:color .3s;
}
.work-row:hover .work-desc{color:var(--txt-soft)}
.work-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  text-align:right;
  padding-top:8px;
  white-space:nowrap;
}
.work-tags{font-size:11px;color:var(--dim);letter-spacing:.04em}
.work-year{font-size:11px;color:var(--amber);letter-spacing:.08em}
.work-arr{
  font-family:var(--font-d);
  font-size:1.5rem;
  color:var(--amber);
  align-self:center;
  opacity:0;
  transform:translateX(-10px);
  transition:opacity .35s,transform .35s var(--ease);
}
.work-row:hover .work-arr{opacity:1;transform:translateX(0)}

.archive{margin-top:clamp(56px,8vw,96px)}
.archive-head{
  font-size:11px;
  letter-spacing:.2em;
  color:var(--faint);
  margin-bottom:18px;
}
.archive-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:24px;
  align-items:baseline;
  padding:13px 4px;
  border-top:1px solid var(--line-soft);
  transition:padding-left .3s var(--ease);
}
.archive-list li:hover{padding-left:14px}
.arch-name{color:var(--txt-soft);font-size:.98rem;transition:color .25s}
.archive-list li:hover .arch-name{color:var(--amber)}
.arch-tag{font-size:10px;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}
.arch-year{font-size:10px;color:var(--dim)}

.timeline{border-bottom:1px solid var(--line)}
.tl-item{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:clamp(20px,4vw,60px);
  padding:clamp(28px,3.4vw,44px) 4px;
  border-top:1px solid var(--line);
}
.tl-when{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--dim);
}
.tl-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--faint);
  flex:none;
}
.tl-dot-live{
  background:var(--amber);
  box-shadow:0 0 0 0 rgba(255,174,46,.45);
  animation:pulse 2.4s infinite;
}
.tl-role{
  font-family:var(--font-d);
  font-weight:600;
  font-size:clamp(1.25rem,2.2vw,1.7rem);
  letter-spacing:-.01em;
}
.tl-part{font-size:11px;color:var(--faint);font-weight:400;letter-spacing:.08em}
.tl-org{
  margin-top:8px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--amber);
}
.tl-note{
  margin-top:14px;
  max-width:640px;
  color:var(--dim);
  font-size:.98rem;
  line-height:1.7;
}

.stack-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.stack-tile{
  background:var(--bg);
  padding:clamp(22px,2.4vw,30px);
  transition:background .3s;
}
.stack-tile:hover{background:var(--bg-2)}
.stack-h{
  font-size:11px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--amber);
  padding-bottom:14px;
  border-bottom:1px solid var(--line-soft);
}
.stack-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px 0;
  padding-top:18px;
}
.stack-list li{
  font-size:.92rem;
  color:var(--txt-soft);
  margin-right:8px;
  transition:color .25s;
}
.stack-list li::before{content:"· ";color:var(--amber)}
.stack-list li:hover{color:var(--amber)}

.contact-title{
  font-family:var(--font-d);
  font-weight:600;
  font-size:clamp(2.8rem,9vw,7.4rem);
  line-height:.98;
  letter-spacing:-.03em;
}
.contact-title em{
  font-family:var(--font-s);
  font-style:italic;
  font-weight:400;
  color:var(--amber);
}
.contact-row{margin-top:clamp(40px,6vw,72px)}
.contact-mail{
  display:inline-flex;
  align-items:baseline;
  gap:20px;
  font-family:var(--font-d);
  font-weight:500;
  font-size:clamp(1.3rem,4vw,3rem);
  letter-spacing:-.01em;
  position:relative;
  padding-bottom:10px;
}
.contact-mail::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s var(--ease);
}
.contact-mail:hover::after{transform:scaleX(1)}
.contact-arr{color:var(--amber);transition:transform .4s var(--ease)}
.contact-mail:hover .contact-arr{transform:translateX(10px)}
.contact-links{
  margin-top:clamp(40px,5vw,60px);
  display:flex;
  flex-wrap:wrap;
  gap:16px 56px;
}
.contact-links a{
  display:inline-flex;
  align-items:baseline;
  gap:12px;
  font-family:var(--font-m);
  font-size:13px;
  color:var(--dim);
  letter-spacing:.04em;
  transition:color .25s;
}
.contact-links a:hover{color:var(--txt)}
.cl-idx{color:var(--amber);font-size:10px;letter-spacing:.2em}

.footer{border-top:1px solid var(--line)}
.foot-row{
  max-width:1360px;
  margin:0 auto;
  padding:26px var(--pad);
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 32px;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--dim);
}
.foot-c{color:var(--amber)}
.foot-top{color:var(--dim);transition:color .25s}
.foot-top:hover{color:var(--amber)}

[data-reveal]{will-change:transform,opacity}

@media (max-width:900px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .about-grid{grid-template-columns:1fr}
  .work-row{grid-template-columns:2.4rem minmax(0,1fr)}
  .work-meta{
    grid-column:2;
    flex-direction:row;
    align-items:center;
    gap:18px;
    text-align:left;
    padding-top:0;
    white-space:normal;
  }
  .work-arr{display:none}
  .tl-item{grid-template-columns:1fr;gap:14px}
  .sm-only{display:inline}
}
@media (max-width:640px){
  .nav-clock{display:none}
  .hero-inner{padding-top:100px}
  .hero-word-outline{-webkit-text-stroke-width:1px}
  .stats{grid-template-columns:1fr 1fr}
  .archive-list li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .arch-tag{grid-column:1;justify-self:start}
  .arch-year{grid-column:2;grid-row:1}
  .contact-links{flex-direction:column;gap:20px}
  .foot-row{flex-direction:column;align-items:flex-start}
  .hf-bl,.hf-br{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001s !important;
    animation-iteration-count:1 !important;
    transition-duration:.001s !important;
  }
  .marquee-track{animation:none}
  .hero-scroll-line,.hero-status .dot,.tl-dot-live{animation:none}
}