.internal-index-hero{
  position:relative;
  min-height:470px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  padding:148px 6vw 72px;
  background:var(--bg);
  color:var(--ink);
}
.internal-index-hero::before{
  content:attr(data-word);
  position:absolute;
  top:68px;
  right:-.025em;
  color:transparent;
  font-size:min(20vw,290px);
  font-weight:800;
  letter-spacing:-.07em;
  line-height:1;
  white-space:nowrap;
  -webkit-text-stroke:1px var(--line-dark);
}
.internal-index-hero::after{
  content:'';
  position:absolute;
  inset:84px 0 0 52%;
  background:linear-gradient(rgba(59,91,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(59,91,255,.045) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 92%,transparent);
  pointer-events:none;
}
.internal-hero-heading{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:8vw;
  align-items:end;
  padding-bottom:0;
}
.internal-hero-heading .eyebrow{margin-bottom:19px}
.internal-hero-heading h1{
  max-width:940px;
  font-size:clamp(48px,6.7vw,96px);
  font-weight:800;
  line-height:.92;
  letter-spacing:-.05em;
}
.internal-hero-heading h1 .accent{color:var(--accent)}
.internal-hero-heading>p{max-width:560px;color:var(--ink-dim);font-size:17px;line-height:1.65}
.internal-hero-about h1{font-size:clamp(48px,6.2vw,88px)}
.internal-hero-contact{min-height:450px}
.internal-index-hero + .work-grid-section{padding-top:68px}
.internal-index-hero + .service-concept-section{padding-top:76px}
.internal-hero-about + .about-story{padding-top:92px}
.internal-hero-contact + .section.raised{padding-top:84px}
#brand,#digital,#growth,#why-draft,#experience,#meet-draft,.clean-project-card{scroll-margin-top:104px}

@media(max-width:940px){
  .internal-index-hero{min-height:440px;padding-top:140px}
  .internal-hero-heading{grid-template-columns:1fr;gap:28px}
  .internal-hero-heading>p{max-width:680px}
}

@media(max-width:760px){
  .internal-index-hero{min-height:400px;padding:132px 6vw 54px}
  .internal-index-hero::before{top:96px;font-size:34vw}
  .internal-index-hero::after{inset:84px 0 0 20%}
  .internal-hero-heading{padding-bottom:0}
  .internal-hero-heading h1,.internal-hero-about h1{font-size:clamp(43px,12.8vw,64px)}
  .internal-hero-heading>p{font-size:16px}
  .internal-index-hero + .work-grid-section,
  .internal-index-hero + .service-concept-section,
  .internal-hero-about + .about-story,
  .internal-hero-contact + .section.raised{padding-top:64px}
}