.os007-hero {
  position:relative;
  isolation:isolate;
  color:var(--os-surface);
  background:#245e76;
  min-block-size:clamp(29rem,50vw,45rem);
  display:grid;
}

.os007-hero-image {
  position:absolute;
  inset:0;
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  object-position:center 51%;
  z-index:-2;
}

.os007-hero::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,15,19,.45),rgba(0,15,19,.13) 50%,transparent 78%);
  z-index:-1;
}

.os007-hero-inner {
  position:relative;
  display:flex;
  align-items:center;
  padding-block:6rem 7rem;
}

.os007-hero-copy {
  max-inline-size:49rem;
}

.os007-hero .os007-eyebrow {
  color:var(--os-surface);
  font-weight:600;
  margin-block-end:1.3rem;
}

.os007-hero h1 {
  font-size:clamp(3.3rem,6.6vw,6.25rem);
  line-height:.94;
  letter-spacing:-.045em;
}

.os007-hero h1 span {
  display:block;
}

.os007-hero-description {
  font-size:clamp(1.15rem,1.75vw,1.6rem);
  line-height:1.4;
  margin-block:1.4rem 1.7rem;
}

.os007-hero .os007-text-link {
  font-size:clamp(1rem,1.3vw,1.2rem);
}

.os007-location {
  position:absolute;
  inset-inline-end:0;
  inset-block-end:4.5rem;
  display:flex;
  align-items:center;
  gap:.5rem;
  font:600 .7rem/1.3 var(--os-sans);
  letter-spacing:.14em;
}

.os007-location .os007-icon {
  inline-size:1rem;
  block-size:1rem;
}

@media(max-width:767px) {
  .os007-hero {
    min-block-size:540px;
  }
  .os007-hero-inner {
    padding-block:5rem 6.5rem;
    align-items:center;
  }
  .os007-hero h1 {
    font-size:clamp(2.5rem,12.3vw,3.25rem);
  }
  .os007-hero-image {
    object-position:38% center;
  }
  .os007-hero::after {
    background:linear-gradient(90deg,rgba(0,15,19,.58),rgba(0,15,19,.26) 75%,rgba(0,15,19,.08));
  }
  .os007-hero .os007-eyebrow {
    font-size:.68rem;
    letter-spacing:.24em;
  }
  .os007-hero-description {
    max-inline-size:28ch;
    margin-block:1.3rem 1.6rem;
  }
  .os007-actions {
    gap:1rem 1.7rem;
  }
  .os007-location {
    inset-inline-start:0;
    inset-inline-end:auto;
    inset-block-end:2rem;
    font-size:.61rem;
  }
}
