.section-hero{
  position:relative;
  height:600px;
  margin:0 -48px;
  overflow:hidden;
  border-bottom:1px solid #303430;
  background:#030403;
}
.section-hero>img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:none;
}
.section-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,4,3,.98) 0%,rgba(3,4,3,.88) 30%,rgba(3,4,3,.48) 52%,rgba(3,4,3,.08) 76%),
    linear-gradient(0deg,rgba(3,4,3,.58),transparent 48%);
  pointer-events:none;
}
.section-hero-copy{
  position:absolute;
  z-index:1;
  left:48px;
  top:78px;
  width:min(680px,55%);
}
.section-hero-kicker,
.section-hero-state,
.section-hero-note,
.section-hero-status span{
  font-size:8px;
  letter-spacing:2px;
}
.section-hero-kicker{color:#8d9288}
.section-hero h1{
  margin:19px 0 22px;
  color:#e8e5dd;
  font-size:clamp(58px,6.2vw,92px);
  font-weight:300;
  line-height:.95;
  letter-spacing:4px;
}
.section-hero-copy>p{
  max-width:610px;
  margin:0;
  color:#c4c3bc;
  font-size:16px;
  line-height:1.7;
}
.section-hero-state{
  display:inline-block;
  margin-top:27px;
  padding:12px 15px;
  border:1px solid rgba(216,212,201,.72);
  color:#d2d0c8;
  text-decoration:none;
}
.section-hero-status{
  position:absolute;
  z-index:2;
  right:48px;
  bottom:42px;
  width:300px;
  padding:20px;
  border:1px solid rgba(200,200,190,.34);
  background:rgba(3,4,3,.74);
  backdrop-filter:blur(5px);
}
.section-hero-status span,
.section-hero-status strong{display:block}
.section-hero-status span{margin-top:15px;color:#747970;letter-spacing:1.4px}
.section-hero-status span:first-child{margin-top:0}
.section-hero-status strong{
  margin-top:5px;
  color:#c5c3bb;
  font-size:9px;
  line-height:1.5;
  letter-spacing:1px;
  font-weight:400;
}
.section-hero-note{
  position:absolute;
  right:20px;
  top:18px;
  z-index:2;
  color:rgba(220,219,211,.62);
  letter-spacing:1.4px;
}
@media(max-width:1050px){
  .section-hero{height:520px}
  .section-hero-copy{width:62%}
  .section-hero-status{display:none}
}
@media(max-width:650px){
  .section-hero{height:590px;margin-left:-22px;margin-right:-22px}
  .section-hero>img{object-position:center center}
  .section-hero-shade{background:rgba(3,4,3,.76)}
  .section-hero-copy{left:22px;top:50px;width:calc(100% - 44px)}
  .section-hero h1{font-size:43px;letter-spacing:2px}
  .section-hero-copy>p{font-size:14px}
  .section-hero-note{right:12px;top:auto;bottom:12px}
}