.s-research-hero{
  min-height:100svh;
  display:flex;
  align-items:stretch;
  padding-top:calc(var(--nav-h) + var(--sp-8));
  padding-bottom:var(--sp-8);
}

.s-research-hero__inner{
  flex:1 1 auto;
  width:100%;
  display:grid;
  grid-template-rows:auto auto minmax(var(--sp-10), 1fr) auto;
  row-gap:0;
}
.s-research-hero__head{ grid-row:1; margin-bottom:var(--sp-8); }
.s-research-hero__h   { grid-row:2; }
.s-research-hero__foot{ grid-row:4; }

.s-research-hero__inner::before{
  content:"";
  position:absolute;
  z-index:var(--z-base);
  top:0;
  bottom:calc(var(--sp-8) * -1);
  left:calc((100% - 11 * var(--gutter)) / 12 * 7 + 7 * var(--gutter));
  width:var(--hair);
  background:var(--line);
  pointer-events:none;
}

.s-research-hero .plate{
  position:absolute;
  inset:0;
  z-index:var(--z-field);
  overflow:hidden;
  pointer-events:none;
  background-color:var(--ink-1000);
  background-image:
    radial-gradient(64% 54% at 96% 8%,  var(--ink-850) 0%, transparent 72%),
    radial-gradient(48% 40% at 88% 92%, var(--ink-900) 0%, transparent 78%),
    linear-gradient(184deg, var(--ink-900) 0%, var(--ink-1000) 46%, var(--ink-1000) 100%);
  background-repeat:no-repeat;
}

.s-research-hero .plate > img,
.s-research-hero .plate > video,
.s-research-hero .plate > canvas{
  position:absolute;
  inset:0;
  z-index:var(--z-base);
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.s-research-hero .plate::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:var(--z-field);
  background-image:repeating-linear-gradient(
    to bottom,
    var(--line-on-ink) 0 var(--hair),
    transparent var(--hair) var(--tick)
  );
  background-position:left top;
  -webkit-mask-image:radial-gradient(60% 88% at 106% 42%, var(--ink-1000) 0%, transparent 88%);
          mask-image:radial-gradient(60% 88% at 106% 42%, var(--ink-1000) 0%, transparent 88%);
}

.s-research-hero .plate::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:var(--z-field);
  background:
    linear-gradient(to right, var(--ink-1000) 0%, transparent 42%),
    var(--scrim-head);
}

.s-research-hero__rule{
  position:relative;
  overflow:visible;
  margin-block:0;
}
.s-research-hero__rule::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:calc(var(--sp-1) + var(--hair));
  height:var(--hair);
  background:var(--line);
}

.s-research-hero__rule--cap { margin-bottom:var(--sp-5); }

.s-research-hero__eyebrow  { display:flex; }
.s-research-hero__rule--foot{ margin-bottom:var(--sp-7); }

.s-research-hero__h{
  max-width:none;
  margin:0;
  font-size:min(var(--fs-hero), 14vw);
}
.s-research-hero__h .reveal--line{
  padding-bottom:.12em;
  margin-bottom:-.12em;
}

.s-research-hero__foot{ position:relative; }

.s-research-hero__cols{ align-items:start; }

.s-research-hero__deck{
  grid-column:1 / span 5;
  max-width:var(--measure-display);
  line-height:1.04;
  color:var(--fg);
}

.s-research-hero__note{
  grid-column:8 / span 5;
  padding-left:var(--gutter);
  margin-top:-0.18em;
}

.s-research-hero__body{
  font-size:var(--fs-lede);
  max-width:none;
  color:var(--fg);
}

@media (max-width: 880px){
  .s-research-hero__deck{
    grid-column:1 / -1;
    max-width:var(--measure-display);
  }
  
  .s-research-hero__note{
    grid-column:1 / -1;
    margin-top:var(--sp-6);
    padding-left:0;
    padding-top:var(--sp-5);
    border-top:var(--hair) solid var(--line);
  }
  .s-research-hero__inner::before{ display:none; }
  .s-research-hero__body{ max-width:var(--measure-record); }
}

@media (max-width: 760px){
  .s-research-hero{
    padding-top:calc(var(--nav-h) + var(--sp-7));
    
    padding-bottom:var(--sp-9);
  }
  .s-research-hero__inner{
    grid-template-rows:auto auto minmax(var(--sp-8), 1fr) auto;
  }
  .s-research-hero__head{ margin-bottom:var(--sp-7); }
  .s-research-hero__rule--foot{ margin-bottom:var(--sp-6); }

  
  .s-research-hero__body{ max-width:none; }

  
  .s-research-hero .plate::before{ display:none; }
  .s-research-hero .plate::after{
    background:
      linear-gradient(to right, var(--ink-1000) 0%, transparent 78%),
      var(--scrim-head);
  }
}

@media (max-height: 820px){
  .s-research-hero{
    padding-top:calc(var(--nav-h) + var(--sp-7));
    padding-bottom:var(--sp-7);
  }
  .s-research-hero__inner{
    grid-template-rows:auto auto minmax(var(--sp-9), 1fr) auto;
  }
  .s-research-hero__head { margin-bottom:var(--sp-7); }
  .s-research-hero__rule--foot{ margin-bottom:var(--sp-6); }
}