/* ═══ ABOUT · SECTION 1 — HERO ═══ */
.a-hero{position:relative;overflow:hidden;min-height:clamp(520px,88svh,900px);
  display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--nav-h) + clamp(40px,7vh,80px)) var(--gut) 0}
.a-hero .cut{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.a-hero .cut line{stroke:var(--cut);stroke-width:2.6;fill:none;
  stroke-dasharray:2600;stroke-dashoffset:2600;
  animation:draw 1.25s cubic-bezier(.65,0,.35,1) .25s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
@keyframes rise{to{transform:translateY(0)}}

.a-hero-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center}
.a-hero .eyebrow{margin-bottom:clamp(22px,4vh,42px);opacity:0;animation:fade .8s ease .1s forwards}
.a-hero h1{font-size:clamp(2.6rem,9.6vw,9.8rem);line-height:.86}
.a-hero h1 .row{display:block;overflow:hidden}
.a-hero h1 .row > span{display:block;transform:translateY(104%);
  animation:rise .95s cubic-bezier(.16,1,.3,1) forwards}
.a-hero h1 .row:nth-child(1) > span{animation-delay:.05s}
.a-hero h1 .row:nth-child(2) > span{animation-delay:.13s}
.a-hero h1 .row:nth-child(3) > span{animation-delay:.21s}
.a-hero h1 .dot{color:var(--cut)}

/* hero baseline marquee */
.hero-strip{position:relative;z-index:2;margin-top:auto;
  border-top:1px solid var(--border);overflow:hidden;
  padding:clamp(14px,2.2vh,20px) 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  opacity:0;animation:fade .9s ease .75s forwards}
.hero-strip .track{display:flex;width:max-content;animation:mq 38s linear infinite}
.hero-strip:hover .track{animation-play-state:paused}
@keyframes mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.hero-strip b{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(.95rem,1.7vw,1.35rem);letter-spacing:-.02em;color:var(--dim);
  display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);padding-right:clamp(18px,2.4vw,34px);
  white-space:nowrap}
.hero-strip b::after{content:"";width:7px;height:7px;background:var(--cut);flex-shrink:0}

@media(prefers-reduced-motion:reduce){
  .a-hero h1 .row > span{transform:none}
  .a-hero .eyebrow,.hero-strip{opacity:1;transform:none}
  .hero-strip .track{animation:none!important}
  .a-hero .cut line{stroke-dashoffset:0}
}